adata-ui 0.3.99 → 2.0.0

package/components/modals/AnotherDeviceModal.vue

@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import { useAnotherDeviceModal } from '#adata-ui/composables/modalsState'
+const { t, locale } = useI18n()
+const localePath = useLocalePath()
+
+const isOpen = useAnotherDeviceModal()
+const { myLayer }: any = useAppConfig()
+
+function onClose() {
+  isOpen.value = false
+  return navigateTo(localePath('/'))
+}
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    :title="t('modals.another_device_modal.title')"
+    @close="onClose"
+  >
+    <div class="flex flex-col items-center justify-center gap-5">
+      <a-ill-phone-check />
+      <p class="body-400 text-center">
+        {{ t('modals.another_device_modal.info') }}
+      </p>
+      <div
+        class="body-400 flex gap-2 rounded-lg border border-red-500 dark:border-red-400 bg-[#FDECEB] dark:bg-red-400/10 p-4 text-red-500 dark:text-red-400"
+      >
+        <a-icon-warning-triangle
+          class="shrink-0"
+          width="24"
+          height="24"
+        />
+        <p>
+          {{ t('modals.another_device_modal.alert') }}
+        </p>
+      </div>
+    </div>
+    <template #footer>
+      <div class="flex w-full gap-2">
+        <a-button
+          view="outline"
+          class="w-full"
+          @click="onClose"
+        >
+          {{ t('modals.buttons.close') }}
+        </a-button>
+        <a-button
+          class="w-full"
+          :to="buildLocalizedUrl(locale, myLayer.landingUrl)"
+        >
+          {{ t('modals.buttons.toMain') }}
+        </a-button>
+      </div>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped></style>

package/components/modals/ApplicationAcceptedModal.vue

@@ -0,0 +1,47 @@
+<script setup lang="ts">
+
+const { t } = useI18n()
+
+const isOpen = defineModel<boolean>({default: false})
+
+const cancel = () => {
+  isOpen.value = false
+}
+
+const modalText = {
+  title: t('modals.application_accepted_modal.title'),
+  info: t('modals.application_accepted_modal.info'),
+  close: t('modals.buttons.close'),
+}
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    name="application-accepted"
+    :prevent-close="true"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="text-center heading-02">
+        {{ modalText.title }}
+      </p>
+      <a-ill-ok class="w-full" />
+      <p class="text-center body-400">
+        {{ modalText.info }}
+      </p>
+    </div>
+    <template #footer>
+      <a-button
+        view="outline"
+        block
+        @click="cancel"
+      >
+        {{ modalText.close }}
+      </a-button>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped>
+
+</style>

package/components/modals/AuthModal.vue

@@ -0,0 +1,50 @@
+<script setup lang="ts">
+
+const {t} = useI18n()
+const isOpen = useAuthModal()
+const appConfig = useAppConfig()
+const loginUrl = appConfig.myLayer.loginUrl
+
+const emit = defineEmits<{
+  (e: 'close'): void
+}>()
+
+const goAuth = () => {
+  if (window) {
+    let fullPath = encodeURIComponent(window.location.toString())
+    if (fullPath.includes('basic-info')) {
+      fullPath = fullPath.replace('%2Fcounterparty%2Fmain', '').replace('%2Fbasic-info', '')
+    }
+    window.location.href = `${loginUrl}?url=${fullPath}`
+  }
+}
+
+const goRegister = () => {
+  if (window) {
+    let fullPath = encodeURIComponent(window.location.toString())
+    if (fullPath.includes('basic-info')) {
+      fullPath = fullPath.replace('%2Fcounterparty%2Fmain', '').replace('%2Fbasic-info', '')
+    }
+    window.location.href = `${loginUrl}register?url=${fullPath}`
+  }
+}
+</script>
+
+<template>
+  <a-modal v-model="isOpen" :title="t('modals.auth.title')" >
+    <div class="flex flex-col items-center gap-5 text-center text-sm">
+      <a-ill-door ></a-ill-door>
+      <div>{{ t('modals.auth.content') }}</div>
+      <a-button @click="goAuth" block variant="success">{{ t('modals.buttons.logIn') }}</a-button>
+      <div>{{ t('modals.auth.firstTime') }}</div>
+    </div>
+    <template #footer>
+      <div class="flex gap-2">
+        <a-button @click="$emit('close')" view="outline" block>{{ t('modals.buttons.close') }}</a-button>
+        <a-button @click="goRegister" block>{{ t('modals.buttons.register') }}</a-button>
+      </div>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped></style>

