New "about" section on PreferencesPage, add new exercise descriptions/steps

software/src/stores/preferences.store.ts

@@ -3,6 +3,10 @@ import { useLocalStorage } from "@vueuse/core";
 import { ThemeEnum } from "../data/enums/themeEnums";
 import { LanguageEnum } from "../data/enums/languageEnum";
 import { ref } from "vue";
+import { fetchServerState, resetDatabase, resetExerciseProgress } from "@/data/api/mainApi";
+import { ServerStateEnum } from "@/data/enums/serverStateEnum";
+import { BannerStateEnum } from "@/data/enums/bannerStateEnum";
+import { useFeedbackStore } from "./feedback.store";
 
 export const usePreferencesStore = defineStore('preferencesStore', {
   state: () => ({
@@ -13,6 +17,79 @@ export const usePreferencesStore = defineStore('preferencesStore', {
     language: useLocalStorage<LanguageEnum>("hackmycart/preferencesStore/language", LanguageEnum.GERMAN),
 
     /** Request to server sent, waiting for data response */
-    fetchInProgress: ref(false)
+    fetchInProgress: ref(false),
+
+    /** State of the server */
+    serverState: ref<ServerStateEnum>(ServerStateEnum.PENDING),
+
+    /** Show the "Delete DB?" confirm dialog */
+    showDeleteDbDialog: ref(false),
+
+    /** Show the "Delete Exercise progress?" confirm dialog */
+    showDeleteExerciseDialog: ref(false)
   }),
+
+  actions: {
+    /**
+     * Request the state of the backend server
+     */
+    async getServerState() {
+      this.fetchInProgress = true
+
+      fetchServerState()
+        .then(result => {
+          if (result.status == 200) {
+            this.serverState = ServerStateEnum.ONLINE
+          } else {
+            this.serverState = ServerStateEnum.OFFLINE
+          }
+
+          this.fetchInProgress = false
+        })
+        .catch(error => {
+          this.serverState = ServerStateEnum.OFFLINE
+          this.fetchInProgress = false
+        })
+    },
+
+    /**
+     * Resets the database (without exercise tables)
+     */
+    async resetDb() {
+      const feedbackStore = useFeedbackStore()
+      this.serverState = ServerStateEnum.PENDING
+      this.fetchInProgress = true
+
+      await resetDatabase()
+        .then(result => {
+          if (result.status == 200) {
+            feedbackStore.changeBanner(BannerStateEnum.DATABASERESETSUCCESSFUL)
+            this.serverState = ServerStateEnum.ONLINE
+          }
+
+          this.fetchInProgress = false
+          this.showDeleteDbDialog = false
+        })
+    },
+
+    /**
+     * Resets the exercise progress
+     */
+    async resetExerciseProg() {
+      const feedbackStore = useFeedbackStore()
+      this.serverState = ServerStateEnum.PENDING
+      this.fetchInProgress = true
+
+      await resetExerciseProgress()
+        .then(result => {
+          if (result.status == 200) {
+            feedbackStore.changeBanner(BannerStateEnum.EXERCISEPROGRESSRESETSUCCESSFUL)
+            this.serverState = ServerStateEnum.ONLINE
+          }
+
+          this.fetchInProgress = false
+          this.showDeleteExerciseDialog = false
+        })
+    }
+  }
 })