tdpeuter/2025SELab2-project-Dwengo
tdpeuter/2025SELab2-project-Dwengo
Archived
1
Fork 0
Code Issues Releases 4 Packages 2 Wiki Activity

feat: add username menu + zelfde avatar navbar

Browse source
This commit is contained in:
Gabriellvl 2025-05-14 12:41:02 +02:00
parent bdd102b937
commit 699b830463
1 changed files with 8 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

10
frontend/src/components/MenuBar.vue
View file

@ -14,6 +14,7 @@
const _router = useRouter(); // Zonder '_' gaf dit een linter error voor unused variable const _router = useRouter(); // Zonder '_' gaf dit een linter error voor unused variable
const name: string = auth.authState.user!.profile.name!; const name: string = auth.authState.user!.profile.name!;
const username = auth.authState.user!.profile.preferred_username!;
const email = auth.authState.user!.profile.email; const email = auth.authState.user!.profile.email;
const initials: string = name const initials: string = name
.split(" ") .split(" ")
@ -180,10 +181,15 @@
<v-card> <v-card>
<v-card-text> <v-card-text>
<div class="mx-auto text-center"> <div class="mx-auto text-center">
<v-avatar color="#0e6942"> <v-avatar
<span class="text-h5">{{ initials }}</span> color="#0e6942"
size="large"
class="user-button"
>
<span>{{ initials }}</span>
</v-avatar> </v-avatar>
<h3>{{ name }}</h3> <h3>{{ name }}</h3>
<p class="text-caption mt-1">{{ username }}</p>
<p class="text-caption mt-1">{{ email }}</p> <p class="text-caption mt-1">{{ email }}</p>
<v-divider class="my-3"></v-divider> <v-divider class="my-3"></v-divider>
<v-btn <v-btn