adata-ui 2.1.17 → 2.1.18

package/components/features/payment/process/PaymentTopUpSidePanel.vue

@@ -1,130 +1,130 @@
-<script setup lang="ts">
-import ASidePanel from "#adata-ui/components/overlays/side-panel/ASidePanel.vue";
-
-const emit = defineEmits<{
-  (e: 'next', sum: number): void
-}>()
-
-const isOpen = defineModel({ default: false })
-
-const { t } = useI18n()
-
-const money = ref(0)
-const errorAlert = ref(false)
-
-const sumArr = ref([
-  {
-    id: 1,
-    value: 2000,
-    label: '2 000 ₸',
-  },
-  {
-    id: 2,
-    value: 5000,
-    label: '5 000 ₸',
-  },
-  {
-    id: 3,
-    value: 10000,
-    label: '10 000 ₸',
-  },
-  {
-    id: 4,
-    value: 20000,
-    label: '20 000 ₸',
-  },
-])
-
-const filterMoney = computed(() => {
-  return money.value >= 1
-})
-
-function onSelectAmount(value: number) {
-  money.value = value
-  errorAlert.value = false
-}
-
-function onClose() {
-  isOpen.value = false
-  errorAlert.value = false
-}
-
-function handlePayment() {
-  if (money.value <= 1000000) {
-    emit('next', money.value)
-    errorAlert.value = false
-  } else {
-    errorAlert.value = true
-  }
-}
-</script>
-
-<template>
-  <a-side-panel v-model="isOpen"  width="484px">
-    <template #header>
-      <div class="text-xl font-semibold">
-        {{ t('payment.topUp.title') }}
-      </div>
-    </template>
-
-    <div class="flex flex-col gap-6">
-      <div class="flex flex-col items-center gap-4 ">
-        <a-ill-bill class="size-[120px]" />
-        <p class="text-center text-sm font-semibold">
-          {{ t('payment.topUp.info') }}
-        </p>
-      </div>
-
-      <div class="flex flex-col gap-4">
-        <a-input-standard
-          v-model="money"
-          :label="`${t('payment.topUp.enterAmount')}`"
-          type="number"
-          pattern="[0-9]*"
-          clearable
-        />
-        <a-alert
-          v-if="errorAlert"
-          color="red"
-        >
-          {{ t('modals.replenish_modal.error') }}
-        </a-alert>
-        <div class="flex gap-4">
-          <a-chips
-            v-for="item in sumArr"
-            :key="item.id"
-            view="standard"
-            size="lg"
-            :class="[
-              money === item.value
-                ? 'bg-blue-700 text-white hover:bg-blue-700 dark:border-blue-500 dark:bg-transparent dark:text-blue-500 dark:hover:bg-transparent'
-                : '',
-            ]"
-            @click.stop="onSelectAmount(item.value)"
-          >
-            <span>{{ item.label }}</span>
-          </a-chips>
-        </div>
-      </div>
-
-      <div class="flex flex-col gap-2">
-        <a-button
-          :disabled="!filterMoney"
-          @click="handlePayment"
-        >
-          {{ t('actions.topUp') }}
-        </a-button>
-        <a-button
-          view="outline"
-          @click="onClose"
-        >
-          {{ t('actions.back') }}
-        </a-button>
-      </div>
-    </div>
-  </a-side-panel>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+import ASidePanel from "#adata-ui/components/overlays/side-panel/ASidePanel.vue";
+
+const emit = defineEmits<{
+  (e: 'next', sum: number): void
+}>()
+
+const isOpen = defineModel({ default: false })
+
+const { t } = useI18n()
+
+const money = ref(0)
+const errorAlert = ref(false)
+
+const sumArr = ref([
+  {
+    id: 1,
+    value: 2000,
+    label: '2 000 ₸',
+  },
+  {
+    id: 2,
+    value: 5000,
+    label: '5 000 ₸',
+  },
+  {
+    id: 3,
+    value: 10000,
+    label: '10 000 ₸',
+  },
+  {
+    id: 4,
+    value: 20000,
+    label: '20 000 ₸',
+  },
+])
+
+const filterMoney = computed(() => {
+  return money.value >= 1
+})
+
+function onSelectAmount(value: number) {
+  money.value = value
+  errorAlert.value = false
+}
+
+function onClose() {
+  isOpen.value = false
+  errorAlert.value = false
+}
+
+function handlePayment() {
+  if (money.value <= 1000000) {
+    emit('next', money.value)
+    errorAlert.value = false
+  } else {
+    errorAlert.value = true
+  }
+}
+</script>
+
+<template>
+  <a-side-panel v-model="isOpen"  width="484px">
+    <template #header>
+      <div class="text-xl font-semibold">
+        {{ t('payment.topUp.title') }}
+      </div>
+    </template>
+
+    <div class="flex flex-col gap-6">
+      <div class="flex flex-col items-center gap-4 ">
+        <a-ill-bill class="size-[120px]" />
+        <p class="text-center text-sm font-semibold">
+          {{ t('payment.topUp.info') }}
+        </p>
+      </div>
+
+      <div class="flex flex-col gap-4">
+        <a-input-standard
+          v-model="money"
+          :label="`${t('payment.topUp.enterAmount')}`"
+          type="number"
+          pattern="[0-9]*"
+          clearable
+        />
+        <a-alert
+          v-if="errorAlert"
+          color="red"
+        >
+          {{ t('modals.replenish_modal.error') }}
+        </a-alert>
+        <div class="flex gap-4">
+          <a-chips
+            v-for="item in sumArr"
+            :key="item.id"
+            view="standard"
+            size="lg"
+            :class="[
+              money === item.value
+                ? 'bg-blue-700 text-white hover:bg-blue-700 dark:border-blue-500 dark:bg-transparent dark:text-blue-500 dark:hover:bg-transparent'
+                : '',
+            ]"
+            @click.stop="onSelectAmount(item.value)"
+          >
+            <span>{{ item.label }}</span>
+          </a-chips>
+        </div>
+      </div>
+
+      <div class="flex flex-col gap-2">
+        <a-button
+          :disabled="!filterMoney"
+          @click="handlePayment"
+        >
+          {{ t('actions.topUp') }}
+        </a-button>
+        <a-button
+          view="outline"
+          @click="onClose"
+        >
+          {{ t('actions.back') }}
+        </a-button>
+      </div>
+    </div>
+  </a-side-panel>
+</template>
+
+<style scoped>
+
+</style>

