From 5b9b939c0b0a9235d1051de00f738e7d6e2e3a3e Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Thu, 24 Apr 2025 09:40:52 +0200
Subject: [PATCH 1/2] feat(frontend): link naar leerpad-zoekpagina aan
 homepagina toegevoegd

---
 frontend/src/components/BrowseThemes.vue | 18 +++++++++++++++++-
 frontend/src/components/ThemeCard.vue    | 20 +++++++++++++++-----
 frontend/src/i18n/locale/de.json         |  4 +++-
 frontend/src/i18n/locale/en.json         |  4 +++-
 frontend/src/i18n/locale/fr.json         |  4 +++-
 frontend/src/i18n/locale/nl.json         |  4 +++-
 6 files changed, 44 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/BrowseThemes.vue b/frontend/src/components/BrowseThemes.vue
index 805d2720..b65c4e26 100644
--- a/frontend/src/components/BrowseThemes.vue
+++ b/frontend/src/components/BrowseThemes.vue
@@ -11,7 +11,7 @@
         selectedAge: { type: String, required: true },
     });
 
-    const { locale } = useI18n();
+    const { t, locale } = useI18n();
     const language = computed(() => locale.value);
 
     const { data: allThemes, isLoading, error } = useThemeQuery(language);
@@ -74,6 +74,22 @@
                     class="fill-height"
                 />
             </v-col>
+            <v-col
+                cols="12"
+                sm="6"
+                md="4"
+                lg="4"
+                class="d-flex"
+            >
+                <ThemeCard
+                    path="/learningPath/search"
+                    :is-absolute-path="true"
+                    :title="t('searchAllLearningPathsTitle')"
+                    :description="t('searchAllLearningPathsDescription')"
+                    icon="mdi-magnify"
+                    class="fill-height"
+                />
+            </v-col>
         </v-row>
     </v-container>
 </template>
diff --git a/frontend/src/components/ThemeCard.vue b/frontend/src/components/ThemeCard.vue
index 7064b63c..cbc2c248 100644
--- a/frontend/src/components/ThemeCard.vue
+++ b/frontend/src/components/ThemeCard.vue
@@ -1,21 +1,26 @@
 <script setup lang="ts">
-    import { useI18n } from "vue-i18n";
+    import { computed } from "vue";
+import { useI18n } from "vue-i18n";
 
     const { t } = useI18n();
 
-    defineProps<{
+    const props = defineProps<{
         path: string;
+        isAbsolutePath?: boolean;
         title: string;
         description: string;
-        image: string;
+        image?: string;
+        icon?: string;
     }>();
+
+    const routerLink = computed(() => props.isAbsolutePath ? props.path : `/theme/${props.path}`);
 </script>
 
 <template>
     <v-card
         variant="outlined"
         class="theme-card d-flex flex-column"
-        :to="`theme/${path}`"
+        :to="routerLink"
         link
     >
         <v-card-title class="title-container">
@@ -27,12 +32,17 @@
                 contain
                 class="title-image"
             ></v-img>
+            <v-icon
+                v-if="icon"
+                class="title-image"
+            >{{ icon }}</v-icon>
+
             <span class="title">{{ title }}</span>
         </v-card-title>
         <v-card-text class="description flex-grow-1">{{ description }}</v-card-text>
         <v-card-actions>
             <v-btn
-                :to="`theme/${path}`"
+                :to="routerLink"
                 variant="text"
             >
                 {{ t("read-more") }}
diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index 4bdbde08..38a3914d 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -118,5 +118,7 @@
     "accepted": "akzeptiert",
     "enterUsername": "Geben Sie den Benutzernamen der Lehrkraft ein, die Sie einladen möchten",
     "username": "Nutzername",
-    "invite": "einladen"
+    "invite": "einladen",
+    "searchAllLearningPathsTitle": "Alle Lernpfade durchsuchen",
+    "searchAllLearningPathsDescription": "Nicht gefunden, was Sie gesucht haben? Klicken Sie hier, um unsere gesamte Lernpfad-Datenbank zu durchsuchen."
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index e791fd63..e31c8f8d 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -118,5 +118,7 @@
     "rejected": "rejected",
     "enterUsername": "enter the username of the teacher you would like to invite",
     "username": "username",
-    "invite": "invite"
+    "invite": "invite",
+    "searchAllLearningPathsTitle": "Search all learning paths",
+    "searchAllLearningPathsDescription": "You didn't find what you were looking for? Click here to search our whole database of available learning paths."
 }
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index 5c734cc5..af00bb52 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -118,5 +118,7 @@
     "rejected": "rejetée",
     "enterUsername": "entrez le nom d'utilisateur de l'enseignant que vous souhaitez inviter",
     "username": "Nom d'utilisateur",
-    "invite": "inviter"
+    "invite": "inviter",
+    "searchAllLearningPathsTitle": "Rechercher tous les parcours d'apprentissage",
+    "searchAllLearningPathsDescription": "Vous n'avez pas trouvé ce que vous cherchiez ? Cliquez ici pour rechercher dans toute notre base de données de parcours d'apprentissage disponibles."
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index 9c67e430..8199055b 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -118,5 +118,7 @@
     "rejected": "geweigerd",
     "enterUsername": "vul de gebruikersnaam van de leerkracht die je wilt uitnodigen in",
     "username": "gebruikersnaam",
-    "invite": "uitnodigen"
+    "invite": "uitnodigen",
+    "searchAllLearningPathsTitle": "Alle leerpaden doorzoeken",
+    "searchAllLearningPathsDescription": "Niet gevonden waar je naar op zoek was? Klik hier om onze volledige databank van beschikbare leerpaden te doorzoeken."
 }

From b9d967003e878c1d0cf578763c761a40059a16f1 Mon Sep 17 00:00:00 2001
From: Lint Action <lint-action@samuelmeuli.com>
Date: Thu, 24 Apr 2025 07:45:57 +0000
Subject: [PATCH 2/2] style: fix linting issues met Prettier

---
 frontend/src/components/ThemeCard.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ThemeCard.vue b/frontend/src/components/ThemeCard.vue
index cbc2c248..d2420474 100644
--- a/frontend/src/components/ThemeCard.vue
+++ b/frontend/src/components/ThemeCard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
     import { computed } from "vue";
-import { useI18n } from "vue-i18n";
+    import { useI18n } from "vue-i18n";
 
     const { t } = useI18n();
 
@@ -13,7 +13,7 @@ import { useI18n } from "vue-i18n";
         icon?: string;
     }>();
 
-    const routerLink = computed(() => props.isAbsolutePath ? props.path : `/theme/${props.path}`);
+    const routerLink = computed(() => (props.isAbsolutePath ? props.path : `/theme/${props.path}`));
 </script>
 
 <template>
@@ -35,7 +35,8 @@ import { useI18n } from "vue-i18n";
             <v-icon
                 v-if="icon"
                 class="title-image"
-            >{{ icon }}</v-icon>
+                >{{ icon }}</v-icon
+            >
 
             <span class="title">{{ title }}</span>
         </v-card-title>