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