diff --git a/static/board.html b/static/board.html index ff4cb5f..8d92519 100644 --- a/static/board.html +++ b/static/board.html @@ -1,3 +1,4 @@ +
@@ -30,39 +31,22 @@- Example: Services may be subject to alterations due to heavy rain flooding the railway between Bristol Parkway and Swindon. + Example NRCC Message Here... ... ... + NRCC Messages can sometimes be long, and sometimes + short so this must be accounted for.
Origin | Dest. | Plat. | Sch Arr. | -Act Arr. | +Exp Arr. | Sch Dep. | -Act Dep. | -
---|---|---|---|---|---|---|---|
Bristol Temple Meads | -Southampton Airport Parkway | -1 | -10:57 | -10:59 | -11:02 | -On Time | -|
Bristol Parkway | -Dorchester South | -13 | -11:07 | -11:22 | -11:09 | -11:23 | +Exp Dep. |
${svc.origin.location.locationName} | +${svc.destination.location.locationName} | +${plt} | +${sta} | +${eta} | +${std} | +${etd} | +
${svc.cancelReason}
` + table.insertAdjacentHTML("beforeend", cancelRow); + } + if (svc.delayReason) { + console.log(`Delay reason: ${svc.delayReason}`) + var delayRow = `${svc.delayReason}
` + table.insertAdjacentHTML("beforeend", delayRow); + } + } + clearLoading(); + log(`Insertion complete`) +} + +async function parsePlatform(){ +} + +async function parseExpTime(){ +} + +async function parseName(){ } // Log Helper diff --git a/static/styles/boards.css b/static/styles/boards.css index 4ca05f2..52ef333 100644 --- a/static/styles/boards.css +++ b/static/styles/boards.css @@ -24,6 +24,7 @@ width: 100%; height: 50px; background-color: var(--overlay-color); + color: lightgrey; } #station_name { @@ -37,7 +38,7 @@ .header-right { text-align: right; padding-right: 5px; - margin: 4px; + margin: 3px; } #footer { @@ -60,7 +61,6 @@ /* NRCC Notices */ #nrcc_notices { margin-top: 60px; - height: 65px; font-size: 14px; } #nrcc_notices p { @@ -75,21 +75,32 @@ table { width: 100%; + margin-top: 3px; font-size: 10.5px; } .name{ + width: 25%; text-align: left; } .plat{ - width: 50px; + width: 4%; text-align: center; } .time{ - width: 75px; + width: 11.5%; text-align: center; } +.msg{ + width: 95%; + font-size: 10px; + margin: 0; + margin-left: 3px; + text-align: left; + color: white; +} + .changed{ animation: pulse 1.5s linear infinite; }