-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
398 lines (355 loc) · 21.3 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
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.12/themes/css/cartodb.css" />
<link rel="stylesheet" href="css/jquery-ui.min.css" />
<link rel="stylesheet" href="css/jumbotron-narrow.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/print.css" media="print" />
<!--font-awesome icons -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<!--[if lte IE 8]>
<link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v2/themes/css/cartodb.ie.css" />
<![endif]-->
<title>School Finder</title>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
<header class="header" role="banner">
<!--
<nav>
<ul class="nav nav-pills pull-right">
<li role="presentation" class="active"><a href="#">Home</a></li>
<li role="presentation"><a href="#">About</a></li>
<li role="presentation"><a href="#">Contact</a></li>
</ul>
</nav>
-->
<h3 class="row">
<div class="col-xs-4 org-logo">
<a href="http://www.schools.nsw.edu.au/" title="Go to New South Wales Public Schools homepage"><img src="css/images/secondary-logo-clear.png" height="48px" alt="New South Wales Public Schools"></a>
</div>
<div class="col-xs-8 sitename">NSW Public School Finder</div>
</h3>
</header>
<section id="search-container" role="search" controls="results-container" >
<div class="jumbotron block-intro" id="search-start">
<h1 tabindex="-1">Find a school</h1>
<p class="lead">for a</p>
<p>
<button class="btn primary school-level" type="button">Primary aged student<br/><span class="school-level-definition">Kindergarten to Year 6</span></button>
<button class="btn secondary school-level" type="button">Secondary aged student<br/><span class="school-level-definition">Year 7 to Year 12</span></button>
</p>
<p id="or">or</p>
<p>Find a school by name</p>
<div class="row school-name-search">
<div class="col-lg-12">
<form>
<div class="input-group input-group-lg">
<input id="schoolname" aria-label="Enter a school name to search for" type="text" class="form-control" placeholder="A school named...">
<span class="input-group-btn">
<button id="button-search-name" data-input="schoolname" class="btn search" type="submit">Search</button>
</span>
</div><!-- /input-group -->
</form>
</div>
</div><!-- /.row -->
<p class="disclaimer lesser-text">Information subject to change; by using this, you agree to our <a href="https://education.nsw.gov.au/going-to-a-public-school/finding-a-public-school/terms-of-use" target="_blank">terms of use</a>.</p>
</div>
<div class="jumbotron block-address">
<h1>I live at:</h1>
<p class="lead">Please provide your home address<sup>*</sup> to see your local school:</p>
<form>
<p>
<input tabindex="0" id="address" aria-label="Enter your home street address to find nearby schools" type="text" class="form-control" placeholder="Please enter your home address..." data-geocode-autocomplete=true/>
</p>
<button id="button-search-address" data-input="address" class="btn search" type="submit">Search</button>
</form>
<p class="disclaimer lesser-text"> <sup>*</sup>We do not keep address information. For best results please supply your full address. </p>
</div>
</section>
<!-- RESULT -->
<main id="results-container" role="main">
<div id="list-container"></div>
<div id="map-container"></div>
<div id="school-info-container"></div>
<div class="results-footer row">
<div class="col-sm-8"></div>
<div class="col-sm-4 results-footer-btn-column">
<button type="button" class="btn results-footer-btn">
<i class="fa fa-long-arrow-up"></i>
<span>New search</span>
</button>
</div>
</div>
</main>
<footer class="footer" role="contentinfo">
<p>
A project by the <a href="http://cese.nsw.gov.au" target="_blank">Centre for Education Statistics and Evaluation</a> and <a href="http://codeforaustralia.org" target="_blank">Code for Australia</a>.<br>
We welcome all <a href="" class="mTo" title="Questions? Comments? Email us!">feedback</a> about the School Finder. For all other enquiries, including enrolment area queries, contact your local school.
</p>
<div>
<ul class="list-inline">
<li><a href="https://education.nsw.gov.au/going-to-a-public-school/finding-a-public-school/using-the-school-finder" target="_blank" title="Using the School Finder" aria-label="Using the School Finder">Using the School Finder</a></li>
</ul>
<a class="icon" href="http://github.com/codeforaustralia/school-finder" title="Our Open Source project code on GitHub" target="_blank">
<span class="fa-stack fa-md">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-github-alt fa-stack-1x "></i>
</span>
</a>
<a href="" class="mTo icon" title="Questions? Comments? Email us!">
<span class="fa-stack fa-md">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope fa-stack-1x "></i>
</span>
</a>
</div>
</footer>
</div> <!-- /container -->
<!-- Modal -->
<div id="modal-container"></div>
<div class="modal fade" id="geocodingErrorModal" tabindex="-1" role="dialog" aria-labelledby="geocodingErrorModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="geocodingErrorModalLabel">Geocoding failed. 😳 😞 </h4>
<!-- 😳😞 or flushed face (U+1F633) followed by disappointed face (U+1F61E). -->
</div>
<div class="modal-body">
<p>Sorry, <span class="modal-geocoder">the</span> geocoder gave an unexpected result. <span class="modal-more-info"></span> Either the address doesn't exist or the geocoder is experiencing problems. Feel free to try another search though!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="noResultsForNameModal" tabindex="-1" role="dialog" aria-labelledby="noResultsForNameModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="noResultsForNameModalLabel">Nothing found. 😳 😞 </h4>
<!-- 😳😞 or flushed face (U+1F633) followed by disappointed face (U+1F61E). -->
</div>
<div class="modal-body">
<p>Sorry, I don't know of any schools like that. Feel free to try another search though!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<div class="modal fade" id="tooManyResultsModal" tabindex="-1" role="dialog" aria-labelledby="tooManyResultsModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="tooManyResultsModalLabel">Yikes! There are too many results. 😯 😞 </h4>
<!-- 😯😞 or hushed face (U+1F62F) followed by disappointed face (U+1F61E). -->
</div>
<div class="modal-body">
<p>I found <span class="results-count">way too many</span> results and can't display them all. Feel free to try another search though!</p>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
<script id="modal-no-result-template" type="text/x-handlebars-template">
<div class="modal fade" id="noResultsForAddressModal" tabindex="-1" role="dialog" aria-labelledby="noResultsForAddressModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="noResultsForAddressModalLabel">Nothing found. 😳 😞 </h4>
<!-- 😳😞 or flushed face (U+1F633) followed by disappointed face (U+1F61E) -->
</div>
<div class="modal-body">
{{#if support_needed}}
<p class="more-info">Sorry, it seems there is no school within {{search_radius}} of your location that currently has support for {{support_description}}.</p>
<p><strong>Your local school may be able to arrange services; let's try looking for nearby schools that don't (yet) support {{support_description}}.</strong></p>
<p>You can always contact Disabilities Support at (02) 9244 5085 or <a target="_blank" href="http://www.schools.nsw.edu.au/studentsupport/programs/disability.php">learn more online</a>.</p>
{{else}}
<p>Sorry, I don't know of any schools within {{search_radius}} of your location. Feel free to try another search though!</p>
{{/if}}
<p class="more-info">You might also be interested in <a href="http://www.schools.nsw.edu.au/rde/ruraledu/index.php" target="_blank">rural and distance education</a> options.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn" data-dismiss="modal">OK</button>
</div>
</div>
</div>
</div>
</script>
<script id="result-list-template" type="text/x-handlebars-template">
<nav class="jumbotron results-list" controls="map-container" role="navigation">
<h1>Results</h1>
<p class="lead">We found the following {{#if search_by_distance}}nearest{{/if}} results{{#if support_needed}} for {{support_description}}{{/if}}; select one to view.</p>
<div class="material-radio" role="group" tabindex="-1">
{{#each schools}}
<button class="btn school-option {{#if selected}}selected{{/if}}" type="button" aria-pressed="{{selected}}" data-school-code="{{school_code}}">
<span>
{{#if selected}} <i class="fa fa-check" aria-hidden="true"></i> {{/if}}
<span class="result-school-name">{{school_name}}</span>
{{#if distance}}<span class="school-distance">{{distance}} km</span>{{/if}}
</span>
{{#if support_needed}}
<span class="school-type">
{{level_of_schooling}}
</span>
{{/if}}
</button>
{{/each}}
</div>
<p class="lesser-text">Or, try a <a class="jump-to-start" href="#search-start">new search</a>.</p>
</nav>
</script>
<script id="map-template" type="text/x-handlebars-template">
<div class="cartodb-map" id="cartodb-map">
</div>
</script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<!-- <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> -->
<script id="school-info-template" type="text/x-handlebars-template">
<div id="school-info-{{school_code}}" class="school-info">
<div class="school-name">
<img alt="" class="icon" src="https://api.tiles.mapbox.com/v3/marker/[email protected]">
{{school_name}}
</div>
<div class="school-details-container row">
<div class="school-description col-md-6">
<p class="field-label">About: </p><div class="field-data expandable-text">{{{body}}}</div></li>
</div>
<ul class="school-details col-md-6">
{{#if distance}}
<li class="school-distance"><span class="field-label">Distance: </span><p><span class="field-data"><span class="straight-distance"></span><span class="route-distance"></span></p></li>
{{/if}}
<li class="school-address">
<span class="field-label">Contact: </span><br><span class="field-data"><abbr title="{{street}}, {{town_suburb}} NSW {{postcode}}">{{street}}, {{town_suburb}}</abbr></span>
</li>
<li class="school-directions">
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-map-marker fa-stack-1x"></i>
</span>
<span class="field-data"><a class="get-directions" href="https://www.google.com/maps/dir/{{#if homeLat}}{{homeLat}},{{homeLng}}{{/if}}/{{school_name}},+{{street}},+{{town_suburb}},+NSW+{{postcode}},+AU/@{{latitude}},{{longitude}},17z/" target="_blank">Get directions</a></span>
</li>
<li class="school-phone">
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-phone fa-stack-1x"></i>
</span>
<span class="sr-only">Phone: </span><span class="field-data">{{phone}}</span>
</li>
<li class="school-email">
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-envelope fa-stack-1x"></i>
</span>
<span class="sr-only">Email: </span><span class="field-data"><a href="mailto:{{school_email}}">{{school_email}}</a></span>
</li>
<li class="school-website">
<span class="fa-stack">
<i class="fa fa-circle fa-stack-2x fa-inverse"></i>
<i class="fa fa-globe fa-stack-1x"></i>
</span>
<span class="sr-only">Website: </span><span class="field-data"><a href="http://{{website}}" target="_blank">{{website}}</a></span>
</li>
<li class="school-level"><span class="field-label">Level: </span><span class="field-data">{{level_of_schooling}}, {{grades}}</span>
<li class="naplan-results"><span class="field-label">NAPLAN: </span><span class="field-data"</span> Use <a href=http://www.myschool.edu.au/ target="_blank" title="My School site, from the federal government">My School</a> website</li>
{{#if is_specialty_possible}}
<li class="school-specialty"><span class="field-label">Specialty: </span><span class="field-data">{{school_specialty_type}}</span></li>
{{/if}}
{{#if is_intensive_english_possible}} {{#if intensive_english_centre}}
<li class="school-intensive-english"><span class="field-label">Intensive English Centre: </span><span class="field-data">{{yesNo intensive_english_centre}}</span></li>
{{/if}} {{/if}}
{{#if is_opportunity_class_possible}} {{#if opportunity_class}}
<li class="school-opportunity-classes"><span class="field-label">Opportunity Class: </span><span class="field-data">{{yesNo opportunity_class}}</span></li>
{{/if}} {{/if}}
{{#if is_selective_possible}} {{#if is_somewhat_selective}}
<li class="school-selective"><span class="field-label">Academically selective: </span><span class="field-data">{{selective_school}}</span></li>
{{/if}} {{/if}}
<li class="school-support">
<span class="field-label">Special learning needs support:</span>
<ul>
<li>contact this school</li>
<li><a href="http://www.schools.nsw.edu.au/studentsupport/programs/disability.php" target="_blank">see general support overview</a></li>
</ul>
</li>
<li class="school-enrollment"><span class="field-label">Enrolment: </span><span class="field-data">{{round student_number}}</span></li>
<div style="display:none">
<li class="school-established"><span class="field-label">Established: </span><span class="field-data">{{established}}</span></li></div>
{{#if is_preschool_possible}}
<li class="school-preschool"><span class="field-label">Preschool: </span><span class="field-data">{{yesNo preschool_ind}}</span>. Use <a href="http://www.mychild.gov.au/sites/mychild" target="_blank" title="My Child site, from the federal government">this tool</a> to find more options</li>
{{/if}}
{{#if oshc}}
<li class="school-oshc"><span class="field-label">Outside school hours care: </span>{{#if oshc}} <br> {{/if}}
<span class="field-data">{{#careOptions oshc_before_school oshc_after_school oshc_vacation}}{{/careOptions}}{{#if oshc}} - {{oshc_provider}}{{/if}}</span> <!-- (Contact the school to register.) -->
</li>
{{/if}}
<li class="school-more-info"><span class="field-label">Need more info?</span> <span class="field-data"><a href="https://www.google.com.au/search?q={{school_name}}+nsw" target="_blank">Here's more on Google</a></li>
<li class="school-admin-info">
<span class="field-category">Administrative Info</span><span class="field-label">School Code: </span><span class="field-data">{{school_code}}</span>
</li>
</ul>
</div>
<p class='school-info-intro'>Please contact the school if you require more information about the local enrolment area.</p>
</div>
</script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?client=gme-nswdepartmentofeducation1&libraries=places"></script>
<script src="js/vendor/jquery-ui/jquery-ui.js"></script> <!-- for autocomplete -->
<!-- script src="js/vendor/cartodb.js"></script-->
<script src="https://cartodb-libs.global.ssl.fastly.net/cartodb.js/v3/3.12/cartodb.js"></script>
<script src="js/vendor/handlebars-v3.0.0.js"></script>
<script src="js/vendor/Leaflet.MakiMarkers.js"></script>
<script src="js/config.js"></script>
<script src="js/whitelabel.js"></script>
<script src="js/geo/M.js"></script>
<script src="js/geo/MapControls.js"></script>
<script src="js/geo/google.js"></script>
<script src="js/geo/mapbox.js"></script>
<script src="js/geocoder.js"></script>
<script src="js/models/school.js"></script>
<script src="js/collections/schools.js"></script>
<script src="js/query.js"></script>
<script src="js/util.js"></script>
<script src="js/views/mapview.js"></script>
<script src="js/views/listview.js"></script>
<script src="js/views/schoolview.js"></script>
<script src="js/ui.js"></script>
<script src="js/app.js"></script>
<script>/*eslint-disable*/
(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-63141018-1', 'auto');
ga('send', 'pageview');
/*eslint-enable*/
</script>
<!-- want to check accessibility? Uncomment this. -->
<!-- <script src="js/vendor/testing/tota11y.min.js"></script> -->
</body>
</html>