commit f1ccca3ff6f879e7867c36bcc40e20998dbc9850
author Surya Venkatesan <suryav@ami.com> Mon Sep 23 11:00:39 2024 +0530
committer Ed Tanous <ed@tanous.net> Thu Oct 03 11:34:06 2024 -0700
tree 8754adde08f3132c485df87c95b2c219f90e53c3
parent 4b89b043f9ce759ef4d21eca7ceb4150c18aa465

Factory reset modal popup and validation issue

In vue3 i18n is not return the object value from the locale, so
unable to do the for loop in Setting list. Remove the for loop and
implement the separate list for reset bios and reset to default.
And implement the useVuelidate in the factory reset page.

Change-Id: I10833742475b90f7c5349a5b995ff04e93c306de
Signed-off-by: Surya Venkatesan <suryav@ami.com>

src/views/Operations/FactoryReset/FactoryResetModal.vue

diff --git a/src/views/Operations/FactoryReset/FactoryResetModal.vue b/src/views/Operations/FactoryReset/FactoryResetModal.vue
index 8784d4a..823e6dc 100644
--- a/src/views/Operations/FactoryReset/FactoryResetModal.vue
+++ b/src/views/Operations/FactoryReset/FactoryResetModal.vue
@@ -9,15 +9,26 @@
     <p class="mb-2">
       <strong>{{ $t(`pageFactoryReset.modal.${resetType}Header`) }}</strong>
     </p>
-    <ul class="pl-3 mb-4">
-      <li
-        v-for="(item, index) in $t(
-          `pageFactoryReset.modal.${resetType}SettingsList`,
-        )"
-        :key="index"
-        class="mt-1 mb-1"
-      >
-        {{ $t(item) }}
+    <ul v-if="resetType == 'resetBios'" class="pl-3 mb-4">
+      <li class="mt-1 mb-1">
+        {{ $t('pageFactoryReset.modal.resetBiosSettingsList.item1') }}
+      </li>
+      <li class="mt-1 mb-1">
+        {{ $t('pageFactoryReset.modal.resetBiosSettingsList.item2') }}
+      </li>
+    </ul>
+    <ul v-else-if="resetType == 'resetToDefaults'" class="pl-3 mb-4">
+      <li class="mt-1 mb-1">
+        {{ $t('pageFactoryReset.modal.resetToDefaultsSettingsList.item1') }}
+      </li>
+      <li class="mt-1 mb-1">
+        {{ $t('pageFactoryReset.modal.resetToDefaultsSettingsList.item2') }}
+      </li>
+      <li class="mt-1 mb-1">
+        {{ $t('pageFactoryReset.modal.resetToDefaultsSettingsList.item3') }}
+      </li>
+      <li class="mt-1 mb-1">
+        {{ $t('pageFactoryReset.modal.resetToDefaultsSettingsList.item4') }}
       </li>
     </ul>
 
@@ -66,6 +77,7 @@
 <script>
 import StatusIcon from '@/components/Global/StatusIcon';
 import VuelidateMixin from '@/components/Mixins/VuelidateMixin';
+import { useVuelidate } from '@vuelidate/core';
 import { useI18n } from 'vue-i18n';
 
 export default {
@@ -77,6 +89,11 @@
       default: null,
     },
   },
+  setup() {
+    return {
+      v$: useVuelidate(),
+    };
+  },
   data() {
     return {
       $t: useI18n().t,