adata-ui 2.1.19 → 2.1.20

package/components/modals/Resend.vue

@@ -1,82 +1,82 @@
-<script setup lang="ts">
-
-import { useUrls } from '#adata-ui/composables/useUrls'
-
-const emit = defineEmits<{
-  (e: 'resend'): void
-  (e: 'close'): void
-}>()
-
-const timer = ref(60)
-const isResend = ref(false)
-const route = useRoute()
-const { landing } = useUrls()
-
-function runTimer() {
-  timer.value = 60
-  const intervalId = setInterval(() => {
-    if (timer.value <= 0) {
-      isResend.value = true
-      clearInterval(intervalId);
-      return;
-    }
-    timer.value--;
-  }, 1000);
-}
-
-onMounted(() => resend())
-
-const resend = () => {
-  isResend.value = false
-  runTimer()
-  emit('resend')
-}
-const goToMain = () => {
-  if (route.query.url) {
-    document.location.replace(route.query.url)
-  } else {
-    document.location.replace(landing)
-  }
-  emit('close')
-
-}
-</script>
-
-<template>
-  <div class="flex flex-col justify-center items-center gap-5">
-    <p class="heading-02">
-      {{ $t('login.modal.title') }}
-    </p>
-    <a-ill-mail />
-    <p class="body-400 text-center">
-      {{ $t('login.modal.subtitle1') }}
-    </p>
-    <p class="body-400 text-center">
-      {{ $t('login.modal.subtitle2') }}
-    </p>
-    <p
-      v-if="!isResend"
-      class="heading-02"
-    >
-      {{ timer }} {{ $t('login.modal.seconds') }}
-    </p>
-    <a-button
-      v-else
-      class="w-full"
-      view="outline"
-      @click="resend"
-    >
-      {{ $t('login.modal.resend') }}
-    </a-button>
-    <a-button
-      class="w-full"
-      @click="goToMain"
-    >
-      {{ $t('login.modal.back') }}
-    </a-button>
-  </div>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+
+import { useUrls } from '#adata-ui/composables/useUrls'
+
+const emit = defineEmits<{
+  (e: 'resend'): void
+  (e: 'close'): void
+}>()
+
+const timer = ref(60)
+const isResend = ref(false)
+const route = useRoute()
+const { landing } = useUrls()
+
+function runTimer() {
+  timer.value = 60
+  const intervalId = setInterval(() => {
+    if (timer.value <= 0) {
+      isResend.value = true
+      clearInterval(intervalId);
+      return;
+    }
+    timer.value--;
+  }, 1000);
+}
+
+onMounted(() => resend())
+
+const resend = () => {
+  isResend.value = false
+  runTimer()
+  emit('resend')
+}
+const goToMain = () => {
+  if (route.query.url) {
+    document.location.replace(route.query.url)
+  } else {
+    document.location.replace(landing)
+  }
+  emit('close')
+
+}
+</script>
+
+<template>
+  <div class="flex flex-col justify-center items-center gap-5">
+    <p class="heading-02">
+      {{ $t('login.modal.title') }}
+    </p>
+    <a-ill-mail />
+    <p class="body-400 text-center">
+      {{ $t('login.modal.subtitle1') }}
+    </p>
+    <p class="body-400 text-center">
+      {{ $t('login.modal.subtitle2') }}
+    </p>
+    <p
+      v-if="!isResend"
+      class="heading-02"
+    >
+      {{ timer }} {{ $t('login.modal.seconds') }}
+    </p>
+    <a-button
+      v-else
+      class="w-full"
+      view="outline"
+      @click="resend"
+    >
+      {{ $t('login.modal.resend') }}
+    </a-button>
+    <a-button
+      class="w-full"
+      @click="goToMain"
+    >
+      {{ $t('login.modal.back') }}
+    </a-button>
+  </div>
+</template>
+
+<style scoped>
+
+</style>

package/components/modals/SubmitApplicationModal.vue

