-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
164 lines (154 loc) · 4.96 KB
/
index.html
File metadata and controls
164 lines (154 loc) · 4.96 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html>
<head>
<title>Project Play</title>
<meta charset="utf-8">
<link rel="stylesheet" href="./css/styles.css" type="text/css" media="screen">
<link rel="stylesheet" href="./css/bootstrap.min.css" >
<script src="https://maps.googleapis.com/maps/api/js?sensor=false&libraries=places,geometry" ></script>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script src ="./js/playSvc.js"></script>
<script src="./js/app.js" ></script>
<script>
var app;
$(document).ready(function() {
app = playApp(); app.initialize();
$(window).resize(app.rightSizeListView);
});
</script>
</head>
<body>
<div id="app_detail_modal" class="modal hide fade">
<div id="detail_header" class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id='detail_title'></h3>
</div>
<div class="modal-body">
<p>Google Places Page: <span id='detail_googleplacelink'></span></p>
<p>Restrooms: <span id='detail_restrooms'></span></p>
<p>Drinking Fountains: <span id='detail_drinkingfountain'></span></p>
<p>Seating: <span id='detail_seating'></span></p>
<p>Age Groups: <span id="detail_agelevel_text"></span></p>
<p>Comments: <span id="detail_comments_text"></span></p>
<!--<table>
<tr>
<td id='detail_comments_label'>Comments:</td>
<td id='detail_comments_text'></td>
</tr>
</table>-->
</div>
<!--
<div class="modal-footer">
<a href="#" class="btn">Close</a>
</div>
-->
</div>
<div id="side_bar">
<div id="branding">
<img id="header_img" src="./img/projectplay.png" />
<div id="header_bar"></div>
<div id="overhang_bar"></div>
</div>
<div id="app_panel">
<div id="filter_panel">
<a id='searchBtn' class='btn btn-block btn-medium'>Search Playgrounds <i class="icon-chevron-right"></i></a>
<hr class="fancydivider" />
<span class="sbtext">Within</span>
<select id="inputDistance" class='input-mini'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>
<span class="sbtext"> mile(s) of </span>
<input id="inputAddress" placeholder="This address..." size="18" type="text">
<!--<button id="addressSearchBtn" class="btn" type="button">Go</button>-->
<hr class="fancydivider" />
<div class="sbtext"> I care about... </div>
<br/>
<table id="filterTbl">
<tr>
<td>
<span class="sbtext">Restrooms: </span>
</td>
<td>
<div class="btn-group">
<button id="yesRestroom" class="btn restroombtngrp">Yes</button>
<button id="noRestroom" class="btn restroombtngrp">No</button>
</div>
</td>
</tr>
<tr>
<td>
<span class="sbtext">Drinking Water: </span>
</td>
<td>
<div class="btn-group">
<button id="yesDrinkingW" class="btn drinkingwbtngrp">Yes</button>
<button id="noDrinkingW" class="btn drinkingwbtngrp">No</button>
</div>
</td>
</tr>
<tr>
<td>
<span class="sbtext">Seating: </span>
</td>
<td>
<div class="btn-group">
<button id="yesSeating" class="btn seatingbtngrp">Yes</button>
<button id="noSeating" class="btn seatingbtngrp">No</button>
</div>
</td>
</tr>
<tr>
<td>
<span class="sbtext">Shade: </span>
</td>
<td>
<div class="btn-group">
<button id="yesShade" class="btn shadebtngrp">Yes</button>
<button id="noShade" class="btn shadebtngrp">No</button>
</div>
</td>
</tr>
<tr>
<td colspan="2">
<br/>
<span class="sbtext">Age Level: </span>
<div class="btn-group">
<button id="anyAge" class="btn agebtngrp">Any</button>
<button id="twoToFiveAge" class="btn agebtngrp">2-5</button>
<button id="fiveToTwelveAge" class="btn agebtngrp">5-12</button>
</div>
</td>
</tr>
</table>
<hr class="fancydivider" />
</div>
<div id="results_panel">
<a id='returnBtn' class='btn btn-block btn-medium'><i class="icon-chevron-left"></i> Clear Search and Go Back</a>
<br/>
<div id="app_listview">
<table id="listTbl" class="table table-bordered table-striped">
<tbody>
</tbody>
</table>
</div>
<!--<div id="app_pager" class="pagination center">
<ul>
<li><a href="#">Prev</a></li>
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">Next</a></li>
</ul>
</div>-->
</div>
</div>
</div>
<div id="map_canvas"></div>
</body>
</html>