Network page validation and i18n issue fix
In network page invalid if condition changed, added validations and i18n
function changed based on the vue 3 support.
Change-Id: If5b9c00f6da722984f1c568cfbcb6b34537c3df1
Signed-off-by: Surya Venkatesan <suryav@ami.com>
diff --git a/src/views/Settings/Network/ModalIpv4.vue b/src/views/Settings/Network/ModalIpv4.vue
index a3b5482..7b4c62e 100644
--- a/src/views/Settings/Network/ModalIpv4.vue
+++ b/src/views/Settings/Network/ModalIpv4.vue
@@ -20,10 +20,10 @@
@input="v$.form.ipAddress.$touch()"
/>
<b-form-invalid-feedback role="alert">
- <template v-if="!v$.form.ipAddress.required">
+ <template v-if="v$.form.ipAddress.required.$invalid">
{{ $t('global.form.fieldRequired') }}
</template>
- <template v-if="!v$.form.ipAddress.ipAddress">
+ <template v-if="v$.form.ipAddress.ipAddress.$invalid">
{{ $t('global.form.invalidFormat') }}
</template>
</b-form-invalid-feedback>
@@ -42,10 +42,10 @@
@input="v$.form.gateway.$touch()"
/>
<b-form-invalid-feedback role="alert">
- <template v-if="!v$.form.gateway.required">
+ <template v-if="v$.form.gateway.required.$invalid">
{{ $t('global.form.fieldRequired') }}
</template>
- <template v-if="!v$.form.gateway.ipAddress">
+ <template v-if="v$.form.gateway.ipAddress.$invalid">
{{ $t('global.form.invalidFormat') }}
</template>
</b-form-invalid-feedback>
@@ -66,10 +66,10 @@
@input="v$.form.subnetMask.$touch()"
/>
<b-form-invalid-feedback role="alert">
- <template v-if="!v$.form.subnetMask.required">
+ <template v-if="v$.form.subnetMask.required.$invalid">
{{ $t('global.form.fieldRequired') }}
</template>
- <template v-if="!v$.form.subnetMask.ipAddress">
+ <template v-if="v$.form.subnetMask.ipAddress.$invalid">
{{ $t('global.form.invalidFormat') }}
</template>
</b-form-invalid-feedback>