adata-ui 2.1.40-beta.2 → 2.1.40-beta.20

package/components/navigation/header/AlmatyContacts.vue

@@ -1,145 +1,145 @@
-<template>
-  <!--noindex-->
-  <div class="h-[272px]" data-nosnippet>
-    <h2 class="heading-02 mb-4">
-      {{ t('header.contacts.almaty.title') }}
-    </h2>
-    <div class="flex gap-10">
-      <div class="flex flex-col gap-4">
-        <div
-          v-for="item in AlmatyItems.slice(0,3)"
-          class="flex flex-col gap-2 "
-        >
-          <div class="heading-04">
-            {{ item.title }}
-          </div>
-          <a
-            class="flex items-center gap-1 text-deepblue-900 dark:text-white"
-            :href="item.to"
-          >
-            <component
-              :is="item.icon"
-              class="shrink-0"
-            />
-            <div class=" body-400">
-              {{ item.subtitle }}
-            </div>
-          </a>
-        </div>
-      </div>
-      <div class="flex flex-col gap-2 2xl:gap-4">
-        <div class="flex flex-col gap-4 h-full justify-between">
-          <div class="flex flex-col gap-2 ">
-            <div class="heading-04">
-              {{ t('header.contacts.almaty.contactUs.title') }}
-            </div>
-            <div class="grid grid-cols-[repeat(auto-fit,minmax(140px,1fr))] max-w-[484px] gap-x-8 gap-y-2">
-              <a
-                v-for="link in newContacts"
-                :key="link.subtitle"
-                class="flex 2xl:items-center gap-1 text-deepblue-900 dark:text-white"
-                :href="link.to"
-                :target="link.icon === Whatsapp ? '_blank' : '_self'"
-              >
-                <component :is="link.icon" />
-                <div class="body-400 line-clamp-1">
-                  {{ link.subtitle }}
-                </div>
-              </a>
-            </div>
-          </div>
-          <div class="flex flex-col gap-2 ">
-            <div class="heading-04 whitespace-nowrap">
-              {{ t('header.contacts.almaty.support.title') }}
-            </div>
-            <div class="flex flex-col lg:gap-y-5">
-              <a
-                v-for="link in technicalSupport"
-                :key="link.subtitle"
-                class="flex 2xl:items-center gap-1 text-deepblue-900 dark:text-white"
-                :href="link.to"
-                target="_blank"
-              >
-                <div class="body-400 line-clamp-1 text-blue-600">
-                  {{ link.subtitle }}
-                </div>
-                <component
-                  :is="link.icon"
-                  class="stroke-blue-600"
-                />
-              </a>
-            </div>
-          </div>
-        </div>
-      </div>
-<!--      Here is the financial department-->
-<!--      <div class="flex flex-col gap-2 self-end">-->
-<!--        <div class="heading-04 whitespace-nowrap">-->
-<!--          {{ t('header.contacts.almaty.financeDep.title') }}-->
-<!--        </div>-->
-<!--        <nuxt-link-->
-<!--          class="flex gap-1 items-center"-->
-<!--          to="https://api.whatsapp.com/send?phone=77713954561"-->
-<!--          target="_blank"-->
-<!--        >-->
-<!--          <div class="body-400 line-clamp-1 text-blue-600">-->
-<!--            {{ t('header.contacts.almaty.financeDep.linkTitle') }}-->
-<!--          </div>-->
-<!--          <a-icon-expand-window class="stroke-blue-600"/>-->
-<!--        </nuxt-link>-->
-<!--      </div>-->
-    </div>
-  </div>
-  <!--/noindex-->
-</template>
-
-<script setup lang="ts">
-
-import Location from "#adata-ui/icons/location.vue";
-import Mail from "#adata-ui/icons/mail.vue";
-import Clock from "#adata-ui/icons/clock.vue";
-import Whatsapp from "#adata-ui/icons/whatsapp.vue";
-import Phone from "#adata-ui/icons/phone.vue";
-import ExpandWindow from "#adata-ui/icons/expand-window.vue";
-import {useContacts} from "#adata-ui/composables/projectState";
-
-const {t} = useI18n()
-const contacts = useContacts()
-const AlmatyItems = computed(() => ([
-  {
-    title: t('header.contacts.almaty.adress.title'),
-    subtitle: t('header.contacts.almaty.adress.subtitle'),
-    icon: Location,
-    to: 'https://yandex.kz/maps/ru/org/avrora_kholding/1099794306/?ll=76.912479%2C43.208928&z=17.72'
-  },
-  {
-    title: t('header.contacts.almaty.email.title'),
-    subtitle: 'info@adata.kz',
-    icon: Mail,
-    to: 'mailto:info@adata.kz'
-  },
-  {
-    title: t('header.contacts.almaty.schedule.title'),
-    subtitle: t('header.contacts.almaty.schedule.subtitle'),
-    icon: Clock,
-  },
-]))
-
-const technicalSupport = computed(() => ([
-  {
-    subtitle: t('header.contacts.almaty.support.linkTitle'),
-    icon: ExpandWindow,
-    to: "https://api.whatsapp.com/send/?phone=77712289041"
-  }
-]))
-
-const newContacts = computed(()=> contacts.value.map(item => ({
-  subtitle: item.contact,
-  icon: item.platform_code === 'telephone' ? Phone : Whatsapp,
-  to: item.platform_code === 'telephone' ? `tel:${item.contact}`
-    : `https://api.whatsapp.com/send/?phone=${item.contact.replace(/[^0-9]/g, '')}`
-})))
-</script>
-
-<style scoped>
-</style>
+<script setup lang="ts">
+import { useContacts } from '#adata-ui/composables/projectState'
+import Clock from '#adata-ui/icons/clock.vue'
+import ExpandWindow from '#adata-ui/icons/expand-window.vue'
+import Location from '#adata-ui/icons/location.vue'
+import Mail from '#adata-ui/icons/mail.vue'
+import Phone from '#adata-ui/icons/phone.vue'
+import Whatsapp from '#adata-ui/icons/whatsapp.vue'
+
+const { t } = useI18n()
+const contacts = useContacts()
+const AlmatyItems = computed(() => ([
+  {
+    title: t('header.contacts.almaty.adress.title'),
+    subtitle: t('header.contacts.almaty.adress.subtitle'),
+    icon: Location,
+    to: 'https://yandex.kz/maps/ru/org/avrora_kholding/1099794306/?ll=76.912479%2C43.208928&z=17.72',
+  },
+  {
+    title: t('header.contacts.almaty.email.title'),
+    subtitle: 'info@adata.kz',
+    icon: Mail,
+    to: 'mailto:info@adata.kz',
+  },
+  {
+    title: t('header.contacts.almaty.schedule.title'),
+    subtitle: t('header.contacts.almaty.schedule.subtitle'),
+    icon: Clock,
+  },
+]))
+
+const technicalSupport = computed(() => ([
+  {
+    subtitle: t('header.contacts.almaty.support.linkTitle'),
+    icon: ExpandWindow,
+    to: 'https://api.whatsapp.com/send/?phone=77712289041',
+  },
+]))
+
+const newContacts = computed(() => contacts.value.map(item => ({
+  subtitle: item.contact,
+  icon: item.platform_code === 'telephone' ? Phone : Whatsapp,
+  to: item.platform_code === 'telephone'
+    ? `tel:${item.contact}`
+    : `https://api.whatsapp.com/send/?phone=${item.contact.replace(/\D/g, '')}`,
+})))
+</script>
+
+<template>
+  <!-- noindex -->
+  <div class="h-[272px]" data-nosnippet>
+    <h2 class="mb-4 text-h2">
+      {{ t('header.contacts.almaty.title') }}
+    </h2>
+    <div class="flex gap-10">
+      <div class="flex flex-col gap-4">
+        <div
+          v-for="item in AlmatyItems.slice(0, 3)"
+          class="flex flex-col gap-2 "
+        >
+          <div class="text-h5">
+            {{ item.title }}
+          </div>
+          <a
+            class="flex items-center gap-1 text-deepblue-900 dark:text-white"
+            :href="item.to"
+          >
+            <component
+              :is="item.icon"
+              class="shrink-0"
+            />
+            <div class="text-body-md">
+              {{ item.subtitle }}
+            </div>
+          </a>
+        </div>
+      </div>
+      <div class="flex flex-col gap-2 2xl:gap-4">
+        <div class="flex h-full flex-col justify-between gap-4">
+          <div class="flex flex-col gap-2 ">
+            <div class="text-h5">
+              {{ t('header.contacts.almaty.contactUs.title') }}
+            </div>
+            <div class="grid max-w-[484px] grid-cols-[repeat(auto-fit,minmax(140px,1fr))] gap-x-8 gap-y-2">
+              <a
+                v-for="link in newContacts"
+                :key="link.subtitle"
+                class="flex gap-1 text-deepblue-900 dark:text-white 2xl:items-center"
+                :href="link.to"
+                :target="link.icon === Whatsapp ? '_blank' : '_self'"
+              >
+                <component :is="link.icon" />
+                <div class="line-clamp-1 text-body-md">
+                  {{ link.subtitle }}
+                </div>
+              </a>
+            </div>
+          </div>
+          <div class="flex flex-col gap-2 ">
+            <div class="whitespace-nowrap text-h5">
+              {{ t('header.contacts.almaty.support.title') }}
+            </div>
+            <div class="flex flex-col lg:gap-y-5">
+              <a
+                v-for="link in technicalSupport"
+                :key="link.subtitle"
+                class="flex gap-1 text-deepblue-900 dark:text-white 2xl:items-center"
+                :href="link.to"
+                target="_blank"
+              >
+                <div class="line-clamp-1 text-body-md text-blue-600">
+                  {{ link.subtitle }}
+                </div>
+                <component
+                  :is="link.icon"
+                  class="stroke-blue-600"
+                />
+              </a>
+            </div>
+          </div>
+        </div>
+      </div>
+      <!--      Here is the financial department -->
+      <!--      <div class="flex flex-col gap-2 self-end"> -->
+      <!--        <div class="heading-04 whitespace-nowrap"> -->
+      <!--          {{ t('header.contacts.almaty.financeDep.title') }} -->
+      <!--        </div> -->
+      <!--        <nuxt-link -->
+      <!--          class="flex gap-1 items-center" -->
+      <!--          to="https://api.whatsapp.com/send?phone=77713954561" -->
+      <!--          target="_blank" -->
+      <!--        > -->
+      <!--          <div class="body-400 line-clamp-1 text-blue-600"> -->
+      <!--            {{ t('header.contacts.almaty.financeDep.linkTitle') }} -->
+      <!--          </div> -->
+      <!--          <a-icon-expand-window class="stroke-blue-600"/> -->
+      <!--        </nuxt-link> -->
+      <!--      </div> -->
+    </div>
+  </div>
+  <!-- /noindex -->
+</template>
+
+<style scoped>
+</style>

