From 7c3528d07f2a798bb48ae38c06cd7e61be140305 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Thu, 1 May 2025 08:58:41 +0200
Subject: [PATCH 1/9] fix: translate knop werkt en is zichtbaar op mobile

---
 frontend/src/components/MenuBar.vue | 54 ++++++++++++++++-------------
 1 file changed, 30 insertions(+), 24 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index e3734976..c4b4825b 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -90,31 +90,31 @@
             <!--            >-->
             <!--                {{ t("discussions") }}-->
             <!--            </v-btn>-->
-            <v-menu open-on-hover>
-                <template v-slot:activator="{ props }">
-                    <v-btn
-                        v-bind="props"
-                        icon
-                        variant="text"
-                    >
-                        <v-icon
-                            icon="mdi-translate"
-                            size="small"
-                            color="#0e6942"
-                        ></v-icon>
-                    </v-btn>
-                </template>
-                <v-list>
-                    <v-list-item
-                        v-for="(language, index) in languages"
-                        :key="index"
-                        @click="changeLanguage(language.code)"
-                    >
-                        <v-list-item-title>{{ language.name }}</v-list-item-title>
-                    </v-list-item>
-                </v-list>
-            </v-menu>
         </v-toolbar-items>
+        <v-menu open-on-hover open-on-click>
+            <template v-slot:activator="{ props }">
+                <v-btn
+                    v-bind="props"
+                    icon
+                    variant="text"
+                >
+                    <v-icon
+                        icon="mdi-translate"
+                        size="small"
+                        color="#0e6942"
+                    ></v-icon>
+                </v-btn>
+            </template>
+            <v-list>
+                <v-list-item
+                    v-for="(language, index) in languages"
+                    :key="index"
+                    @click="changeLanguage(language.code)"
+                >
+                    <v-list-item-title>{{ language.name }}</v-list-item-title>
+                </v-list-item>
+            </v-list>
+        </v-menu>
         <v-spacer></v-spacer>
         <v-dialog max-width="500">
             <template v-slot:activator="{ props: activatorProps }">
@@ -248,6 +248,12 @@
         text-transform: none;
     }
 
