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 | 20 ++++++++++++++++---- 1 files changed, 16 insertions(+), 4 deletions(-) diff --git a/index.js b/index.js index c9d3531..acdfb24 100644 --- a/index.js +++ b/index.js @@ -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) { @@ -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]); @@ -425,15 +431,21 @@ 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); -- Gitblit v1.9.1