change footer information, add lei certificate

components/section/FooterBlock.vue

@@ -3,12 +3,19 @@
     <UiContainer class="flex flex-col gap-24">
       <div
         class="grid grid-cols-1 md:grid-cols-2 gap-[75px] xl:gap-0 xl:grid-cols-none xl:grid-flow-col auto-cols-max justify-between">
-        <div v-if="component.front_section_lang" v-for="(item, index) in component.front_section_lang[0].data"
-          :key="index" class="flex flex-col gap-[25px] sm:gap-8 max-w-[280px]">
-          <h3 class="h4-uppercase-bold-inter">{{ item.title }}</h3>
-          <div class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all text-inter"
-            v-for="(el, indexEl) in item.children" :key="indexEl">
-            {{ el.title }}
+        <div>
+          <div v-for="(item, key) in contact" :key="key" class="flex flex-col gap-[25px] sm:gap-8 max-w-[280px]">
+            <h3 v-if="key == 'header'" class="h4-uppercase-bold-inter">{{ item }}</h3>
+            <div v-else class="transition-all text-inter">{{ item }}</div>
+          </div>
+        </div>
+
+        <div v-for="(section, index) in docs" :key="index" class="flex flex-col gap-[25px] sm:gap-8 max-w-[280px]">
+          <h3 class="h4-uppercase-bold-inter">{{ section.translation }}</h3>
+          <div v-for="(item, key) in section.data" :key="key">
+            <div class="cursor-pointer hover:text-text-light/80 dark:hover:text-text-dark/70 transition-all text-inter">
+              <a target="_blank" :href="`/api/public/document/${item.name}`">{{ item.translation }}</a>
+            </div>
           </div>
         </div>
       </div>
@@ -22,38 +29,17 @@
 </template>
 
 <script lang="ts" setup>
-defineProps<{
-  component: {
-    id: number
-    name: string
-    img: string[]
-    component_name: string
-    is_no_lang: boolean
-    page_name: string
-    front_section_lang: {
-      data: {
-        title: string
-        children: {
-          title: string
-          value: 'email' | 'address' | 'certificate' | 'document' | 'form' | 'info'
-          link?: string
-        }[]
-      }[]
-      id_front_section: number
-      id_lang: number
-    }[]
-  }
-}>();
+import type { GenericResponse, Footer } from '~/types';
 
 const menuStore = useMenuStore();
 const colorMode = useColorMode();
 
-const isDark = computed({
-  get() {
-    return colorMode.value === "dark";
-  },
-  set(_isDark) {
-    colorMode.preference = _isDark ? "dark" : "light";
-  },
-});
+const { data } = await useMyFetch<GenericResponse<Footer>>('/api/public/front/footer', {});
+
+
+const contact = ref(data.data.contact)
+const docs = ref(data.data.docs)
+
+
+const isDark = computed(() => colorMode.value === "dark");
 </script>

stores/menuStore.ts

@@ -155,6 +155,9 @@ export const useMenuStore = defineStore("menuStore", () => {
       link: [
         // { rel: "manifest", href: "/api/manifest.json" }
       ],
+      script:[
+        {src:"https://leiadmin.com/leitag.js?lei=894500UT83EISNNA8D04&color=dark"}
+      ],
       meta: [
         {
           hid: "description",

types/footer.ts

@@ -0,0 +1,26 @@
+export interface Footer {
+    data: {
+        contact: Contact
+        docs: FooterDoc[]
+    }
+    id: number
+    name: string
+}
+
+export interface Contact {
+    header: string
+    ownerAddress: string
+    ownerMail: string
+}
+
+export interface FooterDoc {
+    footer_section: string
+    translation: string
+    data: FooterPdf[]
+}
+
+export interface FooterPdf {
+    name: string
+    translation: string
+    guest_avaliable: boolean
+}

types/index.ts

@@ -125,4 +125,5 @@ export type {
   PeriodToFirstPiece,
 } from "./planPrediction";
 export type { Product } from "./product";
-export type { FrontMenu, FrontMenuLang, UIFrontMenu } from "./frontMenu";
+export type { FrontMenu, FrontMenuLang, UIFrontMenu } from "./frontMenu";
+export type {Contact, Footer, FooterDoc, FooterPdf} from './footer'