Begin work on public board component

src/lib/ldb/public-ldb.svelte

@@ -1,16 +1,18 @@
 <script>
     export let station = "";
-    import {onMount} from 'svelte'
+    import { onMount } from 'svelte'
   
-    let requestedStation = "";
+    let requestedStation;
     $: requestedStation = station;
   
-    let jsonData = {};
+    let jsonData = null;
-    /**
-	 * @type {any[]}
-	 */
     let services = [];
+  
     $: {
+      if (jsonData === null && requestedStation) {
+        fetchData();
+      }
+  
       if (jsonData && jsonData.GetStationBoardResult && jsonData.GetStationBoardResult.trainServices && jsonData.GetStationBoardResult.trainServices.service) {
         services = [...jsonData.GetStationBoardResult.trainServices.service];
       } 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();
-    })
+    }
+  
+    onMount(() => {
+      if (requestedStation && jsonData === null) {
+        fetchData();
+      }
+    });
+  </script>
+  
   
-</script>
 
 <p>{requestedStation.toUpperCase()}</p>
 
@@ -47,7 +57,7 @@
     <tr>
         <td>{service.origin?.location?.locationName || ''}</td>
         <td>{service.destination?.location?.locationName || ''}</td>
-        <td>{service.platform || ''}</td>
+        <td>{service.platform || '-'}</td>
     </tr>
     {/each}
 </table>
@@ -56,5 +66,6 @@
     table {
         width: 100%;
         margin: auto;
+        color: white;
     }
 </style>

src/routes/ldb/+page.svelte

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

svelte.config.js

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