Same as previous commit

src/routes/ldb/+page.svelte

@@ -10,7 +10,16 @@
         return new URLSearchParams(window.location.search).get('station');
     }
 
-    let jsonData = [] // Extract train data from the object to pass to #each
+    let jsonData = {}; // Extract train data from the object to pass to #each
+    let services = [];
+
+    $: {
+        if (jsonData && jsonData.GetStationBoardResult && jsonData.GetStationBoardResult.trainServices && jsonData.GetStationBoardResult.trainServices.service) {
+            services = [...jsonData.GetStationBoardResult.trainServices.service];
+        } else {
+            services = ["No train services available"];
+        }
+    }
 
     onMount(async () => {
         const station = await getHeadcode();
@@ -24,7 +33,11 @@
 <Header {title} />
 
 <p>Station: <span id="station"></span></p>
-
+<p>
+{#each services as service}
+    <span>{service.origin?.location?.locationName || 'Unknown'}</span>
+{/each}
+</p>
 <p>{JSON.stringify(jsonData)}</p>
 
 

src/routes/more/+page.svelte

@@ -4,11 +4,12 @@
     const title = "More"   
     
     const links = [
-        {title: "Your Data", path: ""},
-        {title: "Location Reference Codes", path: ""},
-        {title: "Privacy Policy", path: ""},
-        {title: "App Versions", path: ""},
-        {title: "Statictics", path: ""}
+        {title: "Your Data", path: "/more/data"},
+        {title: "Location Reference Codes", path: "/more/corpus"},
+        {title: "Privacy Policy", path: "/more/privacy"},
+        {title: "Component Versions", path: "/more/versions"},
+        {title: "Statictics", path: "/more/statistics"},
+        {title: "Settings", path: "/more/settings"}
     ]
  </script>
  

src/routes/more/corpus/+page.svelte

@@ -0,0 +1,12 @@
+<script>
+    import Header from '$lib/navigation/header.svelte'
+    import Nav from '$lib/navigation/nav.svelte'
+    const title = "Location Codes"   
+
+</script>
+ 
+ <Header {title} />
+ 
+
+ 
+ <Nav />

src/routes/more/data/+page.svelte

@@ -0,0 +1,12 @@
+<script>
+    import Header from '$lib/navigation/header.svelte'
+    import Nav from '$lib/navigation/nav.svelte'
+    const title = "Your Data"   
+
+</script>
+ 
+ <Header {title} />
+ 
+
+ 
+ <Nav />

src/routes/more/privacy/+page.svelte

@@ -0,0 +1,12 @@
+<script>
+    import Header from '$lib/navigation/header.svelte'
+    import Nav from '$lib/navigation/nav.svelte'
+    const title = "Privacy Policy"   
+
+</script>
+ 
+ <Header {title} />
+ 
+
+ 
+ <Nav />

src/routes/more/settings/+page.svelte

@@ -0,0 +1,13 @@
+<script>
+    import Header from '$lib/navigation/header.svelte'
+    import Nav from '$lib/navigation/nav.svelte'
+    import QlSet from '$lib/islands/quick-link-set-island.svelte'
+    const title = "Settings"   
+
+</script>
+ 
+ <Header {title} />
+ 
+ <QlSet />
+ 
+ <Nav />

src/routes/more/statistics/+page.svelte

@@ -0,0 +1,12 @@
+<script>
+    import Header from '$lib/navigation/header.svelte'
+    import Nav from '$lib/navigation/nav.svelte'
+    const title = "Statistics"   
+
+</script>
+ 
+ <Header {title} />
+ 
+
+ 
+ <Nav />

src/routes/more/versions/+page.svelte

@@ -0,0 +1,26 @@
+<script>
+    import Header from '$lib/navigation/header.svelte'
+    import Nav from '$lib/navigation/nav.svelte'
+    const title = "Versions"   
+
+    let web_ver = "Unknown", srv_ver = "Unknown", dbm_ver = "Unknown"
+
+</script>
+ 
+ <Header {title} />
+ 
+  <img src="/images/logo/wide_logo.svg" alt="Logo">
+
+  <p>Web-app Version<br>{web_ver}</p>
+  <p>API Server Version<br>{srv_ver}</p>
+  <p>DBManager Version<br>{dbm_ver}</p>
+
+ <Nav />
+
+<style>
+    img {
+        width: 50%;
+        margin-top: 85px;
+        margin-bottom: 85px;
+    }
+</style>