diff --git a/UpNext.md b/UpNext.md index 0c0c9ba..d9db93c 100644 --- a/UpNext.md +++ b/UpNext.md @@ -3,13 +3,15 @@ ## Frontend: * Implement error pages. -* Still need SVG Fallback option for alert icon on board.html * Alerts box should not be clickable, bar should be. * Issue page: Submit using API. -* UNDER TEST:: Support multiple service origins/destinations: - - Where there are multiples an array is returned for trainServices.service * Enable text search for `locationName` on find-code page. + +### Completed - Testing: + * Implement calling list. +* Still need SVG Fallback for alert icon. +* Support multiple origins/destinations: NOT INCLUDING ON CALLING LIST ## Backend: diff --git a/static/board.html b/static/board.html index ebbe8b9..f7ed4d6 100644 --- a/static/board.html +++ b/static/board.html @@ -36,7 +36,10 @@
X
@@ -176,8 +189,17 @@ async function deflateAlerts() { async function buildCalls(data) { var timeEt = await parseTime(data.et) return `${svc.origin.location.locationName} | -${svc.destination.location.locationName} | +${await parseName(svc.origin.location)} | +${await parseName(svc.destination.location)} | ${plt.num} | ${sta.data} | ${eta.data} | @@ -172,8 +174,8 @@ async function displayFerryService(svc) { var row = `
${parseName(svc.origin.location.locationName)} | -${parseName(svc.destination.location.locationName)} | +${await parseName(svc.origin.location)} | +${await parseName(svc.destination.location)} | ${plt} | ${sta.data} | ${eta.data} | diff --git a/static/styles/boards.css b/static/styles/boards.css index 6c793e8..039389a 100644 --- a/static/styles/boards.css +++ b/static/styles/boards.css @@ -137,6 +137,7 @@ /* Content */ #output { + display: none; width: 100%; margin-top: 65px; } @@ -173,18 +174,20 @@ caption{ .name-item { color: var(--board-name-color); + font-size: 12px; } .plat{ width: 4%; + font-size: 12px; text-align: center; } .time{ width: 11.5%; + font-size: 12px; text-align: center; } - .msg{ width: 95%; font-size: 10px; @@ -199,7 +202,8 @@ caption{ display: none; border-radius: 20px; width: 93%; - position: absolute; + max-height: 75%; + position: fixed; z-index: 10; top: 50px; left: 0; @@ -210,6 +214,7 @@ caption{ padding-bottom: 10px; margin-bottom: 25px; background-color: var(--overlay-color); + overflow: scroll; } .close-data { @@ -219,6 +224,10 @@ caption{ font-weight: 900; } +.detail-table-content { + font-size: 12px; +} + .changed{ animation: pulse-change 1.5s linear infinite; }