Begin work on public board component

This commit is contained in:
Fred Boniface 2023-06-17 01:53:08 +01:00
parent ed3dd38769
commit bf8dea7bcd
3 changed files with 38 additions and 23 deletions

View File

@ -1,16 +1,18 @@
<script> <script>
export let station = ""; export let station = "";
import {onMount} from 'svelte' import { onMount } from 'svelte'
let requestedStation = ""; let requestedStation;
$: requestedStation = station; $: requestedStation = station;
let jsonData = {}; let jsonData = null;
/**
* @type {any[]}
*/
let services = []; let services = [];
$: { $: {
if (jsonData === null && requestedStation) {
fetchData();
}
if (jsonData && jsonData.GetStationBoardResult && jsonData.GetStationBoardResult.trainServices && jsonData.GetStationBoardResult.trainServices.service) { if (jsonData && jsonData.GetStationBoardResult && jsonData.GetStationBoardResult.trainServices && jsonData.GetStationBoardResult.trainServices.service) {
services = [...jsonData.GetStationBoardResult.trainServices.service]; services = [...jsonData.GetStationBoardResult.trainServices.service];
} else { } else {
@ -18,12 +20,20 @@
} }
} }
onMount(async () => { async function fetchData() {
const data = await fetch(`https://owlboard.info/api/v1/ldb/${station}`); console.log(`Requested Station: ${requestedStation}`);
const data = await fetch(`https://owlboard.info/api/v1/ldb/${requestedStation}`);
jsonData = await data.json(); jsonData = await data.json();
}) }
onMount(() => {
if (requestedStation && jsonData === null) {
fetchData();
}
});
</script>
</script>
<p>{requestedStation.toUpperCase()}</p> <p>{requestedStation.toUpperCase()}</p>
@ -47,7 +57,7 @@
<tr> <tr>
<td>{service.origin?.location?.locationName || ''}</td> <td>{service.origin?.location?.locationName || ''}</td>
<td>{service.destination?.location?.locationName || ''}</td> <td>{service.destination?.location?.locationName || ''}</td>
<td>{service.platform || ''}</td> <td>{service.platform || '-'}</td>
</tr> </tr>
{/each} {/each}
</table> </table>
@ -56,5 +66,6 @@
table { table {
width: 100%; width: 100%;
margin: auto; margin: auto;
color: white;
} }
</style> </style>

View File

@ -9,10 +9,12 @@
return new URLSearchParams(window.location.search).get('station'); return new URLSearchParams(window.location.search).get('station');
} }
let station = "" let station;
let staff;
onMount(async () => { onMount(async () => {
station = await getHeadcode() || ""; station = await getHeadcode() || "";
staff = false;
}) })
</script> </script>
@ -20,6 +22,8 @@
<Header {title} /> <Header {title} />
<!-- If 'uuid' exists in store then load StaffLdb else load PublicLdb --> <!-- If 'uuid' exists in store then load StaffLdb else load PublicLdb -->
{#if !staff}
<PublicLdb {station} /> <PublicLdb {station} />
{/if}
<Nav /> <Nav />

View File

@ -5,7 +5,7 @@ export default {
adapter: adapter({ adapter: adapter({
pages: 'build', pages: 'build',
assets: 'build', assets: 'build',
fallback: '/', fallback: 'undefined',
precompress: true, precompress: true,
strict: true strict: true
}) })