@@ -1,123 +1,123 @@
-<script setup lang="ts">
-import * as z from 'zod'
-import { useUIValidation } from '#adata-ui/composables/useUIValidation'
-
-const props = defineProps<{
-  userInfo: any
-}>()
-
-const emit = defineEmits<{
-  (e: 'send', num: number): void
-}>()
-const { t } = useI18n()
-const isOpen = defineModel<boolean>({default: false})
-const form: any = reactive({
-  name: '',
-  email: '',
-  phone: '',
-  comment: '',
-})
-
-const scheme = z.object({
-  name: z.string().nonempty(t('modals.submit_application_modal.rules.required')),
-  email: z.string().nonempty(t('modals.submit_application_modal.rules.required')).email(t('modals.submit_application_modal.rules.email')),
-  phone: z.string().nonempty(t('modals.submit_application_modal.rules.required')).min(17, t('forms.feedback.phoneMinLength', { count: 10 })),
-  comment: z.string().nonempty(t('modals.submit_application_modal.rules.required')),
-})
-
-const submitted = ref(false)
-
-const { validation, getError } = useUIValidation(
-  scheme,
-  () => form,
-  submitted,
-)
-
-const send = () => {
-  submitted.value = true
-  if (validation.value) return
-  emit('send', form)
-  form.name = ''
-  form.email = props.userInfo?.email || ''
-  form.phone = ''
-  form.comment = ''
-
-}
-const cancel = () => {
-  isOpen.value = false
-}
-
-defineExpose({
-  reset: () => (submitted.value = false),
-})
-
-onMounted(() => {
-  form.email = props.userInfo?.email || ''
-})
-</script>
-
-<template>
-  <a-modal
-    v-model="isOpen"
-    name="submit-application"
-    :prevent-close="true"
-  >
-    <div class="flex flex-col gap-5">
-      <p class="text-center heading-02">
-        {{ t('modals.submit_application_modal.title') }}
-      </p>
-      <a-ill-mail class="w-full" />
-      <div class="flex flex-col gap-2">
-        <a-input-standard
-          v-model="form.name"
-          :label="t('modals.submit_application_modal.labels.name')"
-          :error="getError('name')"
-          required
-        />
-        <a-input-standard
-          v-model="form.email"
-          :label="t('modals.submit_application_modal.labels.email')"
-          :error="getError('email')"
-          required
-        />
-        <a-input-standard
-          v-model="form.phone"
-          v-maska
-          :label="t('modals.submit_application_modal.labels.phone')"
-          data-maska="8 (###) ###-##-##"
-          :error="getError('phone')"
-          clearable
-          required
-        />
-        <a-textarea
-          v-model="form.comment"
-          :label="t('modals.submit_application_modal.labels.comment')"
-          :error="getError('comment')"
-          resizeable="none"
-          required
-        />
-      </div>
-    </div>
-    <template #footer>
-      <div class="flex gap-2 ">
-        <a-button
-          view="outline"
-          block
-          @click="cancel"
-        >
-          {{ t('reuse.close') }}
-        </a-button>
-        <a-button
-          block
-          @click="send"
-        >
-          {{ t('reuse.send') }}
-        </a-button>
-      </div>
-    </template>
-  </a-modal>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+import * as z from 'zod'
+import { useUIValidation } from '#adata-ui/composables/useUIValidation'
+
+const props = defineProps<{
+  userInfo: any
+}>()
+
+const emit = defineEmits<{
+  (e: 'send', num: number): void
+}>()
+const { t } = useI18n()
+const isOpen = defineModel<boolean>({default: false})
+const form: any = reactive({
+  name: '',
+  email: '',
+  phone: '',
+  comment: '',
+})
+
+const scheme = z.object({
+  name: z.string().nonempty(t('modals.submit_application_modal.rules.required')),
+  email: z.string().nonempty(t('modals.submit_application_modal.rules.required')).email(t('modals.submit_application_modal.rules.email')),
+  phone: z.string().nonempty(t('modals.submit_application_modal.rules.required')).min(17, t('forms.feedback.phoneMinLength', { count: 10 })),
+  comment: z.string().nonempty(t('modals.submit_application_modal.rules.required')),
+})
+
+const submitted = ref(false)
+
+const { validation, getError } = useUIValidation(
+  scheme,
+  () => form,
+  submitted,
+)
+
+const send = () => {
+  submitted.value = true
+  if (validation.value) return
+  emit('send', form)
+  form.name = ''
+  form.email = props.userInfo?.email || ''
+  form.phone = ''
+  form.comment = ''
+
+}
+const cancel = () => {
+  isOpen.value = false
+}
+
+defineExpose({
+  reset: () => (submitted.value = false),
+})
+
+onMounted(() => {
+  form.email = props.userInfo?.email || ''
+})
+</script>
+
+<template>
+  <a-modal
+    v-model="isOpen"
+    name="submit-application"
+    :prevent-close="true"
+  >
+    <div class="flex flex-col gap-5">
+      <p class="text-center heading-02">
+        {{ t('modals.submit_application_modal.title') }}
+      </p>
+      <a-ill-mail class="w-full" />
+      <div class="flex flex-col gap-2">
+        <a-input-standard
+          v-model="form.name"
+          :label="t('modals.submit_application_modal.labels.name')"
+          :error="getError('name')"
+          required
+        />
+        <a-input-standard
+          v-model="form.email"
+          :label="t('modals.submit_application_modal.labels.email')"
+          :error="getError('email')"
+          required
+        />
+        <a-input-standard
+          v-model="form.phone"
+          v-maska
+          :label="t('modals.submit_application_modal.labels.phone')"
+          data-maska="8 (###) ###-##-##"
+          :error="getError('phone')"
+          clearable
+          required
+        />
+        <a-textarea
+          v-model="form.comment"
+          :label="t('modals.submit_application_modal.labels.comment')"
+          :error="getError('comment')"
+          resizeable="none"
+          required
+        />
+      </div>
+    </div>
+    <template #footer>
+      <div class="flex gap-2 ">
+        <a-button
+          view="outline"
+          block
+          @click="cancel"
+        >
+          {{ t('reuse.close') }}
+        </a-button>
+        <a-button
+          block
+          @click="send"
+        >
+          {{ t('reuse.send') }}
+        </a-button>
+      </div>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped>
+
+</style>