package/components/navigation/header/AstanaContacts.vue

@@ -1,67 +1,67 @@
-<template>
-  <!--noindex-->
-  <div class="h-[272px]" data-nosnippet>
-    <h2 class="heading-02 mb-4">
-      {{ t('header.contacts.astana.title') }}
-    </h2>
-    <div class="grid grid-cols-2 gap-5 ">
-      <div class="xl:grid grid-cols-2 grid-rows-3 flex flex-wrap gap-4 ">
-        <div v-for="(item, index) in AstanaItems" class="flex flex-col gap-2 " :class="{'col-span-2':index===0 }">
-          <div class="heading-04">
-            {{ item.title }}
-          </div>
-          <a
-            class="flex items-center gap-1 text-deepblue-900 dark:text-white"
-            :href="item?.to"
-            :target="item.icon === Whatsapp ? '_blank' : '_self'"
-          >
-            <component :is="item.icon"/>
-            <div class=" body-400">
-              {{ item.subtitle }}
-            </div>
-          </a>
-        </div>
-      </div>
-    </div>
-  </div>
-  <!--/noindex-->
-</template>
-
-<script setup lang="ts">
-
-import Location from "#adata-ui/icons/location.vue";
-import Mail from "#adata-ui/icons/mail.vue";
-import Clock from "#adata-ui/icons/clock.vue";
-import Whatsapp from "#adata-ui/icons/whatsapp.vue";
-
-const {t} = useI18n()
-const AstanaItems = computed(() => ([
-  {
-    title: t('header.contacts.astana.adress.title'),
-    subtitle: t('header.contacts.astana.adress.subtitle'),
-    icon: Location,
-    to: 'https://yandex.kz/maps/ru/org/adata_consulting/214484722242/?ll=71.429573%2C51.131319&z=20.56'
-  },
-  {
-    title: t('header.contacts.astana.email.title'),
-    subtitle: 'info@adata-c.kz',
-    icon: Mail,
-    to: 'mailto:info@adata-c.kz'
-  },
-  {
-    title: t('header.contacts.astana.schedule.title'),
-    subtitle: t('header.contacts.astana.schedule.subtitle'),
-    icon: Clock,
-  },
-  {
-    title: t('header.contacts.astana.sellDep.title'),
-    subtitle: '+7 700 744 00 10',
-    icon: Whatsapp,
-    to: "https://api.whatsapp.com/send/?phone=77007440010"
-  },
-]))
-</script>
-
-<style scoped>
-
-</style>
+<template>
+  <!--noindex-->
+  <div class="h-[272px]" data-nosnippet>
+    <h2 class="heading-02 mb-4">
+      {{ t('header.contacts.astana.title') }}
+    </h2>
+    <div class="grid grid-cols-2 gap-5 ">
+      <div class="xl:grid grid-cols-2 grid-rows-3 flex flex-wrap gap-4 ">
+        <div v-for="(item, index) in AstanaItems" class="flex flex-col gap-2 " :class="{'col-span-2':index===0 }">
+          <div class="heading-04">
+            {{ item.title }}
+          </div>
+          <a
+            class="flex items-center gap-1 text-deepblue-900 dark:text-white"
+            :href="item?.to"
+            :target="item.icon === Whatsapp ? '_blank' : '_self'"
+          >
+            <component :is="item.icon"/>
+            <div class=" body-400">
+              {{ item.subtitle }}
+            </div>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!--/noindex-->
+</template>
+
+<script setup lang="ts">
+
+import Location from "#adata-ui/icons/location.vue";
+import Mail from "#adata-ui/icons/mail.vue";
+import Clock from "#adata-ui/icons/clock.vue";
+import Whatsapp from "#adata-ui/icons/whatsapp.vue";
+
+const {t} = useI18n()
+const AstanaItems = computed(() => ([
+  {
+    title: t('header.contacts.astana.adress.title'),
+    subtitle: t('header.contacts.astana.adress.subtitle'),
+    icon: Location,
+    to: 'https://yandex.kz/maps/ru/org/adata_consulting/214484722242/?ll=71.429573%2C51.131319&z=20.56'
+  },
+  {
+    title: t('header.contacts.astana.email.title'),
+    subtitle: 'info@adata-c.kz',
+    icon: Mail,
+    to: 'mailto:info@adata-c.kz'
+  },
+  {
+    title: t('header.contacts.astana.schedule.title'),
+    subtitle: t('header.contacts.astana.schedule.subtitle'),
+    icon: Clock,
+  },
+  {
+    title: t('header.contacts.astana.sellDep.title'),
+    subtitle: '+7 700 744 00 10',
+    icon: Whatsapp,
+    to: "https://api.whatsapp.com/send/?phone=77007440010"
+  },
+]))
+</script>
+
+<style scoped>
+
+</style>