Add train notes

items.js

@@ -15,17 +15,19 @@ function nav(offset) {
 }
 
 function handleKeyDown(e) {
-	switch (e.key) {
+	if (e.target.classList.contains('items')) {
-		case 'ArrowUp':
+		switch (e.key) {
-			e.preventDefault()
+			case 'ArrowUp':
-			e.stopPropagation()
+				e.preventDefault()
-			nav(-1)
+				e.stopPropagation()
-			break
+				nav(-1)
-		case 'ArrowDown':
+				break
-			e.preventDefault()
+			case 'ArrowDown':
-			e.stopPropagation()
+				e.preventDefault()
-			nav(1)
+				e.stopPropagation()
-			break
+				nav(1)
+				break
+		}
 	}
 }
 

sw.js

@@ -1,4 +1,4 @@
-const VERSION = 'v5'
+const VERSION = 'v6'
 const API_ORIGIN = 'https://scraper.infotren.dcdev.ro/'
 const API_TRAINS = `${API_ORIGIN}v3/trains`
 const API_STATIONS = `${API_ORIGIN}v2/stations`

view-train.css

@@ -38,7 +38,8 @@
 	grid-template-areas: 
 		"arr name dep"
 		"arr km dep"
-		"arr platform dep";
+		"arr platform dep"
+		"arr notes dep";
 	padding: 4px 0;
 }
 
@@ -87,6 +88,14 @@
 	grid-area: platform;
 }
 
+.stationItem .notes {
+	grid-area: notes;
+}
+
+.stationItem .note {
+	text-align: center;
+}
+
 .last-refreshed {
 	font-size: 12px;
 	text-transform: none;

view-train.js

@@ -257,6 +257,37 @@ function onTrainData(data) {
 			stationPlatform.textContent = `platform ${station.platform}`
 			stationPlatform.classList.add('thi', 'platform')
 		}
+
+		if (station.notes && station.notes.length > 0) {
+			var stationNotes = document.createElement('div')
+			stationItem.appendChild(stationNotes)
+			stationNotes.classList.add('notes')
+
+			station.notes.forEach(function (note) {
+				var noteP = document.createElement('p')
+				stationNotes.appendChild(noteP)
+				noteP.classList.add('note', 'thi')
+
+				switch (note.kind) {
+					case 'departsAs': {
+						noteP.textContent = `Train departs as ${note.rank} ${note.number}`
+						break
+					}
+					case 'detachingWagons': {
+						noteP.textContent = `Detaching wagons to ${note.station}`
+						break
+					}
+					case 'receivingWagons': {
+						noteP.textContent = `Receiving wagons from ${note.station}`
+						break
+					}
+					case 'trainNumberChange': {
+						noteP.textContent = `Train changes number to ${note.rank} ${note.number}`
+						break
+					}
+				}
+			})
+		}
 	})
 
 	lastSuccessfulFetch = new Date()