enhance(wizard): update translations, refine icons, and add automated requirement verification

This commit is contained in:
Loduis Madariaga
2024-10-16 16:02:22 -05:00
parent 2604db32ce
commit f2ae4e17c8
8 changed files with 24 additions and 8 deletions

View File

@@ -74,7 +74,7 @@ import { useExchangeRateStore } from '@/scripts/admin/stores/exchange-rate'
import { useCompanyStore } from '@/scripts/admin/stores/company'
import { useRoute } from 'vue-router'
import { useNotificationStore } from '@/scripts/stores/notification'
import { computed, ref } from '@vue/runtime-core'
import { computed, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import useVuelidate from '@vuelidate/core'
import { required, helpers, numeric, decimal } from '@vuelidate/validators'

View File

@@ -71,7 +71,7 @@
</template>
<script setup>
import { ref, computed } from 'vue'
import { ref, computed, onMounted } from 'vue'
import { useInstallationStore } from '@/scripts/admin/stores/installation.js'
const emit = defineEmits(['next'])
@@ -83,6 +83,10 @@ const isShow = ref(true)
const installationStore = useInstallationStore()
onMounted(async () => {
getRequirements()
})
const hasNext = computed(() => {
if (requirements.value) {
let isRequired = true

View File

@@ -68,13 +68,15 @@
@input="v$.userForm.password.$touch()"
>
<template #right>
<EyeOffIcon
<BaseIcon
v-if="isShowPassword"
name="EyeOffIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
<EyeIcon
<BaseIcon
v-else
name="EyeIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>

View File

@@ -142,7 +142,6 @@
<BaseInputGroup
:label="$t('settings.company_info.vat_id')"
class="mt-4"
>
<BaseInput
v-model.trim="companyForm.vat_id"

View File

@@ -29,13 +29,15 @@
@input="v$.password.$touch()"
>
<template #right>
<EyeOffIcon
<BaseIcon
v-if="isShowPassword"
name="EyeOffIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/>
<EyeIcon
<BaseIcon
v-else
name="EyeIcon"
class="w-5 h-5 mr-1 text-gray-500 cursor-pointer"
@click="isShowPassword = !isShowPassword"
/> </template