package/components/modals/id/AuthModal.vue

@@ -1,82 +1,82 @@
-<script setup lang="ts">
-import { useUrls } from '#adata-ui/composables/useUrls'
-
-const emit = defineEmits<{
-  (e: 'close'): void
-}>()
-const { t } = useI18n()
-const isOpen = useAuthModal()
-const { myLayer } = useAppConfig()
-const { login } = useUrls()
-
-const { loginModal, registrationModal } = useIdModals()
-
-function goAuth() {
-  if (myLayer.authMode !== 'local') {
-    if (window) {
-      let fullPath = encodeURIComponent(window.location.toString())
-      if (fullPath.includes('basic-info')) {
-        fullPath = fullPath.replace('%2Fcounterparty%2Fmain', '').replace('%2Fbasic-info', '')
-      }
-      window.location.href = `${login}?url=${fullPath}`
-    }
-  }
-  else {
-    isOpen.value = false
-    loginModal.value = true
-  }
-}
-
-function goRegister() {
-  if (myLayer.authMode !== 'local') {
-    if (window) {
-      let fullPath = encodeURIComponent(window.location.toString())
-      if (fullPath.includes('basic-info')) {
-        fullPath = fullPath.replace('%2Fcounterparty%2Fmain', '').replace('%2Fbasic-info', '')
-      }
-      window.location.href = `${login}register?url=${fullPath}`
-    }
-  }
-  else {
-    isOpen.value = false
-    registrationModal.value = true
-  }
-}
-const close = () => {
-  isOpen.value = false
-  emit('close')
-}
-</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 />
-      <div>{{ t('modals.auth.content') }}</div>
-      <a-button
-        block
-        variant="success"
-        @click="goAuth"
-      >
-        {{ t('modals.buttons.logIn') }}
-      </a-button>
-      <div>{{ t('modals.auth.firstTime') }}</div>
-    </div>
-    <template #footer>
-      <div class="flex gap-2">
-        <a-button
-          view="outline"
-          block
-          @click="close"
-        >
-          {{ t('modals.buttons.close') }}
-        </a-button>
-        <a-button block @click="goRegister">
-          {{ t('modals.buttons.register') }}
-        </a-button>
-      </div>
-    </template>
-  </a-modal>
-</template>
-
-<style scoped></style>
+<script setup lang="ts">
+import { useUrls } from '#adata-ui/composables/useUrls'
+
+const emit = defineEmits<{
+  (e: 'close'): void
+}>()
+const { t } = useI18n()
+const isOpen = useAuthModal()
+const { myLayer } = useAppConfig()
+const { login } = useUrls()
+
+const { loginModal, registrationModal } = useIdModals()
+
+function goAuth() {
+  if (myLayer.authMode !== 'local') {
+    if (window) {
+      let fullPath = encodeURIComponent(window.location.toString())
+      if (fullPath.includes('basic-info')) {
+        fullPath = fullPath.replace('%2Fcounterparty%2Fmain', '').replace('%2Fbasic-info', '')
+      }
+      window.location.href = `${login}?url=${fullPath}`
+    }
+  }
+  else {
+    isOpen.value = false
+    loginModal.value = true
+  }
+}
+
+function goRegister() {
+  if (myLayer.authMode !== 'local') {
+    if (window) {
+      let fullPath = encodeURIComponent(window.location.toString())
+      if (fullPath.includes('basic-info')) {
+        fullPath = fullPath.replace('%2Fcounterparty%2Fmain', '').replace('%2Fbasic-info', '')
+      }
+      window.location.href = `${login}register?url=${fullPath}`
+    }
+  }
+  else {
+    isOpen.value = false
+    registrationModal.value = true
+  }
+}
+const close = () => {
+  isOpen.value = false
+  emit('close')
+}
+</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 />
+      <div>{{ t('modals.auth.content') }}</div>
+      <a-button
+        block
+        variant="success"
+        @click="goAuth"
+      >
+        {{ t('modals.buttons.logIn') }}
+      </a-button>
+      <div>{{ t('modals.auth.firstTime') }}</div>
+    </div>
+    <template #footer>
+      <div class="flex gap-2">
+        <a-button
+          view="outline"
+          block
+          @click="close"
+        >
+          {{ t('modals.buttons.close') }}
+        </a-button>
+        <a-button block @click="goRegister">
+          {{ t('modals.buttons.register') }}
+        </a-button>
+      </div>
+    </template>
+  </a-modal>
+</template>
+
+<style scoped></style>