+    .translate-button {
+        z-index: 1;
+        position: relative;
+        margin-left: 10px;
+    }
+
     @media (max-width: 700px) {
         .menu {
             display: none;

From 0cccc90dfe974aadc62dd4064fe51cdc44e21756 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Thu, 1 May 2025 08:59:42 +0200
Subject: [PATCH 2/9] fix: translate knop werkt op mobile in homepage

---
 frontend/src/views/HomePage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/views/HomePage.vue b/frontend/src/views/HomePage.vue
index 08ce44c1..680e14ff 100644
--- a/frontend/src/views/HomePage.vue
+++ b/frontend/src/views/HomePage.vue
@@ -84,7 +84,7 @@
                 </div>
             </div>
             <div class="container_right">
-                <v-menu open-on-hover>
+                <v-menu open-on-hover open-on-click>
                     <template v-slot:activator="{ props }">
                         <v-btn
                             v-bind="props"

From ddfdb94935b5264c9fe97ce9370a62271c5f9e92 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Thu, 1 May 2025 09:33:28 +0200
Subject: [PATCH 3/9] fix: rediret naar user page als user al ingelogd is ipv
 witte pagina met logout

---
 frontend/src/views/LoginPage.vue | 21 ++++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/frontend/src/views/LoginPage.vue b/frontend/src/views/LoginPage.vue
index 88118d26..e6b1db16 100644
--- a/frontend/src/views/LoginPage.vue
+++ b/frontend/src/views/LoginPage.vue
@@ -1,6 +1,20 @@
 <script setup lang="ts">
+    import { useRouter } from "vue-router";
     import dwengoLogo from "../../../assets/img/dwengo-groen-zwart.svg";
     import auth from "@/services/auth/auth-service.ts";
+    import { watch } from "vue";
+
+    const router = useRouter();
+
+    watch(
+        () => auth.isLoggedIn.value,
+        (newVal) => {
+            if (newVal) {
+                router.push("/user");
+            }
+        },
+        { immediate: true },
+    );
 
     async function loginAsStudent(): Promise<void> {
         await auth.loginAs("student");
@@ -65,13 +79,6 @@
                 </div>
             </ul>
         </div>
-        <div v-if="auth.isLoggedIn.value">
-            <p>
-                You are currently logged in as {{ auth.authState.user!.profile.name }} ({{ auth.authState.activeRole }})
-            </p>
-            <v-btn @click="performLogout">Logout</v-btn>
-            <v-btn to="/user">home</v-btn>
-        </div>
     </main>
 </template>
 

From 2b2e9870dc42738bbb53114da9f47c5a2c6f94d4 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Thu, 1 May 2025 09:44:19 +0200
Subject: [PATCH 4/9] style: lint + format

---
 frontend/src/components/MenuBar.vue | 5 ++++-
 frontend/src/views/HomePage.vue     | 5 ++++-
 frontend/src/views/LoginPage.vue    | 8 ++------
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index c4b4825b..87224dcb 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -91,7 +91,10 @@
             <!--                {{ t("discussions") }}-->
             <!--            </v-btn>-->
         </v-toolbar-items>
-        <v-menu open-on-hover open-on-click>
+        <v-menu
+            open-on-hover
+            open-on-click
+        >
             <template v-slot:activator="{ props }">
                 <v-btn
                     v-bind="props"
diff --git a/frontend/src/views/HomePage.vue b/frontend/src/views/HomePage.vue
index 680e14ff..9b2c8acc 100644
--- a/frontend/src/views/HomePage.vue
+++ b/frontend/src/views/HomePage.vue
@@ -84,7 +84,10 @@
                 </div>
             </div>
             <div class="container_right">
-                <v-menu open-on-hover open-on-click>
+                <v-menu
+                    open-on-hover
+                    open-on-click
+                >
                     <template v-slot:activator="{ props }">
                         <v-btn
                             v-bind="props"
diff --git a/frontend/src/views/LoginPage.vue b/frontend/src/views/LoginPage.vue
index e6b1db16..5d5a40a8 100644
--- a/frontend/src/views/LoginPage.vue
+++ b/frontend/src/views/LoginPage.vue
@@ -8,9 +8,9 @@
 
     watch(
         () => auth.isLoggedIn.value,
-        (newVal) => {
+        async (newVal) => {
             if (newVal) {
-                router.push("/user");
+                await router.push("/user");
             }
         },
         { immediate: true },
@@ -23,10 +23,6 @@
     async function loginAsTeacher(): Promise<void> {
         await auth.loginAs("teacher");
     }
-
-    async function performLogout(): Promise<void> {
-        await auth.logout();
-    }
 </script>
 
 <template>

From 8addea5454bf85f9982b3cfa42390c18713fbfd3 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Thu, 1 May 2025 09:49:28 +0200
Subject: [PATCH 5/9] fix: style titel themes zelfde als classes

---
 frontend/src/views/homepage/UserHomePage.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/views/homepage/UserHomePage.vue b/frontend/src/views/homepage/UserHomePage.vue
index c4f933a5..28d66cb3 100644
--- a/frontend/src/views/homepage/UserHomePage.vue
+++ b/frontend/src/views/homepage/UserHomePage.vue
@@ -95,6 +95,13 @@
         justify-content: center;
     }
 
+    h1 {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        font-size: 50px;
+    }
+
     .dropdowns {
         display: flex;
         justify-content: space-between;

From ab95a06daa58f6bee60417afa7de449f3eebfc4d Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Sun, 4 May 2025 08:42:01 +0200
Subject: [PATCH 6/9] feat: gebruiker kan klikken op avatar en naam en email
 zien

---
 frontend/src/components/MenuBar.vue | 44 +++++++++++++++++++++++++----
 1 file changed, 38 insertions(+), 6 deletions(-)

diff --git a/frontend/src/components/MenuBar.vue b/frontend/src/components/MenuBar.vue
index 87224dcb..a58be2f8 100644
--- a/frontend/src/components/MenuBar.vue
+++ b/frontend/src/components/MenuBar.vue
@@ -14,6 +14,7 @@
     const _router = useRouter(); // Zonder '_' gaf dit een linter error voor unused variable
 
     const name: string = auth.authState.user!.profile.name!;
+    const email = auth.authState.user!.profile.email;
     const initials: string = name
         .split(" ")
         .map((n) => n[0])
@@ -161,12 +162,43 @@
                 </v-card>
             </template>
         </v-dialog>
-        <v-avatar
-            size="large"
-            color="#0e6942"
-            class="user-button"
-            >{{ initials }}</v-avatar
-        >
+        <v-menu min-width="200px">
+            <template v-slot:activator="{ props }">
+                <v-btn
+                    icon
+                    v-bind="props"
+                >
+                    <v-avatar
+                        color="#0e6942"
+                        size="large"
+                        class="user-button"
+                    >
+                        <span>{{ initials }}</span>
+                    </v-avatar>
+                </v-btn>
+            </template>
+            <v-card>
+                <v-card-text>
+                    <div class="mx-auto text-center">
+                        <v-avatar color="#0e6942">
+                            <span class="text-h5">{{ initials }}</span>
+                        </v-avatar>
+                        <h3>{{ name }}</h3>
+                        <p class="text-caption mt-1">{{ email }}</p>
+                        <v-divider class="my-3"></v-divider>
+                        <v-btn
+                            variant="text"
+                            rounded
+                            append-icon="mdi-logout"
+                            @click="performLogout"
+                            to="/login"
+                            >{{ t("logout") }}</v-btn
+                        >
+                        <v-divider class="my-3"></v-divider>
+                    </div>
+                </v-card-text>
+            </v-card>
+        </v-menu>
     </v-app-bar>
     <v-navigation-drawer
         v-model="drawer"

From eee72c029a147af38ca8b1c311546c5ebfac1bce Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Sun, 4 May 2025 08:55:18 +0200
Subject: [PATCH 7/9] style: assign knop groter en in kleur

---
 frontend/src/views/learning-paths/LearningPathPage.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index 63f1b686..f60e1c0c 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -287,6 +287,9 @@
                     <template v-slot:default>
                         <v-btn
                             class="button-in-nav"
+                            width="100%"
+                            style="margin-top: 10px;"
+                            :color=COLORS.teacherExclusive
                             @click="assign()"
                             >{{ t("assignLearningPath") }}</v-btn
                         >

From e1c085c24579f1bcd2293f7e215ea0e7f0f33151 Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Sun, 4 May 2025 10:30:48 +0200
Subject: [PATCH 8/9] style: lint + format

---
 frontend/src/views/learning-paths/LearningPathPage.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/views/learning-paths/LearningPathPage.vue b/frontend/src/views/learning-paths/LearningPathPage.vue
index f60e1c0c..dc444156 100644
--- a/frontend/src/views/learning-paths/LearningPathPage.vue
+++ b/frontend/src/views/learning-paths/LearningPathPage.vue
@@ -288,8 +288,7 @@
                         <v-btn
                             class="button-in-nav"
                             width="100%"
-                            style="margin-top: 10px;"
-                            :color=COLORS.teacherExclusive
+                            :color="COLORS.teacherExclusive"
                             @click="assign()"
                             >{{ t("assignLearningPath") }}</v-btn
                         >

From d35754878de2c8efb5467738849b2938656a739f Mon Sep 17 00:00:00 2001
From: laurejablonski <laure.jablonski@ugent.be>
Date: Tue, 6 May 2025 08:45:38 +0200
Subject: [PATCH 9/9] style: groene titel assignments

---
 frontend/src/views/assignments/UserAssignments.vue | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/frontend/src/views/assignments/UserAssignments.vue b/frontend/src/views/assignments/UserAssignments.vue
index 7a144e25..afb7a380 100644
--- a/frontend/src/views/assignments/UserAssignments.vue
+++ b/frontend/src/views/assignments/UserAssignments.vue
@@ -143,6 +143,13 @@
         box-sizing: border-box;
     }
 
+    h1 {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        font-size: 50px;
+    }
+
     .center-btn {
         display: block;
         margin-left: auto;