mirror of
https://codeberg.org/kbruen/kai.infotren.git
synced 2025-02-22 17:19:37 +02:00
Show time in monospace
This commit is contained in:
parent
04e2019afe
commit
c0c5f3e7c4
3 changed files with 26 additions and 8 deletions
6
base.css
6
base.css
|
@ -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;
|
||||||
|
|
|
@ -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) {
|
||||||
|
|
|
@ -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' })
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Reference in a new issue