package/components/modals/ConnectingTariffModal.vue

@@ -0,0 +1,68 @@
+<script setup lang="ts">
+import { handleElementPosition } from '#adata-ui/utils/getMaxZindex'
+
+const props = withDefaults(
+  defineProps<{
+    tariff: string
+    deleteFromDom?: boolean
+
+  }>(),
+  {
+    tariff: '',
+    deleteFromDom: false,
+  },
+)
+const emit = defineEmits<{
+  (e: 'buyTariff', num: number): void
+}>()
+const { t } = useI18n()
+
+const isOpen = defineModel<boolean>({ default: false })
+function confirm() {
+  emit('buyTariff', props.tariff)
+}
+function cancel() {
+  isOpen.value = false
+}
+
+if (props.deleteFromDom) {
+  handleElementPosition('connecting-tariff')
+}
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    name="connecting-tariff"
+    :prevent-close="true"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="heading-02 text-center">
+        {{ t('modals.connecting.title') }}
+      </p>
+      <a-ill-turn-on-tariff class="w-full"/>
+      <p class="body-400 whitespace-pre-wrap text-center">
+        {{ t('modals.connecting.questions') }}
+      </p>
+    </div>
+
+    <template #footer>
+      <div class="flex gap-2 ">
+        <a-button
+          view="outline"
+          block
+          @click="cancel"
+        >
+          {{ t('modals.buttons.close') }}
+        </a-button>
+        <a-button block @click="confirm">
+          {{ t('reuse.yes') }}
+        </a-button>
+      </div>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped>
+
+</style>

package/components/modals/ContactsMobileModel.vue

