From f2a585f982d1bc04db9d1428b04960b414dadf95 Mon Sep 17 00:00:00 2001
From: Fred Boniface <fred@fjla.uk>
Date: Wed, 21 Jun 2023 21:19:23 +0100
Subject: [PATCH] Add 'My Data', update Privacy Policy, fix layouts

---
 src/routes/+layout.svelte            |  1 +
 src/routes/+page.svelte              |  6 +---
 src/routes/more/data/+page.svelte    | 50 ++++++++++++++++++++++++----
 src/routes/more/privacy/+page.svelte | 11 ++++--
 src/routes/more/reg/+page.svelte     |  2 +-
 src/routes/pis/+page.svelte          |  2 +-
 6 files changed, 56 insertions(+), 16 deletions(-)

diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index cd28044..3be7d5b 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -11,5 +11,6 @@
     <link rel="icon" href="/images/icon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/images/app-icons/any/apple-192.png">
     <link rel="manifest" href="/manifest.json">
+    <title>OwlBoard</title>
 </svelte:head>
 <slot />
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index ebabf9b..7f96f68 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -4,7 +4,7 @@
     import InputIsland from '$lib/islands/input-island-form.svelte'
 	import QuickLinkIsland from '$lib/islands/quick-link-island.svelte';
 
-const title = "Home"
+const title = "OwlBoard"
 const inputIslands = [
     {
         title: "Live Departure Boards",
@@ -22,10 +22,6 @@ const inputIslands = [
 const variables = {title: "test",action:"/", placeholder:"test",queryName:"test"}
 
 </script>
-<svelte:head>
-    <title>OwlBoard - {title}</title>
-</svelte:head>
-
 
 <Header {title} />
 
diff --git a/src/routes/more/data/+page.svelte b/src/routes/more/data/+page.svelte
index fcf17f9..ab16575 100644
--- a/src/routes/more/data/+page.svelte
+++ b/src/routes/more/data/+page.svelte
@@ -1,12 +1,50 @@
 <script>
-    import Header from '$lib/navigation/header.svelte'
-    import Nav from '$lib/navigation/nav.svelte'
-    const title = "Your Data"   
+    import Header from '$lib/navigation/header.svelte';
+    import Nav from '$lib/navigation/nav.svelte';
+    import { uuid } from '$lib/stores/uuid.js';
+    import { onMount } from 'svelte';
+    const title = "Your Data";
 
+    let data = [
+        {
+            "domain": "User not Found",
+            "atime": "User not Found"
+        }
+    ]
+
+    async function fetchData() {
+        if ($uuid != "null") {
+            const url = `https://owlboard.info/api/v2/user/${$uuid}`
+            const res = await fetch(url);
+            const json = await res.json();
+            if (json.length) {
+                data = json
+            }
+        }
+    }
+
+    onMount(async () => {
+        fetchData();
+    })
 </script>
  
- <Header {title} />
- 
+<Header {title} />
 
+<p>OwlBoard stored as little data about you as possible to offer the service.</p>
+<p>Besides your randomly generated UUID which is used to authorise your staff access we store the following data:</p>
+<br><br>
+
+{#if data[0].domain != "User not Found"}
+  <p class="api_response">Registration Domain: {data[0]['domain']}</p>
+  <p class="api_response">Access Time: {data[0]['atime']}</p>
+{:else}
+  <p class="api_response">You are not registered, we don't have any data stored.</p>
+{/if}
  
- <Nav />
\ No newline at end of file
+<Nav />
+
+<style>
+    .api_response {
+        color: white;
+    }
+</style>
\ No newline at end of file
diff --git a/src/routes/more/privacy/+page.svelte b/src/routes/more/privacy/+page.svelte
index 6d0faaa..9947f09 100644
--- a/src/routes/more/privacy/+page.svelte
+++ b/src/routes/more/privacy/+page.svelte
@@ -8,20 +8,22 @@
  <Header {title} />
 <div>
  <p>OwlBoard stores as little data as possible to offer its functions for you to use.
-    OwlBoard does not use any cookies, any data that is required is stored in your browser.
+    OwlBoard does not use any cookies.  To see the exact data that we store go to <a href="/more/data">My Data</a>.
  </p>
  <p>Owlboard does not log IP addresses or browser fingerprints.</p>
  <h2>If you do not sign up</h2>
  <p>If you do not sign up, no personal data is processed or stored unless you report an issue.
+    Any personal settings are stored in your browser and do not leave your device.
  </p>
  <h2>If you do sign up</h2>
  <p>If you do sign up for the rail staff version of OwlBoard, then we do need to store some data
-    but none of it can be used to personally identify you.
+    but none of it can be used to personally identify you.  Any personal settings are stored in your 
+    browser and do not leave your device.
  </p>
  <p>When you sign up, you will need to provide a work email address which is checked to confirm that 
     it originates from a railway company.  You are then sent an email with a registration link, OwlBoard
     at this point, the username portion of the email address is discarted - for example 'a-user@owlboard.info' 
-    would be stored at '@owlboard.info'.  This host part of your email address is stored so that the data that 
+    would be stored at 'owlboard.info'.  This host part of your email address is stored so that the data that 
     is displayed to you can be filtered, showing relevent results more prominently.
  </p>
  <p>The email-server may store the address and message content per it's usual operation and you consent to this 
@@ -45,9 +47,12 @@
 
     h2 {
         color: var(--second-text-color);
+        margin: 10px;
+        padding-top: 20px;
     }
 
     p {
         color: white;
+        margin: 10px;
     }
 </style>
\ No newline at end of file
diff --git a/src/routes/more/reg/+page.svelte b/src/routes/more/reg/+page.svelte
index a183683..9b2b7cd 100644
--- a/src/routes/more/reg/+page.svelte
+++ b/src/routes/more/reg/+page.svelte
@@ -39,7 +39,7 @@
     }
 
     onMount(async () => {
-        if (!uuid) {
+        if ($uuid != "null") {
             state = "reg"
         }
     })
diff --git a/src/routes/pis/+page.svelte b/src/routes/pis/+page.svelte
index 8c54123..1f65de4 100644
--- a/src/routes/pis/+page.svelte
+++ b/src/routes/pis/+page.svelte
@@ -2,7 +2,7 @@
     import Header from '$lib/navigation/header.svelte'
     import Nav from '$lib/navigation/nav.svelte'
     
-    const title = "PIS"
+    const title = "PIS Finder"
  </script>
  
  <Header {title} />