commit | author | age
|
68aeb4
|
1 |
//var ttss_base = 'http://www.ttss.krakow.pl/internetservice'; |
c25e91
|
2 |
var ttss_base = '/proxy.php'; |
JK |
3 |
var ttss_refresh = 20000; // 20 seconds |
|
4 |
|
f50bae
|
5 |
var page_title = document.getElementsByTagName('title')[0]; |
5de24f
|
6 |
var ignore_hashchange = false; |
f50bae
|
7 |
|
9e6757
|
8 |
var language = 'en'; |
JK |
9 |
var lang_select = document.getElementById('lang-select'); |
|
10 |
|
8338a5
|
11 |
var stop_id; |
c25e91
|
12 |
var stop_name = document.getElementById('stop-name'); |
JK |
13 |
var stop_name_form = stop_name.form; |
|
14 |
var stop_name_autocomplete = document.getElementById('stop-name-autocomplete'); |
|
15 |
var stop_name_autocomplete_xhr; |
e95a73
|
16 |
var stop_name_autocomplete_timer; |
c25e91
|
17 |
|
JK |
18 |
var times_xhr; |
|
19 |
var times_timer; |
|
20 |
var times_stop_name = document.getElementById('times-stop-name'); |
|
21 |
var times_alerts = document.getElementById('times-alerts'); |
|
22 |
var times_table = document.getElementById('times-table'); |
68aeb4
|
23 |
//var times_lines = document.getElementById('times-lines'); |
c25e91
|
24 |
|
68aeb4
|
25 |
var route_id; |
c25e91
|
26 |
var route_xhr; |
JK |
27 |
var route_line = document.getElementById('route-line'); |
|
28 |
var route_table = document.getElementById('route-table'); |
|
29 |
|
|
30 |
var refresh_button = document.getElementById('refresh'); |
|
31 |
var refresh_text = document.getElementById('refresh-text'); |
|
32 |
var refresh_time; |
|
33 |
var refresh_timer; |
|
34 |
|
|
35 |
var alert = document.getElementById('alert'); |
|
36 |
var alert_text = document.getElementById('alert-text'); |
|
37 |
var alert_close = document.getElementById('alert-close'); |
|
38 |
|
0f9bcf
|
39 |
var nav = document.getElementsByTagName('nav')[0]; |
ac721d
|
40 |
|
c25e91
|
41 |
function parseStatus(status) { |
JK |
42 |
switch(status.status) { |
|
43 |
case 'STOPPING': |
9e6757
|
44 |
return lang.boarding_sign; |
c25e91
|
45 |
case 'PREDICTED': |
JK |
46 |
if(status.actualRelativeTime <= 0) |
9e6757
|
47 |
return lang.boarding_sign; |
c25e91
|
48 |
if(status.actualRelativeTime >= 60) |
9e6757
|
49 |
return lang.time_minutes_prefix + Math.floor(status.actualRelativeTime / 60) + lang.time_minutes_suffix; |
JK |
50 |
return lang.time_seconds_prefix + status.actualRelativeTime + lang.time_seconds_suffix; |
c25e91
|
51 |
case 'DEPARTED': |
9e6757
|
52 |
return lang.time_minutes_ago_prefix + Math.floor(-status.actualRelativeTime / 60) + lang.time_minutes_ago_suffix; |
c25e91
|
53 |
default: |
JK |
54 |
return status.mixedTime; |
|
55 |
} |
|
56 |
} |
|
57 |
|
|
58 |
function parseTime(date, time) { |
|
59 |
var result = new Date(date.getFullYear(), date.getMonth(), date.getDay()); |
|
60 |
var time_split = time.split(':'); |
|
61 |
result.setHours(time_split[0]); |
|
62 |
result.setMinutes(time_split[1]); |
|
63 |
|
|
64 |
if(result.getTime() - date.getTime() > 72000000) { |
|
65 |
result.setTime(result.getTime() - 86400000); |
|
66 |
} |
|
67 |
|
|
68 |
if(date.getTime() - result.getTime() > 72000000) { |
|
69 |
result.setTime(result.getTime() + 86400000); |
|
70 |
} |
|
71 |
|
|
72 |
return result; |
|
73 |
} |
|
74 |
|
|
75 |
function parseDelay(status) { |
9e6757
|
76 |
if(!status.actualTime) return lang.unknown_sign; |
JK |
77 |
if(!status.plannedTime) return lang.unknown_sign; |
c25e91
|
78 |
|
JK |
79 |
var now = new Date(); |
|
80 |
var actual = parseTime(now, status.actualTime); |
|
81 |
var planned = parseTime(now, status.plannedTime); |
|
82 |
|
9e6757
|
83 |
return lang.time_minutes_prefix + ((actual.getTime() - planned.getTime()) / 1000 / 60) + lang.time_minutes_suffix; |
c25e91
|
84 |
} |
JK |
85 |
|
8fb34c
|
86 |
function displayVehicle(vehicleInfo) { |
JK |
87 |
if(!vehicleInfo) return document.createTextNode(''); |
|
88 |
|
|
89 |
var span = document.createElement('span'); |
|
90 |
span.className = 'vehicleInfo'; |
9e6757
|
91 |
|
JK |
92 |
var floor_type = ''; |
8fb34c
|
93 |
if(vehicleInfo.low == 0) { |
9e6757
|
94 |
setText(span, lang.high_floor_sign); |
JK |
95 |
floor_type = lang.high_floor; |
8fb34c
|
96 |
} else if(vehicleInfo.low == 1) { |
9e6757
|
97 |
setText(span, lang.partially_low_floor_sign); |
JK |
98 |
floor_type = lang.partially_low_floor; |
8fb34c
|
99 |
} else if(vehicleInfo.low == 2) { |
9e6757
|
100 |
setText(span, lang.low_floor_sign); |
JK |
101 |
floor_type = lang.low_floor; |
8fb34c
|
102 |
} |
9e6757
|
103 |
|
JK |
104 |
span.title = lang.tram_type_pattern |
|
105 |
.replace('$num', vehicleInfo.num) |
|
106 |
.replace('$type', vehicleInfo.type) |
|
107 |
.replace('$floor', floor_type); |
|
108 |
|
8fb34c
|
109 |
return span; |
c25e91
|
110 |
} |
JK |
111 |
|
|
112 |
function fail(message, more) { |
|
113 |
if(times_timer) clearTimeout(times_timer); |
|
114 |
|
|
115 |
setText(alert_text, message); |
|
116 |
alert.style.display = 'block'; |
|
117 |
|
|
118 |
console.log(message + ' More details follow.'); |
|
119 |
if(more) console.log(more); |
|
120 |
} |
|
121 |
|
|
122 |
function fail_ajax(data) { |
|
123 |
// abort() is not a failure |
|
124 |
if(data.readyState == 0 && data.statusText == 'abort') return; |
|
125 |
|
|
126 |
if(data.status == 0) { |
9e6757
|
127 |
fail(lang.error_request_failed_connectivity, data); |
c25e91
|
128 |
} else if (data.statusText) { |
9e6757
|
129 |
fail(lang.error_request_failed_status.replace('$status', data.statusText), data); |
c25e91
|
130 |
} else { |
9e6757
|
131 |
fail(lang.error_request_failed, data); |
c25e91
|
132 |
} |
JK |
133 |
} |
|
134 |
|
e54544
|
135 |
function fail_hide() { |
JK |
136 |
alert.style.display = 'none'; |
|
137 |
} |
|
138 |
|
ac721d
|
139 |
function loading_start() { |
0f9bcf
|
140 |
nav.className += ' loading'; |
ac721d
|
141 |
} |
JK |
142 |
|
|
143 |
function loading_end() { |
0f9bcf
|
144 |
nav.className = nav.className.replace(' loading', ''); |
ac721d
|
145 |
} |
JK |
146 |
|
68aeb4
|
147 |
function loadTimes(stopId) { |
c25e91
|
148 |
if(!stopId) stopId = stop_id; |
JK |
149 |
if(!stopId) return; |
|
150 |
|
|
151 |
if(times_timer) clearTimeout(times_timer); |
|
152 |
if(times_xhr) times_xhr.abort(); |
|
153 |
|
68aeb4
|
154 |
console.log('loadTimes(' + stopId + ')'); |
969115
|
155 |
stop_id = stopId; |
9e6757
|
156 |
|
5de24f
|
157 |
ignore_hashchange = true; |
969115
|
158 |
window.location.hash = '#!' + language + stopId; |
5de24f
|
159 |
ignore_hashchange = false; |
c25e91
|
160 |
refresh_button.removeAttribute('disabled'); |
JK |
161 |
|
ac721d
|
162 |
loading_start(); |
c25e91
|
163 |
times_xhr = $.get( |
68aeb4
|
164 |
ttss_base + '/services/passageInfo/stopPassages/stop' |
c25e91
|
165 |
+ '?stop=' + encodeURIComponent(stopId) |
JK |
166 |
+ '&mode=departure' |
|
167 |
).done(function(data) { |
|
168 |
setText(times_stop_name, data.stopName); |
9e6757
|
169 |
setText(page_title, lang.page_title_stop_name.replace('$stop', data.stopName)); |
c25e91
|
170 |
deleteChildren(times_alerts); |
JK |
171 |
deleteChildren(times_table); |
68aeb4
|
172 |
//deleteChildren(times_lines); |
c25e91
|
173 |
|
JK |
174 |
for(var i = 0, il = data.generalAlerts.length; i < il; i++) { |
09944e
|
175 |
addParaWithText(times_alerts, data.generalAlerts[i].title); |
c25e91
|
176 |
} |
JK |
177 |
|
|
178 |
for(var i = 0, il = data.old.length; i < il; i++) { |
|
179 |
var tr = document.createElement('tr'); |
|
180 |
addCellWithText(tr, data.old[i].patternText); |
8fb34c
|
181 |
var dir_cell = addCellWithText(tr, data.old[i].direction); |
JK |
182 |
dir_cell.appendChild(displayVehicle(parseVehicle(data.old[i].vehicleId))); |
c25e91
|
183 |
var status = parseStatus(data.old[i]); |
JK |
184 |
addCellWithText(tr, status); |
|
185 |
addCellWithText(tr, ''); |
|
186 |
|
|
187 |
tr.className = 'active'; |
68aeb4
|
188 |
tr.addEventListener('click', function(tripId){ return function(){ loadRoute(tripId); } }(data.old[i].tripId) ); |
c25e91
|
189 |
times_table.appendChild(tr); |
JK |
190 |
} |
|
191 |
|
|
192 |
for(var i = 0, il = data.actual.length; i < il; i++) { |
|
193 |
var tr = document.createElement('tr'); |
|
194 |
addCellWithText(tr, data.actual[i].patternText); |
8fb34c
|
195 |
var dir_cell = addCellWithText(tr, data.actual[i].direction); |
JK |
196 |
dir_cell.appendChild(displayVehicle(parseVehicle(data.actual[i].vehicleId))); |
c25e91
|
197 |
var status = parseStatus(data.actual[i]); |
e2b283
|
198 |
var status_cell = addCellWithText(tr, status); |
c25e91
|
199 |
var delay = parseDelay(data.actual[i]); |
e2b283
|
200 |
var delay_cell = addCellWithText(tr, delay); |
c25e91
|
201 |
|
9e6757
|
202 |
if(status == lang.boarding_sign) { |
e2b283
|
203 |
tr.className = 'success'; |
JK |
204 |
status_cell.className = 'status-boarding'; |
|
205 |
} else if(parseInt(delay) > 9) { |
|
206 |
tr.className = 'danger'; |
|
207 |
delay_cell.className = 'status-delayed'; |
|
208 |
} else if(parseInt(delay) > 3) { |
|
209 |
tr.className = 'warning'; |
|
210 |
} |
68aeb4
|
211 |
|
JK |
212 |
tr.addEventListener('click', function(tripId){ return function(){ loadRoute(tripId); } }(data.actual[i].tripId) ); |
c25e91
|
213 |
times_table.appendChild(tr); |
JK |
214 |
} |
|
215 |
|
68aeb4
|
216 |
/* |
c25e91
|
217 |
for(var i = 0, il = data.routes.length; i < il; i++) { |
JK |
218 |
var tr = document.createElement('tr'); |
|
219 |
addCellWithText(tr, data.routes[i].name); |
|
220 |
addCellWithText(tr, data.routes[i].directions.join(' - ')); |
|
221 |
addCellWithText(tr, data.routes[i].authority); |
|
222 |
times_lines.appendChild(tr); |
|
223 |
} |
68aeb4
|
224 |
*/ |
c25e91
|
225 |
|
JK |
226 |
startTimer(new Date()); |
e54544
|
227 |
fail_hide(); |
c25e91
|
228 |
|
68aeb4
|
229 |
times_timer = setTimeout(function(){ loadTimes(); loadRoute(); }, ttss_refresh); |
ac721d
|
230 |
}).fail(fail_ajax).always(loading_end); |
68aeb4
|
231 |
} |
JK |
232 |
|
|
233 |
function loadRoute(tripId) { |
|
234 |
if(!tripId) tripId = route_id; |
|
235 |
if(!tripId) return; |
|
236 |
|
|
237 |
console.log('loadRoute(' + tripId + ')'); |
|
238 |
route_id = tripId; |
|
239 |
|
|
240 |
if(route_xhr) route_xhr.abort(); |
|
241 |
route_xhr = $.get( |
|
242 |
ttss_base + '/services/tripInfo/tripPassages' |
|
243 |
+ '?tripId=' + encodeURIComponent(tripId) |
|
244 |
+ '&mode=departure' |
|
245 |
).done(function(data) { |
|
246 |
if(!data.routeName || !data.directionText || data.old.length + data.actual.length == 0) { |
|
247 |
route_id = null; |
|
248 |
return; |
|
249 |
} |
|
250 |
|
|
251 |
setText(route_line, data.routeName + ' ' + data.directionText); |
|
252 |
deleteChildren(route_table); |
|
253 |
|
|
254 |
for(var i = 0, il = data.old.length; i < il; i++) { |
|
255 |
var tr = document.createElement('tr'); |
|
256 |
addCellWithText(tr, data.old[i].actualTime || data.old[i].plannedTime); |
|
257 |
addCellWithText(tr, data.old[i].stop_seq_num + '. ' + data.old[i].stop.name); |
|
258 |
|
|
259 |
tr.className = 'active'; |
73da94
|
260 |
tr.addEventListener('click', function(stopId){ return function(){ loadTimes(stopId); } }(data.old[i].stop.shortName) ); |
68aeb4
|
261 |
route_table.appendChild(tr); |
JK |
262 |
} |
|
263 |
|
|
264 |
for(var i = 0, il = data.actual.length; i < il; i++) { |
|
265 |
var tr = document.createElement('tr'); |
|
266 |
addCellWithText(tr, data.actual[i].actualTime || data.actual[i].plannedTime); |
|
267 |
addCellWithText(tr, data.actual[i].stop_seq_num + '. ' + data.actual[i].stop.name); |
|
268 |
|
|
269 |
if(data.actual[i].status == 'STOPPING') { |
|
270 |
tr.className = 'success'; |
|
271 |
} |
73da94
|
272 |
tr.addEventListener('click', function(stopId){ return function(){ loadTimes(stopId); } }(data.actual[i].stop.shortName) ); |
68aeb4
|
273 |
route_table.appendChild(tr); |
JK |
274 |
} |
|
275 |
}).fail(fail_ajax); |
c25e91
|
276 |
} |
JK |
277 |
|
|
278 |
function startTimer(date) { |
|
279 |
if(date) { |
9e6757
|
280 |
setText(refresh_text, lang.last_refreshed.replace('$time', lang.time_now)); |
c25e91
|
281 |
refresh_time = date; |
JK |
282 |
} |
|
283 |
if(!refresh_time) return; |
|
284 |
if(refresh_timer) clearInterval(refresh_timer); |
|
285 |
|
|
286 |
var now = new Date(); |
|
287 |
var ms = now.getTime() - refresh_time.getTime(); |
|
288 |
|
|
289 |
var interval = 1000; |
|
290 |
if(ms >= 120000) interval = 60000; |
|
291 |
|
|
292 |
refresh_timer = setInterval(function() { |
|
293 |
var now = new Date(); |
|
294 |
var ms = now.getTime() - refresh_time.getTime(); |
|
295 |
|
|
296 |
if(ms >= 120000) { |
9e6757
|
297 |
setText(refresh_text, lang.last_refreshed.replace( |
JK |
298 |
'$time', |
|
299 |
lang.time_minutes_ago_prefix + Math.floor(ms / 60000) |
|
300 |
+ lang.time_minutes_ago_suffix |
|
301 |
)); |
c25e91
|
302 |
startTimer(); |
JK |
303 |
} else { |
9e6757
|
304 |
setText(refresh_text, lang.last_refreshed.replace( |
JK |
305 |
'$time', |
|
306 |
lang.time_seconds_ago_prefix + Math.floor(ms / 1000) |
|
307 |
+ lang.time_seconds_ago_suffix |
|
308 |
)); |
c25e91
|
309 |
} |
JK |
310 |
}, interval); |
b50208
|
311 |
} |
JK |
312 |
|
9e6757
|
313 |
function translate() { |
JK |
314 |
var elements = document.querySelectorAll('*[data-translate]'); |
|
315 |
|
|
316 |
var text_name; |
|
317 |
for(var i = 0; i < elements.length; i++) { |
|
318 |
text_name = elements[i].dataset.translate; |
|
319 |
if(lang[text_name] == undefined) { |
|
320 |
console.log('Missing translation: ' + text_name); |
|
321 |
continue; |
|
322 |
} |
|
323 |
setText(elements[i], lang[text_name]); |
|
324 |
} |
|
325 |
|
|
326 |
stop_name.setAttribute('placeholder', lang.stop_name_placeholder); |
|
327 |
|
|
328 |
if(stop_id) return; |
|
329 |
|
d59e36
|
330 |
setText(page_title, lang.page_title); |
JK |
331 |
|
9e6757
|
332 |
if(stop_name_autocomplete.value) { |
JK |
333 |
setText(refresh_text, lang.select_stop_click_go); |
|
334 |
} else { |
|
335 |
setText(refresh_text, lang.enter_stop_name_to_begin); |
|
336 |
} |
5de24f
|
337 |
|
JK |
338 |
loadTimes(); |
|
339 |
loadRoute(); |
9e6757
|
340 |
} |
JK |
341 |
|
|
342 |
function change_language(lang) { |
|
343 |
if(!lang || lang.length != 2) return; |
|
344 |
if(lang == language) return; |
|
345 |
lang_select.value = lang; |
|
346 |
if(!lang_select.value) { |
|
347 |
lang_select.value = language; |
|
348 |
return; |
|
349 |
} |
|
350 |
language = lang; |
|
351 |
|
|
352 |
var script = document.createElement('script'); |
|
353 |
script.type = 'text/javascript'; |
|
354 |
script.src = 'lang_' + lang + '.js'; |
|
355 |
script.id = 'lang_script'; |
|
356 |
script.onload = translate; |
|
357 |
|
|
358 |
document.body.removeChild(document.getElementById('lang_script')); |
|
359 |
document.body.appendChild(script); |
|
360 |
|
5de24f
|
361 |
ignore_hashchange = true; |
9e6757
|
362 |
window.location.hash = '#!' + language + stop_id; |
5de24f
|
363 |
ignore_hashchange = false; |
9e6757
|
364 |
} |
JK |
365 |
|
|
366 |
function hash() { |
5de24f
|
367 |
if(ignore_hashchange) return; |
JK |
368 |
|
9e6757
|
369 |
if(window.location.hash.match(/^#![0-9]+$/)) { |
JK |
370 |
loadTimes(parseInt(window.location.hash.substr(2))); |
|
371 |
} else if(window.location.hash.match(/^#![a-z]{2}[0-9]*$/)) { |
|
372 |
var stop = parseInt(window.location.hash.substr(4)); |
|
373 |
if(stop) stop_id = stop; |
|
374 |
change_language(window.location.hash.substr(2, 2)); |
|
375 |
} |
|
376 |
} |
|
377 |
|
e95a73
|
378 |
function stop_autocomplete() { |
JK |
379 |
if(stop_name_autocomplete_xhr) stop_name_autocomplete_xhr.abort(); |
|
380 |
|
|
381 |
stop_name_autocomplete_xhr = $.get( |
ced309
|
382 |
'stops.php?query=' + encodeURIComponent(stop_name.value) |
e95a73
|
383 |
).done(function(data) { |
JK |
384 |
deleteChildren(stop_name_autocomplete); |
ced309
|
385 |
for(var i = 0, il = data.length; i < il; i++) { |
JK |
386 |
if(data[i].type != 'stop') continue; |
e95a73
|
387 |
if(data[i].id > 6000) continue; |
JK |
388 |
var opt = document.createElement('option'); |
|
389 |
opt.value = data[i].id; |
|
390 |
setText(opt, decodeEntities(data[i].name)); |
|
391 |
stop_name_autocomplete.appendChild(opt); |
|
392 |
} |
|
393 |
|
|
394 |
if(!stop_id) setText(refresh_text, lang.select_stop_click_go); |
|
395 |
}).fail(fail_ajax); |
|
396 |
} |
|
397 |
|
c25e91
|
398 |
function init() { |
JK |
399 |
if(!window.jQuery) { |
9e6757
|
400 |
fail(lang.jquery_not_loaded); |
c25e91
|
401 |
return; |
JK |
402 |
} |
|
403 |
|
|
404 |
$.ajaxSetup({ |
|
405 |
dataType: 'json', |
12310b
|
406 |
timeout: 10000, |
9e6757
|
407 |
}); |
JK |
408 |
|
|
409 |
lang_select.addEventListener('input', function(e) { |
|
410 |
change_language(lang_select.value); |
c25e91
|
411 |
}); |
JK |
412 |
|
|
413 |
stop_name.addEventListener('input', function(e) { |
|
414 |
if(!stop_name.value) return; |
e95a73
|
415 |
if(stop_name_autocomplete_timer) clearTimeout(stop_name_autocomplete_timer); |
c25e91
|
416 |
|
e95a73
|
417 |
stop_name_autocomplete_timer = setTimeout(stop_autocomplete, 100); |
c25e91
|
418 |
}); |
JK |
419 |
|
9e6757
|
420 |
setText(refresh_text, lang.enter_stop_name_to_begin); |
c25e91
|
421 |
|
JK |
422 |
stop_name_form.addEventListener('submit', function(e) { |
|
423 |
e.preventDefault(); |
|
424 |
if(!stop_name_autocomplete.value) return; |
969115
|
425 |
loadTimes(stop_name_autocomplete.value); |
c25e91
|
426 |
}); |
JK |
427 |
|
|
428 |
refresh_button.addEventListener('click', function(e) { |
68aeb4
|
429 |
loadTimes(); |
JK |
430 |
loadRoute(); |
c25e91
|
431 |
}); |
JK |
432 |
|
|
433 |
alert_close.addEventListener('click', function(e) { |
|
434 |
alert.style.display = 'none'; |
|
435 |
}); |
492fc5
|
436 |
|
9e6757
|
437 |
hash(); |
JK |
438 |
|
|
439 |
window.addEventListener('hashchange', hash); |
c25e91
|
440 |
} |
JK |
441 |
|
|
442 |
init(); |