forked from mnhrc/mnhrc.github.io
-
Notifications
You must be signed in to change notification settings - Fork 3
/
index.html
217 lines (205 loc) · 11.9 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
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<link rel="stylesheet" type="text/css" href="master_interface.css" />
<script src="https://cdn.jsdelivr.net/es6-promise-polyfill/1.2.0/promise.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.0.0/moment.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDgOeFbqElcSmR-zjycke6U8cvfS6E3x14&sensor=false"></script>
<script src="https://apis.google.com/js/api.js"></script>
<script src="map_controller.js"></script>
<meta name="Authors" content="Jason Orendorff, Jacques Woodcock, Amber Adams, Chuck Bryant, Jason Myers" />
</head>
<body>
<div id="about_window">
<div id="big_logo">
<div class="hide hide_about" id="hide_about" onclick="hideAbout()"></div>
<a href="http://www.nashville.gov/humanrelations" target="_blank">
<img src="images/logo_big.png" border="0" />
</a>
<p id="ml-aboutp1">wESL (We ESL) is a platform for easily finding ESL (English
as a Second Language) classes in Nashville, TN. All
organizations that offer ESL classes are listed on the map.
You can click on the map location for more information about
the organizations and the classes they offer. If you would
like your organization's classes to be added to the platform,
click on the link the in the left column titled "Submission
Form." </p>
<p id="ml-aboutp2">The wESL platform is offered and maintained by the Metro
Human Relations Commission. If you have any questions, please
email us at
<a href="mailto:[email protected]?subject=wESL" target="_blank">[email protected]</a>
and follow
<a href="https://www.twitter.com/eslmap" target="_blank">@ESLmap</a> on
Twitter for updates about the platform.
</p>
<p id="ml-aboutp3">
For more info about the Metro Human Relations Commission,
please visit <a href="http://www.1City4AllPeople.com" target="_blank">www.1City4AllPeople.com</a>,
<a href="http://www.Facebook.com/NashMHRC" target="_blank">www.Facebook.com/NashMHRC</a>, or
<a href="http://www.twitter.com/1City4AllPeople" target="_blank">www.twitter.com/1City4AllPeople</a>.
</p>
</div>
</div>
<div id="navigation">
<div id="logo">
<a href="http://www.nashville.gov/humanrelations" target="_blank">
<img src="images/logo.png" border="0" />
</a>
<p id="ml-navTitle">Davidson County English Language Courses</p>
</div>
<div id="filters">
<ul>
<li class="start_date" title="Select Time Frame">
<div class="select_wrapper">
<select id="start_date_menu" class="filter_menu">
<option value="30" id="ml-daySelect1">Next 30 Days</option>
<option value="60" id="ml-daySelect2">30 - 60 Days</option>
<option value="90" id="ml-daySelect3">60 - 90 Days</option>
</select>
</div>
</li>
<li class="class_schedule" title="Select Class Schedule">
<div class="select_wrapper">
<select id="schedule_menu" class="filter_menu">
<option value="" id="ml-scheduleSelect1">Any</option>
<option value="semester" id="ml-scheduleSelect2">Semester</option>
<option value="trimester" id="ml-scheduleSelect3">Trimester</option>
<option value="quarterly" id="ml-scheduleSelect4">Quarterly</option>
<option value="ongoing" id="ml-scheduleSelect5">Ongoing</option>
</select>
</div>
</li>
<li class="level" title="Select Level">
<div class="select_wrapper">
<select id="level_menu" class="filter_menu">
<option value="" id="ml-levelSelect1">Any</option>
<option value="pre-literate" id="ml-levelSelect2">Pre-Literate</option>
<option value="intro" id="ml-levelSelect3">Intro</option>
<option value="level 1" id="ml-levelSelect4">Level 1</option>
<option value="level 2" id="ml-levelSelect5">Level 2</option>
<option value="level 3" id="ml-levelSelect6">Level 3</option>
<option value="level 4" id="ml-levelSelect7">Level 4</option>
<option value="level 5" id="ml-levelSelect8">Level 5</option>
<option value="conversation" id="ml-levelSelect9">Conversation</option>
<option value="ged" id="ml-levelSelect10">GED</option>
<option value="citizenship" id="ml-levelSelect11">Citizenship</option>
</select>
</div>
</li>
<li class="cost" title="Select Cost">
<div class="select_wrapper">
<select id="cost_menu" class="filter_menu">
<option value="" id="ml-costSelect1">Any</option>
<option value="free" id="ml-costSelect2">Free</option>
<option value="10" id="ml-costSelect3">$10</option>
<option value="20" id="ml-costSelect4">$20</option>
<option value="30" id="ml-costSelect5">$30</option>
<option value="40" id="ml-costSelect6">$40</option>
<option value="50" id="ml-costSelect7">$50</option>
<option value="60" id="ml-costSelect8">$60+</option>
</select>
</div>
</li>
</ul>
<span id="ml-classSubmit">To submit a class click <a href="https://docs.google.com/a/jasonamyers.com/forms/d/1yQP_1ph3Rx3VNEIiHvYny9QtoDClMXNa7F1ro0srFjA/viewform">here.</a></span>
</div>
<div id="search_button">
<button onclick="showHideLocations()"value="SEARCH" id="search_button">SEARCH</button>
</div>
<div id="languages">
<!-- I suck at styling. Please put this how you like. Note I gave an 'images/globe.png' -->
<button class="language-select" onclick="populateText('en')">English</button>
<button class="language-select" onclick="populateText('es')">Español (Spanish)</button>
<button class="language-select" onclick="populateText('ar')">عربى (Arabic)</button>
</div>
<div id="aboutLink">
<span id="ml-aboutLink">About this App</span>
</div>
</div>
<div id="map-canvas"></div>
<div id="location-popup">
<div class="back_top" id="course-back">
<button class="back_button" style="width: 100%" onclick="toggleDetails();" id="ml-popupBack">< Back to Locations</button>
</div>
<div class="hide" onclick="hidePopup()"></div>
<div class="organization" data-bind="text: organization"></div>
<div class="contact_info" data-bind="text: address"></div>
<div class="contact_info" data-bind="text: phoneNumber"></div>
<div class="contact_info" data-bind="html: emailAddress"></div>
<div class="contact_info" data-bind="html: websiteUrl"></div>
<div class="description" data-bind="text: description"></div>
<div class="description" data-bind="text: faithBased"></div>
<hr>
<div class="class_at" id="ml-popupTitleClasses">Classes held at:</div>
<div class="class_address" data-bind="text: classAddress"></div>
<hr>
<div class="course_wrapper">
<table width="100%">
<thead>
<tr>
<th width="40%" id="ml-popupTitleClass">Class</th>
<th width="10%" id="ml-popupTitleDate">Date</th>
<th width="10%" id="ml-popupTitleSchedule">Schedule</th>
<th width="20%" id="ml-popupTitleCurriculum">Curriculum</th>
<th width="10%" id="ml-popupTitleFee">Fee</th>
</tr>
</thead>
<tbody data-bind="foreach: coursesAtLocation">
<tr class="course">
<td width="50%" class="coursesOffered" data-bind="text: coursesOffered"></td>
<td width="20%" class="startDate" data-bind="text: startDate"></td>
<td width="10%" class="classSchedule" data-bind="text: classSchedule"></td>
<td width="10%" class="curriculumUsed" data-bind="text: curriculumUsed"></td>
<td class="fee" data-bind="text: fee"></td>
</tr>
</tbody>
</table>
</div>
</div>
<div id="location-list">
<div class="back_top" id="location-back">
<button class="back_button" onclick="showHideLocations()" id="ml-searchBack">< Back to Search</button>
</div>
<table width="100%" id="location_table">
<thead>
<tr>
<th align="left" id="ml-locations">Locations</th>
</tr>
</thead>
<tbody >
<tr></tr>
</tbody>
</table>
</div>
<!--<div id="overlay--pardonUs" class="overlay">-->
<!--<div class="overlay-modal">-->
<!--<div class="overlay-modalTitle">-->
<!--<h2 class="u-textCenter"> The ESL Map is being updated </h2>-->
<!--</div>-->
<!--<div class="overlay-modalBody">-->
<!--<p class="u-textCenter" style="line-height: 1.4;">-->
<!--It will be back soon. For questions or to receive-->
<!--a spreadsheet of the classes, please contact:-->
<!--</p>-->
<!--<a class="u-block u-textCenter u-fontLarge" href="mailto:[email protected]">[email protected]</a>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--<script async defer src="https://apis.google.com/js/api.js"-->
<!--onload="this.onload=function(){};handleClientLoad()"-->
<!--onreadystatechange="if (this.readyState === 'complete') this.onload()">-->
<!--</script>-->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-49101125-1', 'eslmap.com');
ga('send', 'pageview');
</script>
</body>
</html>