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