adata-ui 2.1.40-beta.9 → 2.1.40

package/components/navigation/footer/AFooter.vue

@@ -1,284 +1,283 @@
-<script setup lang="ts">
-import AdataLogo from '#adata-ui/icons/adata-logo.vue'
-import LinkedinIcon from '#adata-ui/icons/linkedin.vue'
-import YouTubeIcon from '#adata-ui/icons/socials/youtube.vue'
-import InstagramIcon from '#adata-ui/icons/socials/instagram.vue'
-import TelegramIcon from '#adata-ui/icons/socials/telegram.vue'
-import FaceBookIcon from '#adata-ui/icons/socials/face-book.vue'
-import TikTokIcon from '#adata-ui/icons/socials/tik-tok.vue'
-import AFooterAccordion from '#adata-ui/components/navigation/footer/ui/a-footer-accordion.vue'
-import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
-import { PAGES } from '#adata-ui/shared/constans/pages'
-import { AIconExpandWindow, AIconLocation, AIconMail, AIconPhone } from '#components'
-import { useUrls } from '#adata-ui/composables/useUrls'
-
-const year = new Date().getFullYear()
-const { t, locale } = useI18n()
-const urls = useUrls()
-
-const socialMedia = [
-  {
-    icon: LinkedinIcon,
-    link: 'https://www.linkedin.com/company/adata-kz/?viewAsMember=true',
-    name: 'Linkedin'
-  },
-  {
-    icon: YouTubeIcon,
-    link: 'https://www.youtube.com/channel/UCPkbtgwgTZbMJXjmTi3R8Uw/featured',
-    name: 'YouTube'
-  },
-  {
-    icon: InstagramIcon,
-    link: 'https://www.instagram.com/adata.kz/?igshid=253i4qxg3els',
-    name: 'Instagram'
-  },
-  {
-    icon: TelegramIcon,
-    link: 'https://t.me/adatakz_official',
-    name: 'Telegram'
-  },
-  {
-    icon: FaceBookIcon,
-    link: 'https://www.facebook.com/adata.kz',
-    name: 'Facebook'
-  },
-  {
-    icon: TikTokIcon,
-    link: 'https://www.tiktok.com/@adata.kz?lang=ru-RU',
-    name: 'Tiktok'
-  }
-]
-
-const mainLinks = computed(() => ({
-  services: {
-    title: t('footer.productsAndSolutions'),
-    link: buildLocalizedUrl(locale.value, urls.landing, PAGES.allServices),
-    items: [
-      [
-        {
-          title: t('footer.counterparties.title'),
-          link: buildLocalizedUrl(locale.value, urls.pk, ''),
-        },
-        {
-          title: t('footer.fines.title'),
-          link: buildLocalizedUrl(locale.value, urls.avto, PAGES.fines.main),
-        },
-        {
-          title: t('footer.work.title'),
-          link: urls.work + PAGES.work.vacancy,
-        },
-        {
-          title: t('footer.analytics.title'),
-          link: buildLocalizedUrl(locale.value, urls.analytics, PAGES.analytics.main),
-        },
-        {
-          title: t('footer.zakupki.title'),
-          link: urls.zakupki + PAGES.tender.main,
-          isNew: true
-        }
-      ],
-      [
-        {
-          title: t('footer.compliance.title'),
-          link: buildLocalizedUrl(locale.value, urls.compliance, PAGES.compliance.l),
-          isNew: true
-        },
-        {
-          title: t('header.products.edo.label'),
-          link: urls.edo_docs,
-          isNew: true
-        },
-        {
-          title: t('footer.fea.title'),
-          link: buildLocalizedUrl(locale.value, urls.tnved, PAGES.fea.main),
-          isNew: true
-        },
-      ]
-    ]
-  },
-  useful: {
-    title: t('footer.useful'),
-    link: buildLocalizedUrl(locale.value, urls.landing, PAGES.usefulMain),
-    items: [
-      [
-        {
-          title: t('footer.info.api'),
-          link: buildLocalizedUrl(locale.value, urls.landing, PAGES.apiDescription),
-        },
-        {
-          title: t('footer.info.userAgreement'),
-          link: buildLocalizedUrl(locale.value, urls.landing, PAGES.userAgreement),
-        },
-        {
-          title: t('footer.info.privacyPolicy'),
-          link: buildLocalizedUrl(locale.value, urls.landing, PAGES.privacy),
-        },
-        {
-          title: t('footer.info.vacancy'),
-          link: buildLocalizedUrl(locale.value, urls.landing, PAGES.vacancy),
-        },
-        {
-          title: t('footer.info.counterparty'),
-          link: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.counterparty),
-        },
-        {
-          title: t('footer.info.onlineServices'),
-          link: buildLocalizedUrl(locale.value, urls.pk, PAGES.services + '/taxpayer'),
-        },
-      ]
-    ]
-  }
-}))
-
-const contactLinks = computed(() => ({
-  title: t('footer.contacts.title'),
-  link: buildLocalizedUrl(locale.value, urls.landing, PAGES.contacts),
-  items: [
-    {
-      title: t('footer.contacts.address'),
-      link: 'https://go.2gis.com/30j2f',
-      startIcon: AIconLocation,
-      endIcon: null,
-    },
-    {
-      title: '+7 (747) 120 34 67',
-      link: 'tel:+77471203467',
-      startIcon: AIconPhone,
-      endIcon: null,
-    },
-    {
-      title: 'info@adata.kz',
-      link: 'mailto:info@adata.kz',
-      startIcon: AIconMail,
-      endIcon: null,
-    },
-    {
-      title: t('footer.contacts.goToChat'),
-      link: 'https://api.whatsapp.com/send?phone=77712289041',
-      startIcon: null,
-      endIcon: AIconExpandWindow,
-      class: 'font-bold',
-    },
-  ],
-}))
-
-</script>
-
-<template>
-  <footer
-    id="footer"
-    class="bg-deepblue-900 dark:bg-gray-900 py-4 lg:py-5 rounded-t-3xl"
-  >
-    <div class="a-container mobile-padding py-5 text-white flex flex-col lg:flex-row justify-between gap-8">
-      <div class="flex flex-col gap-8 justify-between">
-        <div class="flex flex-col gap-4">
-          <adata-logo
-            filled
-            :font-controlled="false"
-            class="shrink-0"
-          />
-
-          <p class="text-sm">
-            {{ t('footer.subtitle') }}
-          </p>
-
-          <div class="hidden lg:flex gap-8">
-            <nuxt-link
-              v-for="(social, idx) in socialMedia"
-              :key="idx"
-              target="_blank"
-              :to="social.link"
-              :aria-label="social.name"
-            >
-              <span class="visually-hidden"> {{ social.name }}</span>
-              <component
-                :is="social.icon"
-                filled
-                :font-controlled="false"
-                class="social-icon size-7"
-              />
-            </nuxt-link>
-          </div>
-        </div>
-
-        <p class="hidden lg:block text-[10px]">
-          {{ year }} © {{ t('footer.LLP') }} "Alldata"
-        </p>
-      </div>
-
-      <div class="flex gap-6 lg:gap-[75px] flex-col lg:flex-row">
-        <div class="flex gap-[18px] lg:gap-[75px] flex-col lg:flex-row">
-          <div
-            v-for="(item, idx) in mainLinks"
-            :key="idx"
-          >
-            <a-footer-accordion
-              :label="item.title"
-              :link="item?.link?.replace(/\/$/, '')"
-              :content="item.items"
-            />
-          </div>
-        </div>
-        <!--noindex-->
-        <div class="flex flex-col gap-2 items-start" data-nosnippet>
-          <nuxt-link
-            class="text-sm font-semibold pb-3 pr-4 border-b-[0.5px] border-white cursor-pointer"
-            :to="contactLinks.link?.replace(/\/$/, '')"
-          >
-            {{ contactLinks.title }}
-          </nuxt-link>
-
-          <div class="flex flex-col gap-3 lg:gap-2">
-            <div
-              v-for="(link, idx) in contactLinks.items"
-              :key="idx"
-              class="flex gap-2 items-center"
-            >
-              <nuxt-link
-                class="text-xs font-medium flex gap-2 items-center cursor-pointer"
-                :class="link.class"
-                :to="link.link?.replace(/\/$/, '')"
-              >
-                <component
-                  :is="link.startIcon"
-                  v-if="link.startIcon"
-                  class="size-4 shrink-0"
-                />
-
-                <p>{{ link.title }}</p>
-
-                <component
-                  :is="link.endIcon"
-                  v-if="link.endIcon"
-                  class="size-4 shrink-0"
-                />
-              </nuxt-link>
-            </div>
-          </div>
-        </div>
-        <!--/noindex-->
-      </div>
-
-      <div class="lg:hidden flex gap-8 flex-wrap">
-        <nuxt-link
-          v-for="(social, idx) in socialMedia"
-          :key="idx"
-          target="_blank"
-          :to="social.link"
-          :aria-label="social.name"
-        >
-          <component
-            :is="social.icon"
-            filled
-            :font-controlled="false"
-            class="social-icon size-7"
-          />
-        </nuxt-link>
-      </div>
-
-      <p class="lg:hidden text-[10px]">
-        {{ year }} © {{ t('footer.LLP') }} "Alldata"
-      </p>
-    </div>
-  </footer>
-</template>
+<script setup lang="ts">
+import AFooterAccordion from '#adata-ui/components/navigation/footer/ui/a-footer-accordion.vue'
+import { useUrls } from '#adata-ui/composables/useUrls'
+import AdataLogo from '#adata-ui/icons/adata-logo.vue'
+import LinkedinIcon from '#adata-ui/icons/linkedin.vue'
+import FaceBookIcon from '#adata-ui/icons/socials/face-book.vue'
+import InstagramIcon from '#adata-ui/icons/socials/instagram.vue'
+import TelegramIcon from '#adata-ui/icons/socials/telegram.vue'
+import TikTokIcon from '#adata-ui/icons/socials/tik-tok.vue'
+import YouTubeIcon from '#adata-ui/icons/socials/youtube.vue'
+import { PAGES } from '#adata-ui/shared/constans/pages'
+import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
+import { AIconExpandWindow, AIconLocation, AIconMail, AIconPhone } from '#components'
+
+const year = new Date().getFullYear()
+const { t, locale } = useI18n()
+const urls = useUrls()
+
+const socialMedia = [
+  {
+    icon: LinkedinIcon,
+    link: 'https://www.linkedin.com/company/adata-kz/?viewAsMember=true',
+    name: 'Linkedin',
+  },
+  {
+    icon: YouTubeIcon,
+    link: 'https://www.youtube.com/channel/UCPkbtgwgTZbMJXjmTi3R8Uw/featured',
+    name: 'YouTube',
+  },
+  {
+    icon: InstagramIcon,
+    link: 'https://www.instagram.com/adata.kz/?igshid=253i4qxg3els',
+    name: 'Instagram',
+  },
+  {
+    icon: TelegramIcon,
+    link: 'https://t.me/adatakz_official',
+    name: 'Telegram',
+  },
+  {
+    icon: FaceBookIcon,
+    link: 'https://www.facebook.com/adata.kz',
+    name: 'Facebook',
+  },
+  {
+    icon: TikTokIcon,
+    link: 'https://www.tiktok.com/@adata.kz?lang=ru-RU',
+    name: 'Tiktok',
+  },
+]
+
+const mainLinks = computed(() => ({
+  services: {
+    title: t('footer.productsAndSolutions'),
+    link: buildLocalizedUrl(locale.value, urls.landing, PAGES.allServices),
+    items: [
+      [
+        {
+          title: t('footer.counterparties.title'),
+          link: buildLocalizedUrl(locale.value, urls.pk, ''),
+        },
+        {
+          title: t('footer.fines.title'),
+          link: buildLocalizedUrl(locale.value, urls.avto, PAGES.fines.main),
+        },
+        {
+          title: t('footer.work.title'),
+          link: urls.work + PAGES.work.vacancy,
+        },
+        {
+          title: t('footer.analytics.title'),
+          link: buildLocalizedUrl(locale.value, urls.analytics, PAGES.analytics.main),
+        },
+        {
+          title: t('footer.zakupki.title'),
+          link: urls.zakupki + PAGES.tender.main,
+          isNew: true,
+        },
+      ],
+      [
+        {
+          title: t('footer.compliance.title'),
+          link: buildLocalizedUrl(locale.value, urls.compliance, PAGES.compliance.l),
+          isNew: true,
+        },
+        {
+          title: t('header.products.edo.label'),
+          link: urls.edo_docs,
+          isNew: true,
+        },
+        {
+          title: t('footer.fea.title'),
+          link: buildLocalizedUrl(locale.value, urls.tnved, PAGES.fea.main),
+          isNew: true,
+        },
+      ],
+    ],
+  },
+  useful: {
+    title: t('footer.useful'),
+    link: buildLocalizedUrl(locale.value, urls.landing, PAGES.usefulMain),
+    items: [
+      [
+        {
+          title: t('footer.info.api'),
+          link: buildLocalizedUrl(locale.value, urls.landing, PAGES.apiDescription),
+        },
+        {
+          title: t('footer.info.userAgreement'),
+          link: buildLocalizedUrl(locale.value, urls.landing, PAGES.userAgreement),
+        },
+        {
+          title: t('footer.info.privacyPolicy'),
+          link: buildLocalizedUrl(locale.value, urls.landing, PAGES.privacy),
+        },
+        {
+          title: t('footer.info.vacancy'),
+          link: buildLocalizedUrl(locale.value, urls.landing, PAGES.vacancy),
+        },
+        {
+          title: t('footer.info.counterparty'),
+          link: buildLocalizedUrl(locale.value, urls.pk, PAGES.pk.counterparty),
+        },
+        {
+          title: t('footer.info.onlineServices'),
+          link: buildLocalizedUrl(locale.value, urls.pk, `${PAGES.services}/taxpayer`),
+        },
+      ],
+    ],
+  },
+}))
+
+const contactLinks = computed(() => ({
+  title: t('footer.contacts.title'),
+  link: buildLocalizedUrl(locale.value, urls.landing, PAGES.contacts),
+  items: [
+    {
+      title: t('footer.contacts.address'),
+      link: 'https://go.2gis.com/30j2f',
+      startIcon: AIconLocation,
+      endIcon: null,
+    },
+    {
+      title: '+7 (747) 120 34 67',
+      link: 'tel:+77471203467',
+      startIcon: AIconPhone,
+      endIcon: null,
+    },
+    {
+      title: 'info@adata.kz',
+      link: 'mailto:info@adata.kz',
+      startIcon: AIconMail,
+      endIcon: null,
+    },
+    {
+      title: t('footer.contacts.goToChat'),
+      link: 'https://api.whatsapp.com/send?phone=77712289041',
+      startIcon: null,
+      endIcon: AIconExpandWindow,
+      class: 'font-bold',
+    },
+  ],
+}))
+</script>
+
+<template>
+  <footer
+    id="footer"
+    class="rounded-t-2xl bg-deepblue-900 py-4 dark:bg-gray-900 lg:py-5"
+  >
+    <div class="a-container mobile-padding flex flex-col justify-between gap-8 py-5 text-white lg:flex-row">
+      <div class="flex flex-col justify-between gap-8">
+        <div class="flex flex-col gap-4">
+          <adata-logo
+            filled
+            :font-controlled="false"
+            class="shrink-0"
+          />
+
+          <p class="text-body-md">
+            {{ t('footer.subtitle') }}
+          </p>
+
+          <div class="hidden gap-8 lg:flex">
+            <nuxt-link
+              v-for="(social, idx) in socialMedia"
+              :key="idx"
+              target="_blank"
+              :to="social.link"
+              :aria-label="social.name"
+            >
+              <span class="visually-hidden"> {{ social.name }}</span>
+              <component
+                :is="social.icon"
+                filled
+                :font-controlled="false"
+                class="social-icon size-7"
+              />
+            </nuxt-link>
+          </div>
+        </div>
+
+        <p class="hidden text-body-sm lg:block">
+          {{ year }} © {{ t('footer.LLP') }} "Alldata"
+        </p>
+      </div>
+
+      <div class="flex flex-col gap-6 lg:flex-row lg:gap-[75px]">
+        <div class="flex flex-col gap-[18px] lg:flex-row lg:gap-[75px]">
+          <div
+            v-for="(item, idx) in mainLinks"
+            :key="idx"
+          >
+            <a-footer-accordion
+              :label="item.title"
+              :link="item?.link?.replace(/\/$/, '')"
+              :content="item.items"
+            />
+          </div>
+        </div>
+        <!-- noindex -->
+        <div class="flex flex-col items-start gap-2" data-nosnippet>
+          <nuxt-link
+            class="cursor-pointer border-b-[0.5px] border-white pb-3 pr-4 text-body-md-strong"
+            :to="contactLinks.link?.replace(/\/$/, '')"
+          >
+            {{ contactLinks.title }}
+          </nuxt-link>
+
+          <div class="flex flex-col gap-3 lg:gap-2">
+            <div
+              v-for="(link, idx) in contactLinks.items"
+              :key="idx"
+              class="flex items-center gap-2"
+            >
+              <nuxt-link
+                class="flex cursor-pointer items-center gap-2 text-body-sm-medium"
+                :class="link.class"
+                :to="link.link?.replace(/\/$/, '')"
+              >
+                <component
+                  :is="link.startIcon"
+                  v-if="link.startIcon"
+                  class="size-4 shrink-0"
+                />
+
+                <p>{{ link.title }}</p>
+
+                <component
+                  :is="link.endIcon"
+                  v-if="link.endIcon"
+                  class="size-4 shrink-0"
+                />
+              </nuxt-link>
+            </div>
+          </div>
+        </div>
+        <!-- /noindex -->
+      </div>
+
+      <div class="flex flex-wrap gap-8 lg:hidden">
+        <nuxt-link
+          v-for="(social, idx) in socialMedia"
+          :key="idx"
+          target="_blank"
+          :to="social.link"
+          :aria-label="social.name"
+        >
+          <component
+            :is="social.icon"
+            filled
+            :font-controlled="false"
+            class="social-icon size-7"
+          />
+        </nuxt-link>
+      </div>
+
+      <p class="text-body-sm lg:hidden">
+        {{ year }} © {{ t('footer.LLP') }} "Alldata"
+      </p>
+    </div>
+  </footer>
+</template>