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 { useAccountStore } from "@/stores/account.store";
-import { useBasketStore } from '@/stores/basket.store';
+import { useBasketStore } from "@/stores/basket.store";
-import { useExerciseStore } from '@/stores/exercise.store';
+import { useExerciseStore } from "@/stores/exercise.store";
 
-const accountStore = useAccountStore()
+const accountStore = useAccountStore();
-const basketStore = useBasketStore()
+const basketStore = useBasketStore();
-const exerciseStore = useExerciseStore()
+const exerciseStore = useExerciseStore();
 
-exerciseStore.getAllExercises()
+exerciseStore.getAllExercises();
 </script>
 
 <template>
@@ -24,10 +24,15 @@ exerciseStore.getAllExercises()
 
   <div>
     <v-badge
-      :content="basketStore.itemsInBasket.reduce((tot, item) => {
+      :content="
-        return tot + item.seats.length
+        basketStore.itemsInBasket.reduce((tot, item) => {
-      }, 0)"
+          return tot + item.seats.length;
-      color="error" offset-x="8" offset-y="8">
+        }, 0)
+      "
+      color="error"
+      offset-x="8"
+      offset-y="8"
+    >
       <v-btn variant="plain" icon="mdi-cart" to="/basket" />
     </v-badge>
   </div>
@@ -46,5 +51,5 @@ exerciseStore.getAllExercises()
     to="/help"
   />
 
-  <v-btn variant="plain" icon="mdi-cog" to="/preferences"/>
+  <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 cardView from "@/components/basics/cardView.vue";
-import packageJson from './../../../../package.json'
+import packageJson from "./../../../../package.json";
 
+function openExternal(url: string) {
+  window.open(url, "_blank");
+}
 </script>
 
 <template>
-  <card-view
+  <card-view :title="$t('preferences.aboutProject')" icon="mdi-information">
-    :title="$t('preferences.aboutProject')"
-    icon="mdi-information"
-  >
     <template #borderless>
       <v-list>
         <v-list-item
@@ -33,9 +33,23 @@ import packageJson from './../../../../package.json'
         />
         <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>

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;
       });
     },