init

2024-05-30 18:06:50 +07:00
parent 8ca31c6b18
commit 2aa5607c48
147 changed files with 5815 additions and 1 deletions
@@ -0,0 +1,74 @@
+import { defineStore, acceptHMRUpdate } from "pinia";
+
+export const useDynamicPageStore = defineStore("dynamicPageStore", () => {
+    const currentPage = ref<any>({});
+    const sectionPublished = ref<any[]>([]);
+    const componentPublished = ref<any[]>([]);
+
+    async function fetchPageByCode(slug: any) {
+        try {
+          const { data } = await useFetch(`/api/services/get-by-code/${slug}`)
+          currentPage.value = data.value
+        } catch (error: any) {}
+    }
+
+    async function fetchPageById(id: string | number) {
+        try {
+          const {data} = await useFetch(`/api/services/get-by-id/${id}`)
+          currentPage.value = data.value
+        } catch (error: any) {}
+    }
+
+    const setSectionPublished = () => {
+        const contentArr: any = [];
+        currentPage.value.sections && currentPage.value.sections.map((section: any) => {
+          contentArr.push(section.content && typeof section.content === 'string' && JSON.parse(section.content));
+          return section;
+        });
+        
+        sectionPublished.value = currentPage.value.sections && currentPage.value.sections.filter(
+          (section: any) => section.isPublished && !contentArr.flat().some((_section: any) => _section && _section.data && _section.type === "section" && section.id === _section.data)
+        );
+    };
+
+    const setComponentPublished = () => {
+        const contentArr: any = [];
+        currentPage.value.sections && currentPage.value.sections.map((section: any) => {
+          contentArr.push(section.content && JSON.parse(section.content) && JSON.parse(section.content));
+          return section;
+        });
+        componentPublished.value = currentPage.value.components && currentPage.value.components.filter((section: any) => section.isPublished);
+    };
+
+    const setDataQuery = (query: any, componentId: number | string) => {
+        for (const _component of currentPage.value.components && currentPage.value.components) {
+          if (_component.id === componentId) {
+            const currentSetting = {
+              ..._component.settings,
+              dataQuery: query,
+            };
+            _component.settings = {
+              ...currentSetting,
+            };
+            break;
+          }
+        }
+        setComponentPublished();
+    };
+
+    return {
+        currentPage,
+        sectionPublished,
+        componentPublished,
+
+        fetchPageByCode,
+        fetchPageById,
+        setSectionPublished,
+        setComponentPublished,
+        setDataQuery,
+    };
+});
+
+if (import.meta.hot) {
+    import.meta.hot.accept(acceptHMRUpdate(useDynamicPageStore, import.meta.hot));
+}