Add links to project and GitHub page

src/components/navigation/navigationAppendItems.vue

@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { useAccountStore } from '@/stores/account.store';
-import { useBasketStore } from '@/stores/basket.store';
-import { useExerciseStore } from '@/stores/exercise.store';
+import { useAccountStore } from "@/stores/account.store";
+import { useBasketStore } from "@/stores/basket.store";
+import { useExerciseStore } from "@/stores/exercise.store";
 
-const accountStore = useAccountStore()
-const basketStore = useBasketStore()
-const exerciseStore = useExerciseStore()
+const accountStore = useAccountStore();
+const basketStore = useBasketStore();
+const exerciseStore = useExerciseStore();
 
-exerciseStore.getAllExercises()
+exerciseStore.getAllExercises();
 </script>
 
 <template>
@@ -19,15 +19,20 @@ exerciseStore.getAllExercises()
     icon="mdi-account"
     to="/account/login"
   />
-  
+
   <v-btn v-else variant="plain" icon="mdi-account-check" to="/account/home" />
 
   <div>
     <v-badge
-      :content="basketStore.itemsInBasket.reduce((tot, item) => {
-        return tot + item.seats.length
-      }, 0)"
-      color="error" offset-x="8" offset-y="8">
+      :content="
+        basketStore.itemsInBasket.reduce((tot, item) => {
+          return tot + item.seats.length;
+        }, 0)
+      "
+      color="error"
+      offset-x="8"
+      offset-y="8"
+    >
       <v-btn variant="plain" icon="mdi-cart" to="/basket" />
     </v-badge>
   </div>
@@ -45,6 +50,6 @@ exerciseStore.getAllExercises()
     icon="mdi-book-open-blank-variant"
     to="/help"
   />
-  
-  <v-btn variant="plain" icon="mdi-cog" to="/preferences"/>
-</template>
+
+  <v-btn variant="plain" icon="mdi-cog" to="/preferences" />
+</template>

src/locales/de.json

@@ -289,7 +289,9 @@
     "license": "Lizenz",
     "developer": "Entwickler",
     "developedFor": "Entwickelt im Auftrag",
-    "copyright": "Copyright"
+    "copyright": "Copyright",
+    "githubRepository": "GitHub Repository",
+    "projectPage": "Projektseite"
   },
   "genre": {
     "withoutBand": "ohne Band"

src/locales/en.json

@@ -289,7 +289,9 @@
     "license": "License",
     "developer": "Developer",
     "developedFor": "Developed for",
-    "copyright": "Copyright"
+    "copyright": "Copyright",
+    "githubRepository": "GitHub Repository",
+    "projectPage": "Project page"
   },
   "genre": {
     "withoutBand": "without Band"

src/pages/misc/preferencesPage/aboutSection.vue

@@ -1,14 +1,14 @@
 <script setup lang="ts">
-import cardView from '@/components/basics/cardView.vue';
-import packageJson from './../../../../package.json'
+import cardView from "@/components/basics/cardView.vue";
+import packageJson from "./../../../../package.json";
 
+function openExternal(url: string) {
+  window.open(url, "_blank");
+}
 </script>
 
 <template>
-  <card-view
-    :title="$t('preferences.aboutProject')"
-    icon="mdi-information"
-  >
+  <card-view :title="$t('preferences.aboutProject')" icon="mdi-information">
     <template #borderless>
       <v-list>
         <v-list-item
@@ -16,7 +16,7 @@ import packageJson from './../../../../package.json'
           :subtitle="packageJson.version"
           prepend-icon="mdi-counter"
         />
-        <v-list-item 
+        <v-list-item
           :title="$t('misc.license')"
           subtitle="MIT"
           prepend-icon="mdi-license"
@@ -26,17 +26,31 @@ import packageJson from './../../../../package.json'
           subtitle="Tobias Zoghaib"
           prepend-icon="mdi-account"
         />
-        <v-list-item 
+        <v-list-item
           :title="$t('misc.developedFor')"
           subtitle="Uni Hannover, Institut für IT-Sicherheit, Fachgebiet Usable Security and Privacy"
           prepend-icon="mdi-school"
         />
-        <v-list-item 
+        <v-list-item
           :title="$t('misc.copyright')"
-          subtitle="2024"
+          subtitle="2024-2025"
           prepend-icon="mdi-copyright"
         />
+        <v-list-item
+          :title="$t('misc.githubRepository')"
+          prepend-icon="mdi-web"
+          @click="openExternal('https://github.com/TobiZog/eventmaster')"
+        />
+        <v-list-item
+          :title="$t('misc.projectPage')"
+          prepend-icon="mdi-web"
+          @click="
+            openExternal(
+              'https://www.itsec.uni-hannover.de/de/usec/forschung/eventmaster-learning-web-attacks'
+            )
+          "
+        />
       </v-list>
     </template>
   </card-view>
-</template>
+</template>

src/stores/exercise.store.ts

@@ -50,7 +50,7 @@ export const useExerciseStore = defineStore("exerciseStore", {
           }
         });
 
-        this.helpPageVisible = this.getExercise(1, 1).solved;
+        this.exercisePageVisible = this.getExercise(1, 1).solved;
         this.fetchInProgress = false;
       });
     },