From b3a8c18ef5f5c291ac5ed251083e867bc4b77da6 Mon Sep 17 00:00:00 2001
From: Andreas Dinauer <andreas.j.dinauer@gmail.com>
Date: Sat, 18 Apr 2026 22:40:28 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20User=20details=20from=20identity=20?=
 =?UTF-8?q?token?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/app.vue                  |  5 -----
 app/auth/Account.ts          | 32 ++++++++++----------------------
 app/auth/useAccountStore.ts  | 25 -------------------------
 app/pages/index.vue          |  5 ++++-
 app/pages/settings/index.vue | 11 ++++++++---
 5 files changed, 22 insertions(+), 56 deletions(-)
 delete mode 100644 app/auth/useAccountStore.ts

diff --git a/app/app.vue b/app/app.vue
index a06b5aa..f3ae263 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -23,13 +23,8 @@
 <script setup lang="ts">
 import {usePopup} from "~/components/ui/popup/Popup";
 import PopupTemplate from "~/components/ui/popup/PopupTemplate.vue";
-import {useAccountStore} from "~/auth/useAccountStore";
 
 const popup = computed(() => usePopup().get());
-
-onMounted(() => {
-    useAccountStore().init();
-})
 </script>
 
 <style>
diff --git a/app/auth/Account.ts b/app/auth/Account.ts
index 06d24a1..7f00b31 100644
--- a/app/auth/Account.ts
+++ b/app/auth/Account.ts
@@ -1,32 +1,20 @@
-import axios from "axios";
+import {jwtDecode} from "jwt-decode";
 
 export class Account
 {
+    id?: string;
     firstname?: string;
     lastname?: string;
-    username?: string;
     email?: string;
-    password?: string;
-    roles?: string[];
-    initial?: boolean;
-
-    static get(onSuccess: (account: Account) => void)
-    {
-
-    }
-
-    static create(user: AccountCreation, onSuccess: () => void)
-    {
-
-    }
 }
 
-export class AccountCreation
+export function getAccount()
 {
-    firstname?: string;
-    lastname?: string;
-    email?: string;
-    password?: string;
-    username?: string;
-    role: string = "USER";
+    const payload = jwtDecode(useCookie<string>("identity").value) as any;
+    const account = new Account();
+    account.id = payload.upn;
+    account.email = payload.email;
+    account.lastname = payload.lastname;
+    account.firstname = payload.firstname;
+    return account;
 }
\ No newline at end of file
diff --git a/app/auth/useAccountStore.ts b/app/auth/useAccountStore.ts
deleted file mode 100644
index 4aadf1c..0000000
--- a/app/auth/useAccountStore.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import {Account} from "~/auth/Account";
-
-export const useAccountStore = defineStore('account', {
-    state: () => ({
-        account: undefined as Account | undefined
-    }),
-    getters: {
-        require: (state) =>
-        {
-            return (): Account | undefined =>
-            {
-                return state.account;
-            }
-        }
-    },
-    actions: {
-        init()
-        {
-            Account.get((account: Account) =>
-            {
-                this.account = account;
-            })
-        }
-    }
-})
\ No newline at end of file
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 18813ea..128a91e 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="content-l">
-        <h1>Hello, Andreas Dinauer</h1>
+        <h1>Hello, {{account.firstname}} {{account.lastname}}</h1>
         <div class="col-2">
             <div class="tile-m spaced-center">
                 <p>Total Groups</p>
@@ -20,9 +20,12 @@
 import EventList from "~/components/events/EventList.vue";
 import type {Group} from "~/components/group/Group";
 import type {Artifact} from "~/components/artifact/Artifact";
+import {getAccount} from "~/auth/Account";
 
 const groups = useGet<Group[]>("/api/groups");
 const artifacts = useGet<Artifact[]>("/api/artifacts");
+
+const account = getAccount();
 </script>
 
 <style scoped>
diff --git a/app/pages/settings/index.vue b/app/pages/settings/index.vue
index 5ad71f0..0eb0d74 100644
--- a/app/pages/settings/index.vue
+++ b/app/pages/settings/index.vue
@@ -4,11 +4,15 @@
         <div class="col-3">
             <div class="tile-m">
                 <h3>User ID</h3>
-                <p>{{userId}}</p>
+                <p>{{account.id}}</p>
+            </div>
+            <div class="tile-m">
+                <h3>Name</h3>
+                <p>{{account.firstname}} {{account.lastname}}</p>
             </div>
             <div class="tile-m">
                 <h3>E-Mail</h3>
-                <p>andreas.j.dinauer@gmail.com</p>
+                <p>{{account.email}}</p>
             </div>
         </div>
         <h1>Access Tokens</h1>
@@ -45,8 +49,9 @@ import ContentRow from "~/components/ui/table/ContentRow.vue";
 import ContentCell from "~/components/ui/table/ContentCell.vue";
 import dayjs from "dayjs";
 import {jwtDecode} from "jwt-decode";
+import {getAccount} from "~/auth/Account";
 
-const userId = (jwtDecode(useCookie<string>("identity").value) as any).upn;
+const account = getAccount();
 
 const tokens: Ref<Token[] | undefined> = ref(undefined);
 onMounted(() => {