Remove EventTable in database, redesign frontend URL paths

2024-10-12 15:54:03 +02:00
parent 7b991d2ff8
commit 60e217db03
40 changed files with 955 additions and 1203 deletions
--- a/software/src/pages/misc/preferencesPage/systemSetup.vue
+++ b/software/src/pages/misc/preferencesPage/systemSetup.vue
@@ -0,0 +1,132 @@
+<script setup lang="ts">
+import { BannerStateEnum } from '@/data/enums/bannerStateEnum';
+import { useFeedbackStore } from '@/data/stores/feedbackStore';
+import cardView from '@/components/basics/cardView.vue';
+import outlinedButton from '@/components/basics/outlinedButton.vue';
+import { ref } from 'vue';
+import confirmDialog from '@/components/basics/confirmDialog.vue';
+import { getServerState, resetDatabase, resetExerciseProgress } from '@/data/api/mainApi';
+import { ServerStateEnum } from '@/data/enums/serverStateEnum';
+import packageJson from './../../../../package.json'
+
+const feedbackStore = useFeedbackStore()
+const showConfirmDeleteDbDialog = ref(false)
+const showConfirmDeleteExerciseProgressDialog = ref(false)
+const serverOnline = ref(ServerStateEnum.PENDING)
+
+getServerState()
+  .then(result => {
+    if (result.status == 200) {
+      serverOnline.value = ServerStateEnum.ONLINE
+    } else {
+      serverOnline.value = ServerStateEnum.OFFLINE
+    }
+  })
+  .catch(error => {
+    serverOnline.value = ServerStateEnum.OFFLINE
+  })
+
+async function resetDb() {
+  serverOnline.value = ServerStateEnum.PENDING
+
+  await resetDatabase()
+    .then(result => {
+      if (result.status == 200) {
+        feedbackStore.changeBanner(BannerStateEnum.DATABASERESETSUCCESSFUL)
+        serverOnline.value = ServerStateEnum.ONLINE
+      }
+
+      showConfirmDeleteDbDialog.value = false
+    })
+}
+
+async function resetExerciseProg() {
+  serverOnline.value = ServerStateEnum.PENDING
+
+  await resetExerciseProgress()
+    .then(result => {
+      if (result.status == 200) {
+        feedbackStore.changeBanner(BannerStateEnum.EXERCISEPROGRESSRESETSUCCESSFUL)
+        serverOnline.value = ServerStateEnum.ONLINE
+      }
+
+      showConfirmDeleteExerciseProgressDialog.value = false
+    })
+}
+
+</script>
+
+<template>
+  <card-view
+    :title="$t('preferences.systemSetup')"
+    icon="mdi-engine"
+  >
+    <v-row>
+      <v-col>
+        {{ $t('serverState') }}:
+        <span v-if="serverOnline == ServerStateEnum.ONLINE" class="text-green">
+          <v-icon icon="mdi-check" />
+          Online
+        </span>
+
+        <span v-else-if="serverOnline == ServerStateEnum.OFFLINE" class="text-red">
+          <v-icon icon="mdi-alert-circle" />
+          Offline
+        </span>
+
+        <span v-else-if="serverOnline == ServerStateEnum.PENDING" class="text-orange">
+          <v-icon icon="mdi-clock" />
+          Pending...
+        </span>
+      </v-col>
+    </v-row>
+
+    <v-row>
+      <v-col>
+        Software Version: {{ packageJson.version }}
+      </v-col>
+    </v-row>
+
+    <v-row>
+      <v-col class="d-flex justify-center align-center">
+        <outlined-button
+          @click="showConfirmDeleteDbDialog = true"
+          prepend-icon="mdi-database-refresh"
+          color="red"
+          :disabled="serverOnline != ServerStateEnum.ONLINE"
+        >
+          {{ $t('resetDatabase') }}
+        </outlined-button>
+      </v-col>
+    </v-row>
+
+    <v-row>
+      <v-col class="d-flex justify-center align-center">
+        <outlined-button
+        @click="showConfirmDeleteExerciseProgressDialog = true"
+          prepend-icon="mdi-progress-close"
+          color="red"
+          :disabled="serverOnline != ServerStateEnum.ONLINE"
+        >
+          {{ $t('resetProgress') }}
+        </outlined-button>
+      </v-col>
+    </v-row>
+  </card-view>
+
+  <!-- Confirm delete database -->
+  <confirm-dialog
+    :title="$t('resetDatabaseConfirm.title')"
+    :description="$t('resetDatabaseConfirm.description')"
+    v-model="showConfirmDeleteDbDialog"
+    :onConfirm="resetDb"
+  />
+
+  <!-- Confirm delete exercise progress -->
+  <confirm-dialog
+    :title="$t('resetExerciseProgressConfirm.title')"
+    :description="$t('resetExerciseProgressConfirm.description')"
+    v-model="showConfirmDeleteExerciseProgressDialog"
+    :onConfirm="resetExerciseProg"
+  />
+</template>