From e4329d037853ead1e164a248ce27578b04d902bd Mon Sep 17 00:00:00 2001
From: Gerald Schmittinger <gerald.schmittinger@ugent.be>
Date: Wed, 14 May 2025 00:48:41 +0200
Subject: [PATCH] feat(frintend): Link aan homepage toegevoegd

---
 frontend/src/components/BrowseThemes.vue         | 16 ++++++++++++++++
 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 +++-
 .../OwnLearningContentPage.vue                   |  9 +++++++++
 6 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/BrowseThemes.vue b/frontend/src/components/BrowseThemes.vue
index b65c4e26..aaefa3fd 100644
--- a/frontend/src/components/BrowseThemes.vue
+++ b/frontend/src/components/BrowseThemes.vue
@@ -90,6 +90,22 @@
                     class="fill-height"
                 />
             </v-col>
+            <v-col
+                cols="12"
+                sm="6"
+                md="4"
+                lg="4"
+                class="d-flex"
+            >
+                <ThemeCard
+                    path="/my-content"
+                    :is-absolute-path="true"
+                    :title="t('ownLearningContentTitle')"
+                    :description="t('ownLearningContentDescription')"
+                    icon="mdi-pencil"
+                    class="fill-height"
+                />
+            </v-col>
         </v-row>
     </v-container>
 </template>
diff --git a/frontend/src/i18n/locale/de.json b/frontend/src/i18n/locale/de.json
index 6f7ffe35..5549db93 100644
--- a/frontend/src/i18n/locale/de.json
+++ b/frontend/src/i18n/locale/de.json
@@ -144,5 +144,7 @@
     "learningPathDeleteQuery": "Möchten Sie diesen Lernpfad wirklich löschen?",
     "learningObjectDeleteQuery": "Möchten Sie dieses Lernobjekt wirklich löschen?",
     "learningPathCantModifyId": "Der HRUID oder die Sprache eines Lernpfads kann nicht geändert werden.",
-    "error": "Fehler"
+    "error": "Fehler",
+    "ownLearningContentTitle": "Eigene Lerninhalte",
+    "ownLearningContentDescription": "Erstellen und verwalten Sie eigene Lernobjekte und Lernpfade. Nur für fortgeschrittene Nutzer."
 }
diff --git a/frontend/src/i18n/locale/en.json b/frontend/src/i18n/locale/en.json
index cb5d5988..eb674173 100644
--- a/frontend/src/i18n/locale/en.json
+++ b/frontend/src/i18n/locale/en.json
@@ -144,5 +144,7 @@
     "learningPathDeleteQuery": "Are you sure you want to delete this learning path?",
     "learningObjectDeleteQuery": "Are you sure you want to delete this learning object?",
     "learningPathCantModifyId": "The HRUID or language of a learning path cannot be modified.",
-    "error": "Error"
+    "error": "Error",
+    "ownLearningContentTitle": "Own learning content",
+    "ownLearningContentDescription": "Create and administrate your own learning objects and learning paths. For advanced users only."
 }
diff --git a/frontend/src/i18n/locale/fr.json b/frontend/src/i18n/locale/fr.json
index ff3dbdea..3cfb83dd 100644
--- a/frontend/src/i18n/locale/fr.json
+++ b/frontend/src/i18n/locale/fr.json
@@ -144,5 +144,7 @@
     "learningPathDeleteQuery": "Voulez-vous vraiment supprimer ce parcours d’apprentissage ?",
     "learningObjectDeleteQuery": "Voulez-vous vraiment supprimer cet objet d’apprentissage ?",
     "learningPathCantModifyId": "Le HRUID ou la langue d’un parcours ne peuvent pas être modifiés.",
-    "error": "Erreur"
+    "error": "Erreur",
+    "ownLearningContentTitle": "Contenu d’apprentissage personnel",
+    "ownLearningContentDescription": "Créez et gérez vos propres objets et parcours d’apprentissage. Réservé aux utilisateurs avancés."
 }
diff --git a/frontend/src/i18n/locale/nl.json b/frontend/src/i18n/locale/nl.json
index bcee38c9..72012331 100644
--- a/frontend/src/i18n/locale/nl.json
+++ b/frontend/src/i18n/locale/nl.json
@@ -144,5 +144,7 @@
     "learningPathDeleteQuery": "Weet u zeker dat u dit leerpad wilt verwijderen?",
     "learningObjectDeleteQuery": "Weet u zeker dat u dit leerobject wilt verwijderen?",
     "learningPathCantModifyId": "De HRUID of taal van een leerpad kan niet worden gewijzigd.",
-    "error": "Fout"
+    "error": "Fout",
+    "ownLearningContentTitle": "Eigen leerinhoud",
+    "ownLearningContentDescription": "Maak en beheer je eigen leerobjecten en leerpads. Alleen voor gevorderde gebruikers."
 }
diff --git a/frontend/src/views/own-learning-content/OwnLearningContentPage.vue b/frontend/src/views/own-learning-content/OwnLearningContentPage.vue
index 290cf768..7270ff59 100644
--- a/frontend/src/views/own-learning-content/OwnLearningContentPage.vue
+++ b/frontend/src/views/own-learning-content/OwnLearningContentPage.vue
@@ -24,6 +24,8 @@
 
 <template>
     <div class="tab-pane-container">
+        <h1 class="title">{{ t("ownLearningContentTitle") }}</h1>
+
         <v-tabs v-model="tab">
         <v-tab value="learningObjects">{{ t('learningObjects') }}</v-tab>
         <v-tab value="learningPaths">{{ t('learningPaths') }}</v-tab>
@@ -51,6 +53,13 @@
 </template>
 
 <style scoped>
+    h1 {
+        color: #0e6942;
+        text-transform: uppercase;
+        font-weight: bolder;
+        font-size: 50px;
+    }
+
     .tab-pane-container {
         display: flex;
         flex-direction: column;