translations

2025-06-25 13:53:36 +02:00
parent 9407253e69
commit 3521a477f2
12 changed files with 224 additions and 133 deletions
--- a/stores/menuStore.ts
+++ b/stores/menuStore.ts
@ -30,13 +30,21 @@ import { useMyFetch } from "#imports";
 //   }));
 // }

-function buildTreeRecursive(data: (FrontMenu | UIFrontMenu)[], parentId: number): UIFrontMenu[] {
-  const children = data.filter((item): item is UIFrontMenu => item.id_parent === parentId && !item.is_default);
+function buildTreeRecursive(
+  data: (FrontMenu | UIFrontMenu)[],
+  parentId: number
+): UIFrontMenu[] {
+  const children = data.filter(
+    (item): item is UIFrontMenu =>
+      item.id_parent === parentId && !item.is_default
+  );

-  return children.map((item) => ({ ...item, children: buildTreeRecursive(data, item.id) }));
+  return children.map((item) => ({
+    ...item,
+    children: buildTreeRecursive(data, item.id),
+  }));
 }

-
 export const useMenuStore = defineStore("menuStore", () => {
  const pb = usePB();
  const store = useStore();
@ -72,15 +80,20 @@ export const useMenuStore = defineStore("menuStore", () => {
      //     sort: "position_id",
      //   })) as MenuListResponse;

-      const { data } = await useMyFetch<GenericResponse<FrontMenu[]>>(`/api/public/front/menu`, {
-        onErrorOccured: (err, status) => {
-          console.log(err, status);
-        },
-        // onSuccess(data) {
-        //   console.log(data.data, "data");
+      const { data } = await useMyFetch<GenericResponse<FrontMenu[]>>(
+        `/api/public/front/menu`,
+        {
+          onErrorOccured: (err, status) => {
+            console.log(err, status);
+          },
+          // onSuccess(data) {
+          //   console.log(data.data, "data");

-        // },
-      })
+          // },
+        }
+      );
+
+      menuItems.value = data;

      const root = data.find((item) => item.is_root) as UIFrontMenu;
      defaultMenu.value = data.find((item) => item.is_default);
@ -92,7 +105,6 @@ export const useMenuStore = defineStore("menuStore", () => {
        menu.value = [];
      }

-
      // const root = menuItems.value.items.find((item) => item.is_root);
      // defaultMenu.value = menuItems.value.items.find((item) => item.is_default);

@ -108,18 +120,6 @@ export const useMenuStore = defineStore("menuStore", () => {
    }
  };

-  const loadFooter = async () => {
-    try {
-      footerItems.value = (await pb
-        .collection("footer_view")
-        .getList<PBFooterItem>(1, 50, {
-          filter: `id_lang="${$i18n.locale.value}"`,
-        })) as FooterListResponse;
-    } catch (error) {
-      console.log(error);
-    }
-  };
-
  const getCountryList = async () => {
    try {
      const { data } = await useMyFetch<GenericResponse<Country[]>>(
@ -136,14 +136,12 @@ export const useMenuStore = defineStore("menuStore", () => {
      // }

      // const data = await res.json();
-      countryList.value = data
-      if (countryList.value)
-        selectedPhoneCountry.value = countryList.value[0]
-
+      countryList.value = data;
+      if (countryList.value) selectedPhoneCountry.value = countryList.value[0];
    } catch (error) {
      console.error("getList error:", error);
    }
-  }
+  };

  const getCurrencies = async () => {
    try {
@ -153,7 +151,9 @@ export const useMenuStore = defineStore("menuStore", () => {
          headers: {
            "Content-Type": "application/json",
          },
-          onErrorOccured: (_, status) => { throw new Error(`HTTP error: ${status}`) },
+          onErrorOccured: (_, status) => {
+            throw new Error(`HTTP error: ${status}`);
+          },
        }
      );

@ -162,14 +162,13 @@ export const useMenuStore = defineStore("menuStore", () => {
      // }

      // const data = await res.json();
-      currencies.value = data.items
+      currencies.value = data.items;

      // console.log(data.items, "data");
-
    } catch (error) {
      console.error("getList error:", error);
    }
-  }
+  };

  const navigateToItem = (item?: UIFrontMenu) => {
    if (item) {
@ -178,12 +177,11 @@ export const useMenuStore = defineStore("menuStore", () => {
        name: `id-slug___${$i18n.locale.value}`,
      });
      openDropDown.value = false;
-    }
-    else {
+    } else {
      router.push({
        params: {
-          slug: defaultMenu.value.link_rewrite,
-          id: defaultMenu.value.id_page,
+          slug: defaultMenu.value.front_menu_lang[0].link_rewrite,
+          id: defaultMenu.value.id,
        },
        name: `id-slug___${$i18n.locale.value}`,
      });
@ -191,7 +189,7 @@ export const useMenuStore = defineStore("menuStore", () => {
  };

  function navigateToShop() {
-    navigateToItem(menuItems.value?.items.find(item => item.page_name === 'shop'))
+    navigateToItem(menuItems.value?.find((item) => item.id === 5));
  }

  // function redirectToPage(link_rewrite: string) {
@ -218,9 +216,11 @@ export const useMenuStore = defineStore("menuStore", () => {
    let img = "";
    for (const s in store.components) {
      store.components[s].section_img.map((item) => {
-        img = `${req?.headers.get("x-forwarded-proto") || url.protocol}://${req?.headers.get("x-forwarded-host") || req?.headers.get("host")
-          }/api/files/${store.components[s].image_collection}/${store.components[s].section_id
-          }/${item}?thumb=400x0`;
+        img = `${req?.headers.get("x-forwarded-proto") || url.protocol}://${
+          req?.headers.get("x-forwarded-host") || req?.headers.get("host")
+        }/api/files/${store.components[s].image_collection}/${
+          store.components[s].section_id
+        }/${item}?thumb=400x0`;
      });
      if (img.length > 0) return img;
    }
@ -273,12 +273,11 @@ export const useMenuStore = defineStore("menuStore", () => {

  watch($i18n.locale, async () => {
    await loadMenu();
-    await loadFooter();
  });

  watch(selectedCurrency, () => {
-    store.getCalculator()
-  })
+    store.getCalculator();
+  });
  return {
    menu,
    menuItems,
@ -294,10 +293,9 @@ export const useMenuStore = defineStore("menuStore", () => {
    headMeta,
    navigateToShop,
    loadMenu,
-    loadFooter,
    getCountryList,
    navigateToItem,
    // redirectToPage,
-    getCurrencies
+    getCurrencies,
  };
 });
--- a/stores/productStore.ts
+++ b/stores/productStore.ts
@ -1,6 +1,7 @@
 import { NuxtErrorBoundary } from "#components";
 import { useMyFetch } from "#imports";
 import type {
+  CartItem,
  GenericResponse,
  GenericResponseChildren,
  GenericResponseItems,
@ -59,10 +60,10 @@ export const useProductStore = defineStore("productStore", () => {
    }
  }

-  async function addToCart(product: Product) {
+  async function incrementCartItem(id: number) {
    try {
-      const { data } = await useMyFetch<GenericResponse<UserCart>>(
-        `/api/public/user/cart/item/add/${product.id}/1`,
+      await useMyFetch(
+        `/api/public/user/cart/item/add/${id}/1`,
        {
          method: "PUT",
          headers: {
@ -73,11 +74,55 @@ export const useProductStore = defineStore("productStore", () => {
          },
        }
      );
+
+      getCart();
    } catch (error) {
      console.error("getList error:", error);
    }
  }

+  async function decrementCartItem(id: number) {
+    try {
+      await useMyFetch(
+        `/api/public/user/cart/item/subtract/${id}/1`,
+        {
+          method: "PUT",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          onErrorOccured: (_, status) => {
+            throw new Error(`HTTP error: ${status}`);
+          },
+        }
+      );
+
+      getCart();
+    } catch (error) {
+      console.error("removeFromCart error:", error);
+    }
+  }
+
+  async function deleteCartItem(id: number) {
+    try {
+      await useMyFetch(
+        `/api/public/user/cart/item/${id}`,
+        {
+          method: "DELETE",
+          headers: {
+            "Content-Type": "application/json",
+          },
+          onErrorOccured: (_, status) => {
+            throw new Error(`HTTP error: ${status}`);
+          },
+        }
+      );
+
+      getCart();
+    } catch (error) {
+      console.error("removeFromCart error:", error);
+    }
+  }
+
  const cart = ref({} as UserCart);
  async function getCart() {
    try {
@ -93,10 +138,6 @@ export const useProductStore = defineStore("productStore", () => {
        }
      );

-      // if (!res.ok) {
-      //   throw new Error(`HTTP error: ${res.status}`);
-      // }
-
      cart.value = data;
    } catch (error) {
      console.error("getList error:", error);
@ -106,9 +147,12 @@ export const useProductStore = defineStore("productStore", () => {
  return {
    productList,
    modules,
+    cart,
    getList,
    getModules,
-    addToCart,
-    // getCart,
+    incrementCartItem,
+    decrementCartItem,
+    deleteCartItem,
+    getCart,
  };
 });