@@ -0,0 +1,182 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+import IconLocation from '#adata-ui/icons/location.vue'
+import IconMail from '#adata-ui/icons/mail.vue'
+import IconClock from '#adata-ui/icons/clock.vue'
+import IconPhone from '#adata-ui/icons/phone.vue'
+import IconWhatsapp from '#adata-ui/icons/whatsapp.vue'
+import ExpandWindow from '#adata-ui/icons/expand-window.vue'
+
+type Emits = {
+  (e: 'pushMain'): void
+}
+const { t } = useI18n()
+const isOpen = ref(false)
+const tab = ref('allData')
+const emits = defineEmits<Emits>()
+
+const tabOptions = [
+  {
+    name: t('mobile_navigation.contacts.first_type'),
+    key: 'allData'
+  },
+  {
+    name: t('mobile_navigation.contacts.second_type'),
+    key: 'allDataConsulting'
+  }
+]
+const sideLinks = <any>{
+  allData: [
+    {
+      title: t('mobile_navigation.contacts.allData.address'),
+      info: [
+        {
+          label: t('mobile_navigation.contacts.allData.address_info'),
+          icon: IconLocation
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.email'),
+      info: [
+        {
+          label: 'info@adata.kz',
+          icon: IconMail,
+          to: 'mailto:info@adata.kz'
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.mode'),
+      info: [
+        {
+          label: t('mobile_navigation.contacts.allData.mode_info'),
+          icon: IconClock
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.sales_department'),
+      info: [
+        {
+          label: '+7 (771) 779 49 60',
+          icon: IconWhatsapp,
+          to: 'https://api.whatsapp.com/send/?phone=77717794960'
+        },
+        {
+          label: '+7 (747) 225 07 84',
+          icon: IconWhatsapp,
+          to: 'https://api.whatsapp.com/send/?phone=77472250784'
+        },
+        {
+          label: '+7 (771) 709 32 84',
+          icon: IconWhatsapp,
+          to: 'https://api.whatsapp.com/send/?phone=77717093284'
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.technical_support'),
+      info: [
+        {
+          label: t('mobile_navigation.contacts.allData.support_link_title'),
+          icon: ExpandWindow,
+          to: 'https://api.whatsapp.com/send/?phone=77712289041'
+        }
+      ]
+    }
+  ],
+  allDataConsulting: [
+    {
+      title: t('mobile_navigation.contacts.allData.address'),
+      info: [
+        {
+          label: t('header.contacts.astana.adress.subtitle'),
+          icon: IconLocation
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.email'),
+      info: [
+        {
+          label: 'info@adata-c.kz',
+          icon: IconMail,
+          to: 'mailto:info@adata-c.kz'
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.mode'),
+      info: [
+        {
+          label: t('header.contacts.astana.schedule.subtitle'),
+          icon: IconClock
+        }
+      ]
+    },
+    {
+      title: t('mobile_navigation.contacts.allData.sales_department'),
+      info: [
+        {
+          label: '+7 700 744 00 10',
+          icon: IconWhatsapp,
+          to: 'https://api.whatsapp.com/send/?phone=77007440010'
+        }
+      ]
+    }
+  ]
+}
+const currentInfo = ref(sideLinks.allData)
+
+watch(tab, (e) => {
+  if (e) {
+    currentInfo.value = sideLinks[e]
+  }
+})
+</script>
+
+<template>
+  <a-modal v-model="isOpen" :title="t('modals.mobile_navigation.type_contacts')">
+    <div class="flex flex-col gap-4">
+      <div class="h-[1px] w-full bg-deepblue-900/5" />
+      <div>
+        <a-pill-tabs v-model="tab" :options="tabOptions" view="gray" />
+      </div>
+      <div class="flex h-[40vh] flex-col gap-2 overflow-auto sm:h-[300px]">
+        <div v-for="items in currentInfo" :key="items.title" class="flex flex-col gap-2">
+          <p class="font-semibold">{{ items.title }}</p>
+          <div class="flex flex-wrap gap-4 text-sm">
+            <template v-for="item in items.info">
+              <a
+                v-if="item.to"
+                :href="item.to"
+                class="flex items-center gap-1 text-blue-700 dark:text-blue-500"
+              >
+                <component :is="item.icon" class="h-[16px] w-[16px] min-w-[16px]" />
+                {{ item.label }}
+              </a>
+              <div v-else class="flex items-center gap-1">
+                <component :is="item.icon" class="h-[16px] w-[16px] min-w-[16px]" />
+                {{ item.label }}
+              </div>
+            </template>
+          </div>
+        </div>
+      </div>
+      <div class="h-[1px] w-full bg-deepblue-900/5" />
+    </div>
+    <template #footer>
+      <nuxt-link
+        to="/"
+        @click="emits('pushMain')"
+        class="flex items-center gap-4 rounded-md bg-gray-50 px-4 py-3 dark:bg-gray-800"
+      >
+        <a-icon-menu />
+        {{ t('modals.mobile_navigation.return_button') }}
+      </nuxt-link>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped></style>

package/components/modals/ContentNavigationModal.vue

@@ -0,0 +1,282 @@
+<script setup lang="ts">
+
+import {ref} from "vue";
+import IconSearch from "#adata-ui/icons/search.vue";
+import {PAGES} from '#adata-ui/shared/constans/pages'
+import IconScales from "#adata-ui/icons/scales/scale.vue";
+import IconLink from "#adata-ui/icons/link-chain.vue";
+import IconUsers from "#adata-ui/icons/users.vue";
+import IconGlobe from "#adata-ui/icons/globe.vue";
+import IconBlock from "#adata-ui/icons/block.vue";
+import IconDollar from "#adata-ui/icons/currency/currency-dollar.vue";
+import IconDocument from "#adata-ui/icons/hdocument.vue";
+import IconArrowCircle from "#adata-ui/icons/arrow/arrow-circle-down.vue";
+import IconWork from "#adata-ui/icons/work-bag.vue";
+import IconFile from "#adata-ui/icons/file/file.vue";
+import IconCheck from "#adata-ui/icons/hcheck.vue";
+import IconCheckCircle from "#adata-ui/icons/check/check-circle.vue";
+import IconCar from "#adata-ui/icons/car.vue";
+import IconTruck from "#adata-ui/icons/truck.vue";
+import IconArrowGraph from "#adata-ui/icons/arrow/arrow-graph-up.vue";
+import IconCompany from "#adata-ui/icons/company.vue";
+import IconMedal from "#adata-ui/icons/medal.vue";
+import IconProfile from "#adata-ui/icons/profile.vue";
+import Connections from "#adata-ui/icons/sviazi.vue";
+import {useCurrentModule} from "#adata-ui/composables/projectState";
+import IconCalc from '#adata-ui/icons/calculator.vue'
+import { buildLocalizedUrl } from '#adata-ui/utils/localizedNavigation'
+import { AIconFiles } from '#components'
+type Emits = {
+  (e: 'pushMain'): void
+}
+const isOpen = ref(false)
+const tab = ref(useCurrentModule().value)
+const { myLayer }: any = useAppConfig()
+const { t } = useI18n()
+const emits = defineEmits<Emits>()
+
+
+const tabOptions = [
+  {
+    name: 'header.products.counterparties.label',
+    key: 'pk',
+  },
+  {
+    name: 'header.products.jobs.label',
+    key: 'work',
+  },
+  {
+    name: 'header.products.tenders.label',
+    key: 'tenders',
+  },
+  {
+    name: 'header.products.fines.label',
+    key: 'fines',
+  },
+  {
+    name: 'header.products.analytics.label',
+    key: 'analytics',
+  },
+  {
+    name: 'header.products.fea.label',
+    key: 'fea',
+  },
+  {
+    name: 'header.products.compliance.label',
+    key: 'compliance',
+  },
+  {
+    name: 'header.products.edo.label',
+    key: 'edo',
+  }
+]
+const sideLinks = <any>{
+  pk: [
+    {
+      icon: IconSearch,
+      label: 'header.products.counterparties.items.counterparty.title',
+      link: myLayer.pkUrl + PAGES.pk.main
+    },
+    {
+      icon: IconScales,
+      label: 'header.products.counterparties.items.compare.title',
+      link: myLayer.counterParty ?  myLayer.pkUrl + myLayer.counterParty + PAGES.pk.compare : myLayer.pkUrl + PAGES.pk.compare
+    },
+    {
+      icon: IconLink,
+      label: 'header.products.counterparties.items.networks.title',
+      link: myLayer.counterParty ?  myLayer.pkUrl + myLayer.counterParty + '/search-connections/check' : myLayer.pkUrl + PAGES.pk.connections
+    },
+    {
+      icon: IconUsers,
+      label: 'header.products.counterparties.items.wholesale.title',
+      link: myLayer.counterParty ?  myLayer.pkUrl + myLayer.counterParty + PAGES.pk.employees : myLayer.pkUrl + PAGES.pk.employees
+    },
+    {
+      icon: IconGlobe,
+      label: 'header.products.counterparties.items.foreign.title',
+      link: myLayer.pkUrl + PAGES.pk.foreign
+    },
+    {
+      icon: IconBlock,
+      label: 'header.products.counterparties.items.sanction.title',
+      link: myLayer.counterParty ?  myLayer.pkUrl + myLayer.counterParty + PAGES.pk.sanctions : myLayer.pkUrl + PAGES.pk.sanctions
+    },
+    {
+      icon: IconDollar,
+      label: 'header.products.counterparties.items.offshore.title',
+      link: myLayer.counterParty ?  myLayer.pkUrl + myLayer.counterParty + PAGES.pk.offshore : myLayer.pkUrl + PAGES.pk.offshore
+    },
+    // {
+    //   icon: IconDocument,
+    //   label: "Экспресс проверка",
+    //   link: "#"
+    // },
+    {
+      icon: IconArrowCircle,
+      label: 'header.products.counterparties.items.unloading.title',
+      link: myLayer.pkUrl + PAGES.pk.unload
+    }
+  ],
+  work: [
+    {
+      icon: IconWork,
+      label: 'header.products.jobs.items.vacancies.title',
+      link: myLayer.workUrl + PAGES.work.vacancy
+    },
+    {
+      icon: IconDocument,
+      label: 'header.products.jobs.items.resume.title',
+      link: myLayer.workUrl + PAGES.work.summary
+    },
+  ],
+  tenders: [
+    {
+      icon: IconSearch,
+      label: 'header.products.tenders.items.tenders.title',
+      link: myLayer.tenderUrl + PAGES.tender.main
+    },
+    {
+      icon: IconFile,
+      label: 'header.products.tenders.items.contracts.title',
+      link: myLayer.tenderUrl + PAGES.tender.contracts
+    },
+    {
+      icon: IconCheck,
+      label: 'header.products.tenders.items.procurement.title',
+      link: myLayer.tenderUrl + PAGES.tender.plans
+    }
+  ],
+  fines: [
+    {
+      icon: IconCheckCircle,
+      label: 'header.products.fines.items.fines.title',
+      link: myLayer.avtoUrl + PAGES.fines.main
+    },
+    {
+      icon: IconCar,
+      label: 'header.products.fines.items.auto.title',
+      link: myLayer.avtoUrl + PAGES.fines.avto
+    },
+    {
+      icon: IconTruck,
+      label: 'header.products.fines.items.wholesaleAuto.title',
+      link: myLayer.avtoUrl + PAGES.fines.bulk
+    }
+  ],
+  analytics: [
+    // {
+    //   icon: IconSearch,
+    //   label: 'header.products.analytics.items.clients.title',
+    //   link: myLayer.analyticsUrl + PAGES.analytics.clients
+    // },
+    {
+      icon: IconCheck,
+      label: 'header.products.analytics.items.procurement.title',
+      link: myLayer.analyticsNewUrl + PAGES.analytics.main
+    },
+    {
+      icon: IconArrowGraph,
+      label: 'header.products.analytics.items.activity.title',
+      link: myLayer.analyticsNewUrl + PAGES.analytics.index
+    },
+    {
+      icon: IconCompany,
+      label: 'header.products.analytics.items.subjects.title',
+      link: myLayer.analyticsNewUrl + PAGES.analytics.business
+    },
+    {
+      icon: IconMedal,
+      label: 'header.products.analytics.items.rate.title',
+      link: myLayer.analyticsNewUrl + PAGES.analytics.rating
+    }
+  ],
+  fea: [
+    {
+      label: 'header.products.fea.items.i.t',
+      icon: IconSearch,
+      link: `${myLayer.tnvedUrl}${PAGES.fea.t}`
+    },
+    {
+      label: 'header.products.fea.items.o.t',
+      icon: Connections,
+      link: `${myLayer.tnvedUrl}${PAGES.fea.o}`
+    },
+    {
+      label: 'header.products.fea.items.cp.t',
+      icon: IconFile,
+      link: `${myLayer.tnvedUrl}${PAGES.fea.cp}`
+    },
+    {
+      label: 'header.products.fea.items.ca.t',
+      icon: IconCalc,
+      link: `${myLayer.tnvedUrl}${PAGES.fea.ca}`
+    },
+    {
+      label: 'header.products.fea.items.tr.t',
+      icon: IconGlobe,
+      link: `${myLayer.tnvedUrl}${PAGES.fea.tr}`
+    }
+  ],
+  compliance: [
+    {
+      label: 'header.products.compliance.label',
+      icon: IconProfile,
+      link: myLayer.complianceUrl + PAGES.compliance.l
+    }
+  ],
+  edo: [
+    {
+      label: 'header.products.edo.label',
+      icon: AIconFiles,
+      link: 'https://edo.adata.kz' + PAGES.edo.l
+    }
+  ]
+}
+const currentLinks = ref(sideLinks[tab.value])
+
+watch(tab, (e) => {
+  if (e) {
+    currentLinks.value = sideLinks[e]
+  }
+})
+
+</script>
+
+<template>
+  <a-modal v-model="isOpen" :title="t('modals.mobile_navigation.type_main')">
+    <div class="flex flex-col gap-5">
+      <div class="h-[1px] w-full bg-deepblue-900/5"/>
+     <div>
+       <a-pill-tabs v-model="tab" :options="tabOptions" view="gray"/>
+     </div>
+      <div class="h-[40vh] sm:h-[300px] overflow-auto no-scrollbar">
+        <nuxt-link
+            v-for="item in currentLinks"
+            :key="item.label"
+            :to="item.link"
+            class="flex items-center gap-4 px-4 py-3 bg-gray-50 dark:bg-gray-800 mb-2 rounded"
+        >
+          <div class="bg-gradient-blue p-1 rounded-lg">
+            <component
+              :is="item.icon"
+              class="w-5 h-5 text-white dark:text-gray-900"
+            />
+          </div>
+          <span>{{ t(item.label) }}</span>
+        </nuxt-link>
+      </div>
+      <div class="h-[1px] w-full bg-deepblue-900/5"/>
+    </div>
+    <template #footer>
+      <nuxt-link to="/" @click="emits('pushMain')" class="flex items-center gap-4 px-4 py-3 bg-gray-50 rounded-md dark:bg-gray-800">
+        <a-icon-menu/>
+        {{ t('modals.mobile_navigation.return_button') }}
+      </nuxt-link>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped>
+
+</style>