From 2ac72d1fd0a8033df5e73195fcf62f3a867d1172 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Wed, 10 Dec 2025 01:42:22 +0000
Subject: [PATCH] added logout and removed stamps that arent mine

---
 nginx/vue/src/components/admin/Login.vue | 12 +++++++++---
 nginx/vue/src/components/home/Links.vue  | 16 ++--------------
 nginx/vue/src/components/home/Stamps.vue |  9 ++-------
 nginx/vue/src/stores/auth.js             | 21 +++++++++++++++++++--
 4 files changed, 32 insertions(+), 26 deletions(-)

diff --git a/nginx/vue/src/components/admin/Login.vue b/nginx/vue/src/components/admin/Login.vue
index d6aa1fc..29b5fc0 100644
--- a/nginx/vue/src/components/admin/Login.vue
+++ b/nginx/vue/src/components/admin/Login.vue
@@ -10,17 +10,23 @@ const loggedIn = computed(() => !!auth.user.username);
 function handleLogin() {
     auth.logIn(username.value, password.value);
 }
+
+function handleLogout() {
+    auth.logOut();
+}
 </script>
 
 <template>
     <div v-if="loggedIn">
+        <h1>Logged in</h1>
         <p>{{ auth.user.ID }}</p>
         <p>{{ auth.user.username }}</p>
+        <button @click="handleLogout">Log Out</button>
     </div>
     <div v-else>
-        <h1>login</h1>
-        <textarea v-model="username"></textarea>
-        <textarea type="password" v-model="password"></textarea>
+        <h1>Login</h1>
+        <input type="text" v-model="username" placeholder="Username" />
+        <input type="password" v-model="password" placeholder="Password" />
         <button @click="handleLogin">Log In</button>
     </div>
 </template>
diff --git a/nginx/vue/src/components/home/Links.vue b/nginx/vue/src/components/home/Links.vue
index d090a21..baf8cd5 100644
--- a/nginx/vue/src/components/home/Links.vue
+++ b/nginx/vue/src/components/home/Links.vue
@@ -1,22 +1,10 @@
 <template>
     <div>
         <RouterLink to="/cv">
-            <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
+            <h1>CV</h1>
         </RouterLink>
         <RouterLink to="/admin">
-            <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
-        </RouterLink>
-        <RouterLink to="/admin">
-            <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
-        </RouterLink>
-        <RouterLink to="/admin">
-            <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
-        </RouterLink>
-        <RouterLink to="/admin">
-            <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
-        </RouterLink>
-        <RouterLink to="/admin">
-            <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
+            <h1>ADMIN</h1>
         </RouterLink>
     </div>
 </template>
diff --git a/nginx/vue/src/components/home/Stamps.vue b/nginx/vue/src/components/home/Stamps.vue
index d7a3149..5715ec8 100644
--- a/nginx/vue/src/components/home/Stamps.vue
+++ b/nginx/vue/src/components/home/Stamps.vue
@@ -1,14 +1,9 @@
 <template>
     <div class="flex-row">
         <div>
-            <img src="/img/stamps/12351B56-A370-465D-A951-739A480A05EC.gif" />
+            <!-- <img src="/img/stamps/12351B56-A370-465D-A951-739A480A05EC.gif" />
             <img src="/img/stamps/71663263-8E08-4873-8EE1-96DC342C57EB.gif" />
-            <img src="/img/stamps/8a0014c1.gif" />
-        </div>
-        <div>
-            <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
-            <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
-            <img src="/img/stamps/BC7BDBB9-36FF-4DBE-B825-3603BFE00BE0.gif" />
+            <img src="/img/stamps/8a0014c1.gif" /> -->
         </div>
     </div>
 </template>
diff --git a/nginx/vue/src/stores/auth.js b/nginx/vue/src/stores/auth.js
index e921952..df52368 100644
--- a/nginx/vue/src/stores/auth.js
+++ b/nginx/vue/src/stores/auth.js
@@ -6,7 +6,12 @@ export const useAuthStore = defineStore("auth", () => {
   const user = ref({});
   checkToken();
 
-  function logOut() {
+  async function logOut() {
+    try {
+      const res = await axios.post("/api/auth/logout");
+    } catch (err) {
+      console.error(err);
+    }
     user.value = {};
   }
 
@@ -22,6 +27,18 @@ export const useAuthStore = defineStore("auth", () => {
     }
   }
 
+  async function createUser(username, password) {
+    try {
+      const res = await axios.post("/api/user", {
+        username,
+        password,
+      });
+      user.value = res.data;
+    } catch (err) {
+      console.error(err);
+    }
+  }
+
   async function refreshToken() {
     try {
       const res = await axios.post("/api/auth/refresh");
@@ -40,5 +57,5 @@ export const useAuthStore = defineStore("auth", () => {
     }
   }
 
-  return { user, checkToken, logIn, refreshToken, logOut };
+  return { user, checkToken, logIn, refreshToken, logOut, createUser };
 });