package/components/features/pk-mobile-services/APkMobileServices.vue

@@ -1,149 +1,149 @@
-<script setup lang="ts">
-import { PAGES } from '#adata-ui/shared/constans/pages'
-import { usePkServicesLinks } from '#adata-ui/composables/useHeaderNavigationLinks'
-import { useUrls } from '#adata-ui/composables/useUrls'
-
-const services = usePkServicesLinks()
-const route = useRoute()
-const localePath = useLocalePath()
-const { landing } = useUrls()
-const { locale } = useI18n()
-
-const blockStyles = [
-  'first-border-gradient',
-  'second-border-gradient',
-  'third-border-gradient',
-  'fourth-border-gradient',
-  'fifth-border-gradient',
-  'sixth-border-gradient',
-  'seventh-border-gradient',
-  'eighth-border-gradient',
-  'ninth-border-gradient',
-]
-const linkByIndex = [
-  PAGES.pk.main,
-  PAGES.pk.employees,
-  PAGES.pk.connections,
-  PAGES.pk.offshore,
-  PAGES.pk.foreign,
-  PAGES.pk.unload,
-  PAGES.pk.compare,
-  PAGES.pk.sanctions,
-  buildLocalizedUrl(locale, landing, '/all-services'),
-]
-</script>
-
-<template>
-  <div class="grid grid-cols-3">
-    <nuxt-link-locale
-      v-for="(service, index) in services"
-      :key="index"
-      :to="service.to"
-      :class="['flex flex-col items-center gap-2 p-2', blockStyles[index]]"
-    >
-      <div
-        class="size-10 p-2 rounded-lg"
-        :class="[
-          'bg-deepblue-900/5 dark:bg-gray-200/5',
-          {'!bg-blue-700 text-white dark:!bg-blue-500 ': route.path.replace(/\/+$/, '') === localePath(linkByIndex[index]).replace(/\/+$/, '')}
-        ]"
-      >
-        <component
-          :is="service.icon"
-          class="size-6 shrink-0"
-        />
-      </div>
-      <p class="text-xs text-center">
-        {{ service.title }}
-      </p>
-    </nuxt-link-locale>
-  </div>
-</template>
-
-<style lang="scss" scoped>
-.first-border-gradient {
-  border-width: 0 1px 1px 0;
-  border-style: solid;
-  border-image-source: linear-gradient(180deg, #FFFFFF 0%, #F4F5F6 100%);
-  border-image-slice: 1;
-}
-.second-border-gradient {
-  border-width: 0 1px 1px 1px;
-  border-style: solid;
-  border-image-source: linear-gradient(180deg, #FFFFFF 0%, #F4F5F6 100%);
-  border-image-slice: 1;
-}
-.third-border-gradient {
-  border-width: 0 0 1px 1px;
-  border-style: solid;
-  border-image-source: linear-gradient(218.84deg, #FFFFFF 41.56%, #F4F5F6 98.73%);
-  border-image-slice: 1;
-}
-.fourth-border-gradient {
-  border-width: 1px 1px 1px 0;
-  border-style: solid;
-  border-image-source: linear-gradient(125.34deg, #FFFFFF 7.49%, #F4F5F6 86.67%);
-  border-image-slice: 1;
-}
-.fifth-border-gradient {
-  border-width: 1px;
-  border-style: solid;
-  border-color: var(--Bg-tertiary-bg, #F4F5F6);
-  border-image-slice: 1;
-}
-.sixth-border-gradient {
-  border-width: 1px 0 1px 1px;
-  border-style: solid;
-  border-image-source: linear-gradient(261.06deg, #FFFFFF -6.98%, #F4F5F6 99.74%);
-  border-image-slice: 1;
-}
-.seventh-border-gradient {
-  border-width: 1px 1px 0 0;
-  border-style: solid;
-  border-image-source: linear-gradient(58.51deg, #FFFFFF 35.88%, #F4F5F6 85.8%);
-  border-image-slice: 1;
-}
-.eighth-border-gradient {
-  border-width: 1px 1px 0 1px;
-  border-style: solid;
-  border-image-source: linear-gradient(0deg, #FFFFFF 0%, #F4F5F6 100%);
-  border-image-slice: 1;
-}
-.ninth-border-gradient {
-  border-width: 1px 0 0 1px;
-  border-style: solid;
-  border-image-source: linear-gradient(41.08deg, #FFFFFF 6.74%, #F4F5F6 63.33%, #FEFEFE 91.03%);
-  border-image-slice: 1;
-}
-
-.dark {
-  .first-border-gradient {
-    border-image-source: linear-gradient(180deg, #26282b 0%, #393d40 100%);
-  }
-  .second-border-gradient {
-    border-image-source: linear-gradient(180deg, #26282b 0%, #393d40 100%);
-  }
-  .third-border-gradient {
-    border-image-source: linear-gradient(218.84deg, #26282b 41.56%, #393d40 98.73%);
-  }
-  .fourth-border-gradient {
-    border-image-source: linear-gradient(125.34deg, #26282b 7.49%, #393d40 86.67%);
-  }
-  .fifth-border-gradient {
-    border-color: #393d40;
-  }
-  .sixth-border-gradient {
-    border-image-source: linear-gradient(261.06deg, #26282b -6.98%, #393d40 99.74%);
-  }
-  .seventh-border-gradient {
-    border-image-source: linear-gradient(58.51deg, #26282b 35.88%, #393d40 85.8%);
-  }
-  .eighth-border-gradient {
-    border-image-source: linear-gradient(0deg, #26282b 0%, #393d40 100%);
-  }
-  .ninth-border-gradient {
-    border-image-source: linear-gradient(41.08deg, #26282b 6.74%, #393d40 63.33%, #26282b 91.03%);
-  }
-}
-</style>
-
+<script setup lang="ts">
+import { PAGES } from '#adata-ui/shared/constans/pages'
+import { usePkServicesLinks } from '#adata-ui/composables/useHeaderNavigationLinks'
+import { useUrls } from '#adata-ui/composables/useUrls'
+
+const services = usePkServicesLinks()
+const route = useRoute()
+const localePath = useLocalePath()
+const { landing } = useUrls()
+const { locale } = useI18n()
+
+const blockStyles = [
+  'first-border-gradient',
+  'second-border-gradient',
+  'third-border-gradient',
+  'fourth-border-gradient',
+  'fifth-border-gradient',
+  'sixth-border-gradient',
+  'seventh-border-gradient',
+  'eighth-border-gradient',
+  'ninth-border-gradient',
+]
+const linkByIndex = [
+  PAGES.pk.main,
+  PAGES.pk.employees,
+  PAGES.pk.connections,
+  PAGES.pk.offshore,
+  PAGES.pk.foreign,
+  PAGES.pk.unload,
+  PAGES.pk.compare,
+  PAGES.pk.sanctions,
+  buildLocalizedUrl(locale, landing, '/all-services'),
+]
+</script>
+
+<template>
+  <div class="grid grid-cols-3">
+    <nuxt-link-locale
+      v-for="(service, index) in services"
+      :key="index"
+      :to="service.to"
+      :class="['flex flex-col items-center gap-2 p-2', blockStyles[index]]"
+    >
+      <div
+        class="size-10 p-2 rounded-lg"
+        :class="[
+          'bg-deepblue-900/5 dark:bg-gray-200/5',
+          {'!bg-blue-700 text-white dark:!bg-blue-500 ': route.path.replace(/\/+$/, '') === localePath(linkByIndex[index]).replace(/\/+$/, '')}
+        ]"
+      >
+        <component
+          :is="service.icon"
+          class="size-6 shrink-0"
+        />
+      </div>
+      <p class="text-xs text-center">
+        {{ service.title }}
+      </p>
+    </nuxt-link-locale>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.first-border-gradient {
+  border-width: 0 1px 1px 0;
+  border-style: solid;
+  border-image-source: linear-gradient(180deg, #FFFFFF 0%, #F4F5F6 100%);
+  border-image-slice: 1;
+}
+.second-border-gradient {
+  border-width: 0 1px 1px 1px;
+  border-style: solid;
+  border-image-source: linear-gradient(180deg, #FFFFFF 0%, #F4F5F6 100%);
+  border-image-slice: 1;
+}
+.third-border-gradient {
+  border-width: 0 0 1px 1px;
+  border-style: solid;
+  border-image-source: linear-gradient(218.84deg, #FFFFFF 41.56%, #F4F5F6 98.73%);
+  border-image-slice: 1;
+}
+.fourth-border-gradient {
+  border-width: 1px 1px 1px 0;
+  border-style: solid;
+  border-image-source: linear-gradient(125.34deg, #FFFFFF 7.49%, #F4F5F6 86.67%);
+  border-image-slice: 1;
+}
+.fifth-border-gradient {
+  border-width: 1px;
+  border-style: solid;
+  border-color: var(--Bg-tertiary-bg, #F4F5F6);
+  border-image-slice: 1;
+}
+.sixth-border-gradient {
+  border-width: 1px 0 1px 1px;
+  border-style: solid;
+  border-image-source: linear-gradient(261.06deg, #FFFFFF -6.98%, #F4F5F6 99.74%);
+  border-image-slice: 1;
+}
+.seventh-border-gradient {
+  border-width: 1px 1px 0 0;
+  border-style: solid;
+  border-image-source: linear-gradient(58.51deg, #FFFFFF 35.88%, #F4F5F6 85.8%);
+  border-image-slice: 1;
+}
+.eighth-border-gradient {
+  border-width: 1px 1px 0 1px;
+  border-style: solid;
+  border-image-source: linear-gradient(0deg, #FFFFFF 0%, #F4F5F6 100%);
+  border-image-slice: 1;
+}
+.ninth-border-gradient {
+  border-width: 1px 0 0 1px;
+  border-style: solid;
+  border-image-source: linear-gradient(41.08deg, #FFFFFF 6.74%, #F4F5F6 63.33%, #FEFEFE 91.03%);
+  border-image-slice: 1;
+}
+
+.dark {
+  .first-border-gradient {
+    border-image-source: linear-gradient(180deg, #26282b 0%, #393d40 100%);
+  }
+  .second-border-gradient {
+    border-image-source: linear-gradient(180deg, #26282b 0%, #393d40 100%);
+  }
+  .third-border-gradient {
+    border-image-source: linear-gradient(218.84deg, #26282b 41.56%, #393d40 98.73%);
+  }
+  .fourth-border-gradient {
+    border-image-source: linear-gradient(125.34deg, #26282b 7.49%, #393d40 86.67%);
+  }
+  .fifth-border-gradient {
+    border-color: #393d40;
+  }
+  .sixth-border-gradient {
+    border-image-source: linear-gradient(261.06deg, #26282b -6.98%, #393d40 99.74%);
+  }
+  .seventh-border-gradient {
+    border-image-source: linear-gradient(58.51deg, #26282b 35.88%, #393d40 85.8%);
+  }
+  .eighth-border-gradient {
+    border-image-source: linear-gradient(0deg, #26282b 0%, #393d40 100%);
+  }
+  .ninth-border-gradient {
+    border-image-source: linear-gradient(41.08deg, #26282b 6.74%, #393d40 63.33%, #26282b 91.03%);
+  }
+}
+</style>
+

package/components/features//321/201hange-version/AChangeVersion.vue

@@ -1,20 +1,20 @@
-<script lang="ts" setup>
-defineProps<{
-  url: string
-}>()
-
-const { t } = useI18n()
-</script>
-
-<template>
-  <nuxt-link
-    :to="url"
-    target="_blank"
-    class="flex cursor-pointer items-center justify-center gap-1 rounded-md bg-blue-700/10 px-3 py-2 text-blue-700"
-  >
-    <span class="body-400">{{ t('header.oldVersion') }}</span>
-    <a-icon-arrow-bottom-left-on-square class="rotate-180" />
-  </nuxt-link>
-</template>
-
-<style scoped></style>
+<script lang="ts" setup>
+defineProps<{
+  url: string
+}>()
+
+const { t } = useI18n()
+</script>
+
+<template>
+  <nuxt-link
+    :to="url"
+    target="_blank"
+    class="flex cursor-pointer items-center justify-center gap-1 rounded-md bg-blue-700/10 px-3 py-2 text-blue-700"
+  >
+    <span class="body-400">{{ t('header.oldVersion') }}</span>
+    <a-icon-arrow-bottom-left-on-square class="rotate-180" />
+  </nuxt-link>
+</template>
+
+<style scoped></style>

package/components/forms/README.md

@@ -1 +1 @@
-# inputs
+# inputs