132 lines
3.9 KiB
Vue
132 lines
3.9 KiB
Vue
<script setup lang="ts">
|
|
import { BannerStateEnum } from '@/data/enums/bannerStateEnum';
|
|
import { useFeedbackStore } from '@/stores/feedback.store';
|
|
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 { fetchServerState, 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)
|
|
|
|
fetchServerState()
|
|
.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('preferences.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('preferences.resetDatabase.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('preferences.resetExerciseProgress.resetExerciseProgress') }}
|
|
</outlined-button>
|
|
</v-col>
|
|
</v-row>
|
|
</card-view>
|
|
|
|
<!-- Confirm delete database -->
|
|
<confirm-dialog
|
|
:title="$t('preferences.resetDatabase.dialog.title')"
|
|
:description="$t('preferences.resetDatabase.dialog.description')"
|
|
v-model="showConfirmDeleteDbDialog"
|
|
:onConfirm="resetDb"
|
|
/>
|
|
|
|
<!-- Confirm delete exercise progress -->
|
|
<confirm-dialog
|
|
:title="$t('preferences.resetExerciseProgress.dialog.title')"
|
|
:description="$t('preferences.resetExerciseProgress.dialog.description')"
|
|
v-model="showConfirmDeleteExerciseProgressDialog"
|
|
:onConfirm="resetExerciseProg"
|
|
/>
|
|
</template> |