kbruen/kai.infodb
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Show time in monospace

Browse source
This commit is contained in:
Kenneth Bruen 2022-12-25 09:52:10 +02:00
parent 04e2019afe
commit c0c5f3e7c4
Signed by: kbruen
GPG key ID: C1980A470C3EE5B1
3 changed files with 26 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
base.css
View file

@ -255,6 +255,12 @@ body {
font-family: -apple-system, BlinkMacSystemFont, Ubuntu, 'Segoe UI', 'Roboto', Sans-Serif, sans-serif; font-family: -apple-system, BlinkMacSystemFont, Ubuntu, 'Segoe UI', 'Roboto', Sans-Serif, sans-serif;
} }
pre {
margin: 0;
display: inline;
font-family: 'Martian Mono', Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}
.tabs { .tabs {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

16
view-station.js
View file

@ -39,7 +39,9 @@ function onStationData(data) {
var timeDiv = document.createElement('p') var timeDiv = document.createElement('p')
trainItem.appendChild(timeDiv) trainItem.appendChild(timeDiv)
timeDiv.classList.add('pri', 'time') timeDiv.classList.add('pri', 'time')
timeDiv.textContent = new Date(train.time).toLocaleTimeString([], { 'hour': '2-digit', 'minute': '2-digit' }) var timeDivPre = document.createElement('pre')
timeDiv.appendChild(timeDivPre)
timeDivPre.textContent = new Date(train.time).toLocaleTimeString([], { 'hour': '2-digit', 'minute': '2-digit' })
if (train.status && train.status.delay != 0) { if (train.status && train.status.delay != 0) {
var delayDiv = document.createElement('p') var delayDiv = document.createElement('p')
@ -61,20 +63,24 @@ function onStationData(data) {
var rankDiv = document.createElement('p') var rankDiv = document.createElement('p')
trainItem.appendChild(rankDiv) trainItem.appendChild(rankDiv)
rankDiv.textContent = train.train.rank
rankDiv.classList.add('sec', 'rank', train.train.rank) rankDiv.classList.add('sec', 'rank', train.train.rank)
var rankDivPre = document.createElement('pre')
rankDiv.appendChild(rankDivPre)
rankDivPre.textContent = train.train.rank
var trainDiv = document.createElement('p') var trainDiv = document.createElement('p')
trainItem.appendChild(trainDiv) trainItem.appendChild(trainDiv)
trainDiv.classList.add('pri', 'train') trainDiv.classList.add('pri', 'train')
var trainDivHref = document.createElement('a') var trainDivHref = document.createElement('a')
trainDiv.appendChild(trainDivHref) trainDiv.appendChild(trainDivHref)
trainDivHref.textContent = train.train.number
trainDivHref.classList.add('no-a-custom') trainDivHref.classList.add('no-a-custom')
var trainUrl = new URL('/view-train.html', window.location.origin) var trainUrl = new URL('/view-train.html', window.location.origin)
trainUrl.searchParams.append('train', train.train.number) trainUrl.searchParams.append('train', train.train.number)
trainUrl.searchParams.append('date', train.train.departureDate) trainUrl.searchParams.append('date', train.train.departureDate)
trainDivHref.href = trainUrl.toString() trainDivHref.href = trainUrl.toString()
var trainDivHrefPre = document.createElement('pre')
trainDivHref.appendChild(trainDivHrefPre)
trainDivHrefPre.textContent = train.train.number
var terminusDiv = document.createElement('p') var terminusDiv = document.createElement('p')
trainItem.appendChild(terminusDiv) trainItem.appendChild(terminusDiv)
@ -85,7 +91,9 @@ function onStationData(data) {
var platformDiv = document.createElement('div') var platformDiv = document.createElement('div')
trainItem.appendChild(platformDiv) trainItem.appendChild(platformDiv)
platformDiv.classList.add('thi', 'platform') platformDiv.classList.add('thi', 'platform')
platformDiv.textContent = train.status.platform var platformDivPre = document.createElement('pre')
platformDiv.appendChild(platformDivPre)
platformDivPre.textContent = train.status.platform
} }
if (train.status && train.status.cancelled) { if (train.status && train.status.cancelled) {

12
view-train.js
View file

@ -285,7 +285,7 @@ function onTrainData(data, fetchDate) {
var originalArr = document.createElement('p') var originalArr = document.createElement('p')
stationArrival.appendChild(originalArr) stationArrival.appendChild(originalArr)
var originalArrSpan = document.createElement('span') var originalArrSpan = document.createElement('pre')
originalArr.appendChild(originalArrSpan) originalArr.appendChild(originalArrSpan)
var arrDate = new Date(station.arrival.scheduleTime) var arrDate = new Date(station.arrival.scheduleTime)
originalArrSpan.textContent = arrDate.toLocaleTimeString([], { 'hour': '2-digit', 'minute': '2-digit' }) originalArrSpan.textContent = arrDate.toLocaleTimeString([], { 'hour': '2-digit', 'minute': '2-digit' })
@ -303,11 +303,13 @@ function onTrainData(data, fetchDate) {
var actualArr = document.createElement('p') var actualArr = document.createElement('p')
stationArrival.appendChild(actualArr) stationArrival.appendChild(actualArr)
arrDate.setMinutes(arrDate.getMinutes() + station.arrival.status.delay) arrDate.setMinutes(arrDate.getMinutes() + station.arrival.status.delay)
actualArr.textContent = arrDate.toLocaleTimeString([], { 'hour': '2-digit', 'minute': '2-digit' })
actualArr.classList.add('pri', station.arrival.status.delay > 0 ? 'late' : 'early') actualArr.classList.add('pri', station.arrival.status.delay > 0 ? 'late' : 'early')
if (!station.arrival.status.real) { if (!station.arrival.status.real) {
actualArr.classList.add('not-real') actualArr.classList.add('not-real')
} }
var actualArrPre = document.createElement('pre')
actualArr.appendChild(actualArrPre)
actualArrPre.textContent = arrDate.toLocaleTimeString([], { 'hour': '2-digit', 'minute': '2-digit' })
} }
} }
@ -319,7 +321,7 @@ function onTrainData(data, fetchDate) {
var originalDep = document.createElement('p') var originalDep = document.createElement('p')
stationDeparture.appendChild(originalDep) stationDeparture.appendChild(originalDep)
var depDate = new Date(station.departure.scheduleTime) var depDate = new Date(station.departure.scheduleTime)
var originalDepSpan = document.createElement('span') var originalDepSpan = document.createElement('pre')
originalDep.appendChild(originalDepSpan) originalDep.appendChild(originalDepSpan)
originalDepSpan.textContent = depDate.toLocaleTimeString([], { 'hour': '2-digit', 'minute': '2-digit' }) originalDepSpan.textContent = depDate.toLocaleTimeString([], { 'hour': '2-digit', 'minute': '2-digit' })
originalDep.classList.add('pri') originalDep.classList.add('pri')
@ -336,11 +338,13 @@ function onTrainData(data, fetchDate) {
var actualDep = document.createElement('p') var actualDep = document.createElement('p')
stationDeparture.appendChild(actualDep) stationDeparture.appendChild(actualDep)
depDate.setMinutes(depDate.getMinutes() + station.departure.status.delay) depDate.setMinutes(depDate.getMinutes() + station.departure.status.delay)
actualDep.textContent = depDate.toLocaleTimeString([], { 'hour': '2-digit', 'minute': '2-digit' })
actualDep.classList.add('pri', station.departure.status.delay > 0 ? 'late' : 'early') actualDep.classList.add('pri', station.departure.status.delay > 0 ? 'late' : 'early')
if (!station.departure.status.real) { if (!station.departure.status.real) {
actualDep.classList.add('not-real') actualDep.classList.add('not-real')
} }
var actualDepPre = document.createElement('pre')
actualDep.appendChild(actualDepPre)
actualDepPre.textContent = depDate.toLocaleTimeString([], { 'hour': '2-digit', 'minute': '2-digit' })
} }
} }