package/components/modals/id/IdAutoLogoutModal.vue

@@ -1,45 +1,45 @@
-<script setup lang="ts">
-const emit = defineEmits<{
-  (e: 'closed', value: boolean): void
-}>()
-
-const { t } = useI18n()
-
-const { loginModal, autoLogoutModal } = useIdModals()
-
-function onLogin() {
-  autoLogoutModal.value = false
-  loginModal.value = true
-}
-
-function onClose() {
-  emit('closed', true)
-}
-</script>
-
-<template>
-  <div class="flex flex-col items-center gap-4 text-center">
-    <h2 class="text-2xl font-bold">
-      {{ t('modals.id.autoLogout.title') }}
-    </h2>
-    <a-ill-info class="size-[120px]" />
-    <p class="text-sm">
-      {{ t('modals.id.autoLogout.content') }}
-    </p>
-    <div class="flex w-full gap-2">
-      <a-button block view="outline" @click="onClose">
-        {{ t('actions.close') }}
-      </a-button>
-      <a-button
-        block
-        @click="onLogin"
-      >
-        {{ t('actions.login') }}
-      </a-button>
-    </div>
-  </div>
-</template>
-
-<style scoped>
-
-</style>
+<script setup lang="ts">
+const emit = defineEmits<{
+  (e: 'closed', value: boolean): void
+}>()
+
+const { t } = useI18n()
+
+const { loginModal, autoLogoutModal } = useIdModals()
+
+function onLogin() {
+  autoLogoutModal.value = false
+  loginModal.value = true
+}
+
+function onClose() {
+  emit('closed', true)
+}
+</script>
+
+<template>
+  <div class="flex flex-col items-center gap-4 text-center">
+    <h2 class="text-2xl font-bold">
+      {{ t('modals.id.autoLogout.title') }}
+    </h2>
+    <a-ill-info class="size-[120px]" />
+    <p class="text-sm">
+      {{ t('modals.id.autoLogout.content') }}
+    </p>
+    <div class="flex w-full gap-2">
+      <a-button block view="outline" @click="onClose">
+        {{ t('actions.close') }}
+      </a-button>
+      <a-button
+        block
+        @click="onLogin"
+      >
+        {{ t('actions.login') }}
+      </a-button>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+
+</style>