From 4b0eda2a43298f2a3ac6c21b8d5eabe2a1590acc Mon Sep 17 00:00:00 2001 From: Jacek Kowalski <Jacek@jacekk.info> Date: Mon, 17 Apr 2017 15:36:32 +0000 Subject: [PATCH] Add separate column for vehicle number (hidden by default) --- index.js | 40 ++++++++++++++++++++++++++++------------ 1 files changed, 28 insertions(+), 12 deletions(-) diff --git a/index.js b/index.js index fd3d883..acdfb24 100644 --- a/index.js +++ b/index.js @@ -5,10 +5,10 @@ var page_title = document.getElementsByTagName('title')[0]; var ignore_hashchange = false; -var language = 'en'; +var language = 'pl'; var lang_select = document.getElementById('lang-select'); -var stop_id; +var stop_id = ''; var stop_name = document.getElementById('stop-name'); var stop_name_form = stop_name.form; var stop_name_autocomplete = document.getElementById('stop-name-autocomplete'); @@ -37,6 +37,8 @@ var alert_close = document.getElementById('alert-close'); var nav = document.getElementsByTagName('nav')[0]; +var vehicle_data = document.getElementById('vehicle-data'); +var vehicle_data_style = document.getElementById('vehicle-data-style'); function parseStatus(status) { switch(status.status) { @@ -115,7 +117,7 @@ setText(alert_text, message); alert.style.display = 'block'; - console.log(message + ' More details follow.'); + console.log(message + (more ? ' More details follow.' : '')); if(more) console.log(more); } @@ -179,7 +181,9 @@ var tr = document.createElement('tr'); addCellWithText(tr, data.old[i].patternText); var dir_cell = addCellWithText(tr, data.old[i].direction); - dir_cell.appendChild(displayVehicle(parseVehicle(data.old[i].vehicleId))); + var vehicle = parseVehicle(data.actual[i].vehicleId); + dir_cell.appendChild(displayVehicle(vehicle)); + addCellWithText(tr, vehicle.num).className = 'vehicleData'; var status = parseStatus(data.old[i]); addCellWithText(tr, status); addCellWithText(tr, ''); @@ -193,7 +197,9 @@ var tr = document.createElement('tr'); addCellWithText(tr, data.actual[i].patternText); var dir_cell = addCellWithText(tr, data.actual[i].direction); - dir_cell.appendChild(displayVehicle(parseVehicle(data.actual[i].vehicleId))); + var vehicle = parseVehicle(data.actual[i].vehicleId); + dir_cell.appendChild(displayVehicle(vehicle)); + addCellWithText(tr, vehicle.num).className = 'vehicleData'; var status = parseStatus(data.actual[i]); var status_cell = addCellWithText(tr, status); var delay = parseDelay(data.actual[i]); @@ -257,6 +263,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) ); route_table.appendChild(tr); } @@ -268,6 +275,7 @@ if(data.actual[i].status == 'STOPPING') { tr.className = 'success'; } + tr.addEventListener('click', function(stopId){ return function(){ loadTimes(stopId); } }(data.actual[i].stop.shortName) ); route_table.appendChild(tr); } }).fail(fail_ajax); @@ -323,15 +331,15 @@ stop_name.setAttribute('placeholder', lang.stop_name_placeholder); - if(stop_id) return; - - setText(page_title, lang.page_title); - if(stop_name_autocomplete.value) { setText(refresh_text, lang.select_stop_click_go); } else { setText(refresh_text, lang.enter_stop_name_to_begin); } + + setText(page_title, lang.page_title); + + if(!stop_id) return; loadTimes(); loadRoute(); @@ -385,7 +393,7 @@ if(data[i].id > 6000) continue; var opt = document.createElement('option'); opt.value = data[i].id; - setText(opt, decodeEntities(data[i].name)); + setText(opt, data[i].name); stop_name_autocomplete.appendChild(opt); } @@ -423,18 +431,26 @@ loadTimes(stop_name_autocomplete.value); }); - refresh_button.addEventListener('click', function(e) { + refresh_button.addEventListener('click', function() { loadTimes(); loadRoute(); }); - alert_close.addEventListener('click', function(e) { + alert_close.addEventListener('click', function() { alert.style.display = 'none'; + }); + + vehicle_data.addEventListener('click', function(e) { + e.preventDefault(); + vehicle_data.style.display = 'none'; + setText(vehicle_data_style, '.vehicleData { display: table-cell; }') }); hash(); window.addEventListener('hashchange', hash); + + checkVersionInit(); } init(); -- Gitblit v1.9.1