adata-ui 2.0.26 → 2.0.28

package/components/navigation/footer/NewFooter.vue

@@ -1,277 +0,0 @@
-<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 NewFooterAccordion from '#adata-ui/components/navigation/footer/ui/new-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'
-
-const year = new Date().getFullYear()
-const { t, locale } = useI18n()
-const { myLayer } = useAppConfig()
-
-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 = {
-  services: {
-    title: 'footer.services',
-    items: [
-      [
-        {
-          title: 'footer.counterparties.title',
-          link: buildLocalizedUrl(locale.value, myLayer.pkUrl, ''),
-        },
-        {
-          title: 'footer.fines.title',
-          link: buildLocalizedUrl(locale.value, myLayer.avtoUrl, PAGES.fines.main),
-        },
-        {
-          title: 'footer.work.title',
-          link: myLayer.workUrl + PAGES.work.vacancy,
-        },
-        {
-          title: 'footer.analytics.title',
-          link: buildLocalizedUrl(locale.value, 'https://analytics-new.adata.kz', PAGES.analytics.main),
-        },
-        {
-          title: 'footer.tenders.title',
-          link: myLayer.tenderUrl + PAGES.tender.main,
-        }
-      ],
-      [
-        {
-          title: 'footer.compliance.title',
-          link: myLayer?.complianceUrl + PAGES.compliance.l,
-          isNew: true
-        },
-        {
-          title: 'header.products.edo.label',
-          link: (myLayer?.edoUrl ?? 'https://edo.adata.kz') + PAGES.edo.l,
-          isNew: true
-        },
-        {
-          title: 'footer.fea.title',
-          link: buildLocalizedUrl(locale.value, myLayer.tnvedUrl, PAGES.fea.main),
-          isNew: true
-        },
-      ]
-    ]
-  },
-  useful: {
-    title: 'footer.useful',
-    link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.usefulMain),
-    items: [
-      [
-        {
-          title: 'footer.info.api',
-          link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.apiDescription),
-        },
-        {
-          title: 'footer.info.userAgreement',
-          link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.userAgreement),
-        },
-        {
-          title: 'footer.info.privacyPolicy',
-          link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.privacy),
-        },
-        {
-          title: 'footer.info.vacancy',
-          link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.vacancy),
-        },
-        {
-          title: 'footer.info.counterparty',
-          link: buildLocalizedUrl(locale.value, myLayer.pkUrl, PAGES.pk.counterparty),
-        },
-      ]
-    ]
-  }
-}
-
-const contactLinks = {
-  title: 'footer.contacts.title',
-  link: buildLocalizedUrl(locale.value, myLayer.landingUrl, PAGES.contacts),
-  items: [
-    {
-      title: '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: '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"
-          >
-            <new-footer-accordion
-              :label="t(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(/\/$/, '')"
-          >
-            {{ t(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>{{ t(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>

package/components/navigation/footer/ui/footer-acccordion.vue

@@ -1,119 +0,0 @@
-<script setup lang="ts">
-import {useAdaptive} from "#adata-ui/composables/useAdaptive";
-
-interface Item {
-  title: string
-  link: string
-}
-
-interface Props {
-  label: string
-  link: string
-  content: Item[]
-}
-
-defineProps<Props>()
-
-const { t } = useI18n()
-
-const device = useAdaptive()
-const open = ref(false)
-function toFinalValues(el: HTMLDivElement) {
-  el.style.height = el.scrollHeight + 'px'
-  el.style.opacity = '1'
-}
-
-function onAfterEnter(el: HTMLDivElement) {
-  el.style.height = ''
-}
-
-const filterCheck = computed(()=>{
-  if (open.value){
-    return open.value
-  } else {
-    return open.value = !device.value.isMobile
-  }
-})
-</script>
-
-<template>
-  <div class="flex flex-col ">
-    <div
-      class="flex gap-2 justify-between "
-    >
-      <nuxt-link-locale class="text-sm" :to="link">
-        {{ label }}
-      </nuxt-link-locale>
-
-
-      <div
-        class="transition-all lg:hidden cursor-pointer"
-        :class="{'rotate-180': open}"
-        @click="open =!open"
-      >
-        <a-icon-chevron-down
-          v-if="content.length"
-          filled
-          :font-controlled="false"
-          class="w-6 h-6  "
-        />
-      </div>
-    </div>
-    <transition
-      name="accordion"
-      @enter="toFinalValues"
-      @after-enter="onAfterEnter"
-      @before-leave="toFinalValues"
-    >
-      <div
-        v-if="filterCheck"
-        class="mt-2 flex flex-col gap-2"
-      >
-        <nuxt-link-locale
-          v-for="(item,idx) in content"
-          :key="idx"
-          class="text-xs"
-          :to="item.link.replace(/\/$/, '')"
-        >
-          {{ t(item.title) }}
-        </nuxt-link-locale>
-      </div>
-    </transition>
-  </div>
-</template>
-
-<style scoped>
-.accordion-enter-active,
-.accordion-leave-active {
-  overflow: hidden;
-  transition: height 0.3s ease,
-  opacity 0.3s ease,
-  margin 0.3s ease;
-
-}
-
-.accordion-enter-from,
-.accordion-leave-to {
-  height: 0 !important;
-  opacity: 0 !important;
-  margin: 0 !important;
-}
-
-</style>
-
-<!--          <div-->
-<!--            class="text-sm font-semibold-->
-<!--                   cursor-pointer"-->
-<!--          >-->
-<!--            {{ link.title }}-->
-<!--          </div>-->
-<!--          <div class="flex flex-col gap-2">-->
-<!--            <nuxt-link-->
-<!--              v-for="(item,idx) in link.items"-->
-<!--              :key="idx"-->
-<!--              class="text-xs"-->
-<!--              :to="item.link"-->
-<!--            >-->
-<!--              {{ item.title }}-->
-<!--            </nuxt-link>-->
-<!--          </div>-->

package/histoire.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'histoire'
-import { HstVue } from '@histoire/plugin-vue'
-import { HstNuxt } from '@histoire/plugin-nuxt'
-
-export default defineConfig({
-  plugins: [
-    HstVue(),
-    HstNuxt()
-  ]
-})