From a4d011116c35bb9bef8589c88ed38b3043f9e072 Mon Sep 17 00:00:00 2001 From: Jacek Kowalski <Jacek@jacekk.info> Date: Sat, 09 Feb 2019 13:42:55 +0000 Subject: [PATCH] Add geolocation tracking feature --- index.js | 74 ++++++++++++++++++++++++++---------- 1 files changed, 53 insertions(+), 21 deletions(-) diff --git a/index.js b/index.js index 3a7e3f5..3d5d73c 100644 --- a/index.js +++ b/index.js @@ -1,5 +1,5 @@ -//var ttss_base = 'http://www.ttss.krakow.pl/internetservice'; -var ttss_base = '/proxy.php'; +"use strict"; + var ttss_refresh = 20000; // 20 seconds var page_title = document.getElementsByTagName('title')[0]; @@ -85,16 +85,27 @@ if(times_xhr) times_xhr.abort(); console.log('loadTimes(' + stopId + ')'); + + loading_start(); + + var url = ttss_trams_base; + var stop = stopId.substr(1); + var prefix = 't'; + if(stopId.startsWith('b')) { + url = ttss_buses_base; + stop = stopId.substr(1); + prefix = 'b'; + } + stop_id = stopId; ignore_hashchange = true; window.location.hash = '#!' + language + stopId; refresh_button.removeAttribute('disabled'); - loading_start(); times_xhr = $.get( - ttss_base + '/services/passageInfo/stopPassages/stop' - + '?stop=' + encodeURIComponent(stopId) + url + '/services/passageInfo/stopPassages/stop' + + '?stop=' + encodeURIComponent(stop) + '&mode=departure' ).done(function(data) { setText(times_stop_name, data.stopName); @@ -111,7 +122,7 @@ var tr = document.createElement('tr'); addCellWithText(tr, data.old[i].patternText); var dir_cell = addCellWithText(tr, data.old[i].direction); - var vehicle = parseVehicle(data.old[i].vehicleId); + var vehicle = parseVehicle(prefix + data.old[i].vehicleId); dir_cell.appendChild(displayVehicle(vehicle)); addCellWithText(tr, (vehicle ? vehicle.num : '')).className = 'vehicleData'; var status = parseStatus(data.old[i]); @@ -121,7 +132,7 @@ tr.className = 'active'; tr.addEventListener('click', function(tripId, vehicleInfo) { return function(){ loadRoute(tripId, vehicleInfo); } - }(data.old[i].tripId, vehicle)); + }(prefix + data.old[i].tripId, vehicle)); times_table.appendChild(tr); } @@ -129,7 +140,7 @@ var tr = document.createElement('tr'); addCellWithText(tr, data.actual[i].patternText); var dir_cell = addCellWithText(tr, data.actual[i].direction); - var vehicle = parseVehicle(data.actual[i].vehicleId); + var vehicle = parseVehicle(prefix + data.actual[i].vehicleId); dir_cell.appendChild(displayVehicle(vehicle)); addCellWithText(tr, (vehicle ? vehicle.num : '')).className = 'vehicleData'; var status = parseStatus(data.actual[i]); @@ -139,7 +150,9 @@ if(data.actual[i].status == 'STOPPING') { tr.className = 'success'; - status_cell.className = 'status-boarding'; + if (data.actual[i].actualRelativeTime <= 0) { + status_cell.className = 'status-boarding'; + } } else if(parseInt(delay) > 9) { tr.className = 'danger'; delay_cell.className = 'status-delayed'; @@ -149,7 +162,7 @@ tr.addEventListener('click', function(tripId, vehicleInfo) { return function(){ loadRoute(tripId, vehicleInfo); } - }(data.actual[i].tripId, vehicle)); + }(prefix + data.actual[i].tripId, vehicle)); times_table.appendChild(tr); } @@ -177,13 +190,23 @@ if(vehicleInfo === undefined) vehicleInfo = route_vehicle_info; console.log('loadRoute(' + tripId + ')'); + + var url = ttss_trams_base; + var trip = tripId.substr(1); + var prefix = 't'; + if(tripId.startsWith('b')) { + url = ttss_buses_base; + trip = tripId.substr(1); + prefix = 'b'; + } + route_id = tripId; route_vehicle_info = vehicleInfo; if(route_xhr) route_xhr.abort(); route_xhr = $.get( - ttss_base + '/services/tripInfo/tripPassages' - + '?tripId=' + encodeURIComponent(tripId) + url + '/services/tripInfo/tripPassages' + + '?tripId=' + encodeURIComponent(trip) + '&mode=departure' ).done(function(data) { if(!data.routeName || !data.directionText || data.old.length + data.actual.length == 0) { @@ -210,7 +233,7 @@ addCellWithText(tr, data.old[i].stop_seq_num + '. ' + data.old[i].stop.name); tr.className = 'active'; - tr.addEventListener('click', function(stopId){ return function(){ loadTimes(stopId); } }(data.old[i].stop.shortName) ); + tr.addEventListener('click', function(stopId){ return function(){ loadTimes(stopId); } }(prefix + data.old[i].stop.shortName) ); route_table.appendChild(tr); } @@ -222,7 +245,7 @@ if(data.actual[i].status == 'STOPPING') { tr.className = 'success'; } - tr.addEventListener('click', function(stopId){ return function(){ loadTimes(stopId); } }(data.actual[i].stop.shortName) ); + tr.addEventListener('click', function(stopId){ return function(){ loadTimes(stopId); } }(prefix + data.actual[i].stop.shortName) ); route_table.appendChild(tr); } }).fail(fail_ajax); @@ -324,13 +347,22 @@ } if(window.location.hash.match(/^#![0-9]+$/)) { - loadTimes(parseInt(window.location.hash.substr(2))); + loadTimes('t' + window.location.hash.substr(2)); + } else if(window.location.hash.match(/^#![bt][0-9]+$/)) { + loadTimes(window.location.hash.substr(2)); } else if(window.location.hash.match(/^#![a-z]{2}[0-9]*$/)) { - var stop = parseInt(window.location.hash.substr(4)); + var stop = 't' + window.location.hash.substr(4); if(stop) stop_id = stop; if(!change_language(window.location.hash.substr(2, 2))) { - loadTimes(parseInt(window.location.hash.substr(2))); + loadTimes(stop); + } + } else if(window.location.hash.match(/^#![a-z]{2}[bt][0-9]*$/)) { + var stop = window.location.hash.substr(4); + if(stop) stop_id = stop; + + if(!change_language(window.location.hash.substr(2, 2))) { + loadTimes(stop); } } } @@ -339,15 +371,13 @@ if(stop_name_autocomplete_xhr) stop_name_autocomplete_xhr.abort(); stop_name_autocomplete_xhr = $.get( - 'stops.php?query=' + encodeURIComponent(stop_name.value) + 'stops/?query=' + encodeURIComponent(stop_name.value) ).done(function(data) { deleteChildren(stop_name_autocomplete); for(var i = 0, il = data.length; i < il; i++) { - if(data[i].type != 'stop') continue; - if(data[i].id > 6000) continue; var opt = document.createElement('option'); opt.value = data[i].id; - setText(opt, data[i].name); + setText(opt, data[i].id.substr(0,1) == 'b' ? lang.select_stop_bus.replace('$stop', data[i].name) : lang.select_stop_tram.replace('$stop', data[i].name)); stop_name_autocomplete.appendChild(opt); } @@ -400,6 +430,8 @@ setText(vehicle_data_style, '.vehicleData { display: table-cell; }') }); + updateVehicleInfo() + hash(); window.addEventListener('hashchange', hash); -- Gitblit v1.9.1