ff-admin/src/stores/admin/settings/queryStore.ts

78 lines
2.7 KiB
TypeScript
Raw Normal View History

2024-12-18 22:27:44 +01:00
import { defineStore } from "pinia";
2025-01-02 18:28:13 +01:00
import type { CreateQueryViewModel, QueryViewModel, UpdateQueryViewModel } from "@/viewmodels/admin/settings/query.models";
2024-12-18 22:27:44 +01:00
import { http } from "@/serverCom";
import type { AxiosResponse } from "axios";
2025-01-02 18:28:13 +01:00
import { useQueryBuilderStore } from "../club/queryBuilder";
import { useModalStore } from "../../modal";
2024-12-18 22:27:44 +01:00
import { defineAsyncComponent, markRaw } from "vue";
2025-01-02 18:28:13 +01:00
import { useAbilityStore } from "../../ability";
2024-12-18 22:27:44 +01:00
export const useQueryStoreStore = defineStore("queryStore", {
state: () => {
return {
queries: [] as Array<QueryViewModel>,
loading: "loading" as "loading" | "fetched" | "failed",
};
},
actions: {
fetchQueries() {
this.loading = "loading";
http
.get("/admin/querystore")
.then((result) => {
this.queries = result.data;
this.loading = "fetched";
})
.catch((err) => {
this.loading = "failed";
});
},
fetchQueryById(id: number): Promise<AxiosResponse<any, any>> {
return http.get(`/admin/querystore/${id}`);
},
triggerSave() {
const queryBuilderStore = useQueryBuilderStore();
const modalStore = useModalStore();
2024-12-19 10:46:45 +01:00
const abilityStore = useAbilityStore();
if (queryBuilderStore.activeQueryId != undefined && abilityStore.can("update", "settings", "query_store")) {
2024-12-18 22:27:44 +01:00
modalStore.openModal(
markRaw(
2024-12-19 10:46:45 +01:00
defineAsyncComponent(() => import("@/components/admin/settings/queryStore/UpdateQueryStoreModal.vue"))
),
queryBuilderStore.activeQueryId
2024-12-18 22:27:44 +01:00
);
} else {
modalStore.openModal(
markRaw(
2024-12-19 10:46:45 +01:00
defineAsyncComponent(() => import("@/components/admin/settings/queryStore/CreateQueryStoreModal.vue"))
)
2024-12-18 22:27:44 +01:00
);
}
},
async createQueryStore(query: CreateQueryViewModel): Promise<AxiosResponse<any, any>> {
const result = await http.post(`/admin/querystore`, {
query: query.query,
title: query.title,
});
if (result.status == 200) {
const queryBuilderStore = useQueryBuilderStore();
queryBuilderStore.activeQueryId = result.data;
}
this.fetchQueries();
return result;
},
async updateActiveQueryStore(query: UpdateQueryViewModel): Promise<AxiosResponse<any, any>> {
const result = await http.patch(`/admin/querystore/${query.id}`, {
query: query.query,
});
this.fetchQueries();
return result;
},
async deleteQueryStore(queryStore: number): Promise<AxiosResponse<any, any>> {
const result = await http.delete(`/admin/querystore/${queryStore}`);
this.fetchQueries();
return result;
},
},
});