118 lines
3.4 KiB
TypeScript
118 lines
3.4 KiB
TypeScript
import { defineStore } from "pinia";
|
|
import { useLocalStorage } from "@vueuse/core";
|
|
import { ThemeEnum } from "../data/enums/themeEnums";
|
|
import { LanguageEnum } from "../data/enums/languageEnum";
|
|
import { ref } from "vue";
|
|
import { fetchFileNames, 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: () => ({
|
|
/** Selected theme by user */
|
|
theme: useLocalStorage<ThemeEnum>("hackmycart/preferencesStore/theme", ThemeEnum.DARKBLUE),
|
|
|
|
/** Selected language by user */
|
|
language: useLocalStorage<LanguageEnum>("hackmycart/preferencesStore/language", LanguageEnum.GERMAN),
|
|
|
|
/** Request to server sent, waiting for data response */
|
|
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),
|
|
|
|
/** List of files on the server */
|
|
staticFiles: ref([]),
|
|
|
|
/** Marks the first run of the app */
|
|
firstStartup: useLocalStorage<Boolean>("hackmycart/preferencesStore/firstStartup", true)
|
|
}),
|
|
|
|
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
|
|
})
|
|
},
|
|
|
|
async getStaticFiles() {
|
|
this.fetchInProgress = true
|
|
|
|
fetchFileNames()
|
|
.then(res => {
|
|
this.staticFiles = res.data
|
|
this.fetchInProgress = false
|
|
})
|
|
},
|
|
|
|
async firstStartupRoutine() {
|
|
await this.resetDb()
|
|
await this.resetExerciseProg()
|
|
|
|
this.firstStartup = false
|
|
}
|
|
}
|
|
}) |