-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (137 loc) · 6.85 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">-->
<!-- <link href="http://jhfrench.github.io/bootstrap-tree/bootstrap-combined.min.css" rel="stylesheet">-->
<script src="https://code.jquery.com/jquery-2.1.1.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="stylesheet" type="text/css" href="bootstrapCustom.css">
<!--<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>-->
<!--<script src="http://jhfrench.github.io/bootstrap-tree/js/bootstrap-tree.js"></script>-->
<link rel="stylesheet" href="https://js.arcgis.com/4.0/esri/css/main.css">
<link rel="stylesheet" href="https://js.arcgis.com/4.0/esri/css/calcite/calcite.css">
<!--<link rel="stylesheet" type="text/css" href="http://esri.github.io/bootstrap-map-js/src/css/bootstrapmap.css">-->
<script src="https://js.arcgis.com/4.0/"></script>
<!--<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=[API KEY]&libraries=places"></script>-->
<title>San Mateo County Health Centers</title>
<style>
html,
body,
#map {
float: right;
height: 100%;
width: 100%;
margin: 0;
padding: 0;
}
#legend {
float: right;
}
</style>
</head>
<body>
<div>
<center><div><h1>San Mateo County Health Services</h1></div></center><br>
<div id="map" style="height:500px;width:900px"></div>
<div id="legend"><img src="http://imageshack.com/a/img921/6961/E6vBdL.png"></div>
<div>
<form>
<div>
<div id="status"><h3>STATUS</h3></div>
<b><h4> No. of people waiting: 7</h4></b>
<!-- <input type="text" class="form-control" id="waitTimeForm">
<button type="submit" class="btn btn-primary">Update time</button><br><br> -->
<img src="http://imageshack.com/a/img922/5525/5hLUCp.png" height="100" width="200" />
<blockquote class="twitter-tweet" data-lang="en"><p lang="en" dir="ltr">In transit to 5th & Spring Street <a href="https://twitter.com/hashtag/RedwoodCity?src=hash">#RedwoodCity</a>. Estimated arrival time 12:45pm</p>— Mobile Clinic Location (@SMCmobilehack) <a href="https://twitter.com/SMCmobilehack/status/734123398968705025" target="_blank">May 21, 2016 (2 hours ago)</a></blockquote>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<!--<div id="status_display">In transit to 5th & Spring Street. Estimated arrival time 12:45pm</div>-->
</div>
</form>
</div>
<div>
<div>
<div id ="sort" class="well">
<div><h3>SORT BY SERVICE TYPE</h3></div>
<ul role="tree">
<li class="parent_li" role="treeitem">
<div class="checkbox">
<label><input type="checkbox" value="">Veterans' Services</label>
</div>
</li>
<li class="parent_li" role="treeitem">
<div class="checkbox">
<label><input type="checkbox" value="">Mobile Health Clinic Scheduled Locations</label>
</div>
</li>
<li class="parent_li" role="treeitem">
<div class="checkbox">
<label><input type="checkbox" value="">Mobile Health Clinic (current location)</label>
</div>
</li>
<li class="parent_li" role="treeitem">
<div class="checkbox">
<label><input type="checkbox" value="">Other Nearby Services</label>
</div>
<!--<ul role="group">-->
<!-- <li class="parent_li" role="treeitem" style="display: list-item;">-->
<!--(other parameters)-->
<!-- </li>-->
<!--</ul>-->
</li>
</ul>
</div>
</div>
</div>
<div class="row row-content">
<div class="col-xs-4">
<h3>STAY UPDATED</h3>
<div>To get a one-time update of the current mobile clinic location and number of people in line, text 85234</div>
<div>To stay updated on delays, fill out the form below. We'll text you with any changes to the schedule above. Standard messaging rates apply.</div>
<form action="/toText.html" class="form-horizontal" role="form" name="contactForm">
<div class="form-group">
<div class="col-sm-5">
<label for="telno" class="control-label">Phone number</label>
</div>
<div class="col-sm-7">
<div class="input-group">
<!--<div class="input-group-addon">(</div>
<input type="tel" class="form-control" id="areacode" placeholder="Area code">
<div class="input-group-addon">)</div>-->
<input type="tel" class="form-control" id="telno" placeholder="Phone number">
</div>
</div>
</div>
<div class="form-group">
<br />
<label for="clinicList" class="col-sm-5 control-label">Which clinic location do you want updates about?</label>
<select id="clinicList" class="col-sm-7">
<option value="Linden">Monday South San Francisco - Linden & Pine</option>
<option value="Redwood">Tuesday Redwood City - Fair Oaks Community Center (Parking Lot)</option>
<option value="Wednesday">Wednesday Redwood City - 5th & Spring Street</option>
<option value="Thursday">Thursday Menlo Park - Menlo Corporate Center (Parking Lot)</option>
</select>
</div>
<div class="form-group">
<button type="submit" class="btn btn-primary">Sign up</button>
</div>
</form>
</div>
</div>
</div>
<!-- veterans, mhc and nearby services
form for input new wait time
store default wait time for display
allow overwrite of new wait time -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script src="script.js"></script>
<script src="twitterEmbed.js"></script>
<script>
$('#waitTimeForm').keyup(function() {
$('waitTime').text($(this).val());
}).keyup();
</script>
</body>
</html>