bfg-common 1.5.82 → 1.5.84

package/components/common/wizards/network/add/steps/SelectConnectionType.vue

@@ -1,105 +1,105 @@
-<template>
-  <div class="wizard-content-container add-networking-step">
-    <div class="wizard-content">
-      <form>
-        <div class="radio">
-          <input
-            id="vmkernel-adapter"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="0"
-            name="connection-type"
-          />
-          <label for="vmkernel-adapter" data-id="vmkernel-adapter-radio">
-            {{ localization.common.vmKernelNetworkAdapter }}
-          </label>
-        </div>
-        <div class="add-networking-radio-button-description">
-          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
-        </div>
-        <div class="radio">
-          <input
-            id="virtual"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="1"
-            name="connection-type"
-          />
-          <label for="virtual" data-id="virtual-radio">
-            {{ localization.common.virtualMachinePortGroupStandardSwitch }}
-          </label>
-        </div>
-        <div class="add-networking-radio-button-description">
-          {{ localization.common.portGroupHandlesVirtualMachineTraffic }}
-        </div>
-        <div class="radio">
-          <input
-            id="physical-adapter"
-            v-model="connectionTypeLocal"
-            type="radio"
-            value="2"
-            name="connection-type"
-          />
-          <label
-            v-development="props.project === 'sphere'"
-            for="physical-adapter"
-            data-id="physical-adapter-radio"
-          >
-            {{ localization.common.physicalNetworkAdapter }}
-          </label>
-        </div>
-        <div class="add-networking-radio-button-description">
-          {{ localization.common.physicalNetworkAdapterHandlesNetworkTraffic }}
-        </div>
-      </form>
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
-
-const props = defineProps<{
-  modelValue: string
-  project?: UI_T_Project
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const emits = defineEmits<{
-  (event: 'update:model-value', connectionType: string): void
-}>()
-
-const connectionTypeLocal = computed<string>({
-  get() {
-    return props.modelValue
-  },
-  set(newValue: string) {
-    emits('update:model-value', newValue)
-  },
-})
-</script>
-
-<style scoped lang="scss">
-.wizard-content {
-  height: auto;
-  width: inherit;
-  margin: 0;
-
-  .radio {
-    min-height: 20px;
-    margin: 10px 0;
-
-    label {
-      font-weight: 700;
-      margin: 6px 12px 6px 0;
-    }
-  }
-
-  .add-networking-radio-button-description {
-    padding-left: 20px;
-    color: #333;
-  }
-}
-</style>
+<template>
+  <div class="wizard-content-container add-networking-step">
+    <div class="wizard-content">
+      <form>
+        <div class="radio">
+          <input
+            id="vmkernel-adapter"
+            v-model="connectionTypeLocal"
+            type="radio"
+            value="0"
+            name="connection-type"
+          />
+          <label for="vmkernel-adapter" data-id="vmkernel-adapter-radio">
+            {{ localization.common.vmKernelNetworkAdapter }}
+          </label>
+        </div>
+        <div class="add-networking-radio-button-description">
+          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
+        </div>
+        <div class="radio">
+          <input
+            id="virtual"
+            v-model="connectionTypeLocal"
+            type="radio"
+            value="1"
+            name="connection-type"
+          />
+          <label for="virtual" data-id="virtual-radio">
+            {{ localization.common.virtualMachinePortGroupStandardSwitch }}
+          </label>
+        </div>
+        <div class="add-networking-radio-button-description">
+          {{ localization.common.portGroupHandlesVirtualMachineTraffic }}
+        </div>
+        <div class="radio">
+          <input
+            id="physical-adapter"
+            v-model="connectionTypeLocal"
+            type="radio"
+            value="2"
+            name="connection-type"
+          />
+          <label
+            v-development="props.project === 'sphere'"
+            for="physical-adapter"
+            data-id="physical-adapter-radio"
+          >
+            {{ localization.common.physicalNetworkAdapter }}
+          </label>
+        </div>
+        <div class="add-networking-radio-button-description">
+          {{ localization.common.physicalNetworkAdapterHandlesNetworkTraffic }}
+        </div>
+      </form>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_Project } from '~/lib/models/types'
+
+const props = defineProps<{
+  modelValue: string
+  project?: UI_T_Project
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const emits = defineEmits<{
+  (event: 'update:model-value', connectionType: string): void
+}>()
+
+const connectionTypeLocal = computed<string>({
+  get() {
+    return props.modelValue
+  },
+  set(newValue: string) {
+    emits('update:model-value', newValue)
+  },
+})
+</script>
+
+<style scoped lang="scss">
+.wizard-content {
+  height: auto;
+  width: inherit;
+  margin: 0;
+
+  .radio {
+    min-height: 20px;
+    margin: 10px 0;
+
+    label {
+      font-weight: 700;
+      margin: 6px 12px 6px 0;
+    }
+  }
+
+  .add-networking-radio-button-description {
+    padding-left: 20px;
+    color: #333;
+  }
+}
+</style>

package/components/common/wizards/vm/migrate/Migrate.vue

@@ -14,26 +14,26 @@
     >
       <template #modalBody="{ selectedStep }">
         <common-pages-scheduled-tasks-modals-common-new-task-form
-          v-if="selectedStep.id === 0"
+          v-if="selectedStep.id === dynamicSteps.schedulingOptions"
           v-model="modelSchedulerTask"
           :target="selectedVirtualMachine"
         />
 
         <common-wizards-vm-migrate-select-type
-          v-if="selectedStep.id === 1"
+          v-if="selectedStep.id === dynamicSteps.selectMigrationType"
           v-model="form.migrate_type"
           :project="props.project"
         />
 
         <common-wizards-vm-migrate-select-target-server
-          v-if="selectedStep.id === 2"
+          v-if="selectedStep.id === dynamicSteps.selectTargetVCenterSer"
           v-model="form.target_server"
           v-model:connect-server="isConnectSourceServer"
           :wizard="wizard"
         />
 
         <common-wizards-vm-migrate-select-compute-resource
-          v-show="selectedStep.id === 3"
+          v-show="selectedStep.id === dynamicSteps.selectComputeResource"
           v-model="form"
           :alert-messages="alertMessages[3]"
           :get-compute-resource-data="props.getComputeResourceData"
@@ -43,7 +43,7 @@
         />
 
         <common-wizards-vm-migrate-select-storage
-          v-show="selectedStep.id === 4"
+          v-show="selectedStep.id === dynamicSteps.selectStorage"
           v-model="form"
           :alert-messages="alertMessages[4]"
           :get-datastore-table-func="props.getDatastoreTableFunc"
@@ -54,20 +54,20 @@
         />
 
         <common-wizards-vm-migrate-select-network
-          v-show="selectedStep.id === 5"
+          v-show="selectedStep.id === dynamicSteps.selectNetworks"
           v-model="form.network"
           :vm-info="props.vmInfo"
           :networks="props.networks"
         />
 
         <common-wizards-vm-migrate-select-priority
-          v-if="selectedStep.id === 6"
+          v-if="selectedStep.id === dynamicSteps.migrationStrategy"
           v-model="form.vMotion_priority"
           :vm-state="props.vmState"
         />
 
         <common-ready-to-complete
-          v-if="selectedStep.id === 7"
+          v-if="selectedStep.id === dynamicSteps.readyComplete"
           :data="dataReadyView"
         />
       </template>
@@ -82,6 +82,7 @@ import type {
 } from '~/components/atoms/wizard/lib/models/interfaces'
 import Wizard from '~/components/atoms/wizard/lib/utils/utils'
 import {
+  dynamicSteps,
   stepsFunc,
   stepsSchemeInitial,
 } from '~/components/common/wizards/vm/migrate/lib/config/steps'
@@ -193,7 +194,7 @@ const validationFunc = async (
 ): Promise<UI_I_ValidationReturn> => {
   let stepHasError = false
 
-  if (wizard.isValidateForStep(3, currentStep.id, nextStep.id)) {
+  if (wizard.isValidateForStep(dynamicSteps.selectComputeResource, currentStep.id, nextStep.id)) {
     const nameValidation = await validation.checkSelectedResourceSync(
       localization.value,
       form.value.resource,
@@ -206,7 +207,7 @@ const validationFunc = async (
     stepHasError = nameValidation.stepHasError
   }
 
-  if (wizard.isValidateForStep(4, currentStep.id, nextStep.id)) {
+  if (wizard.isValidateForStep(dynamicSteps.selectStorage, currentStep.id, nextStep.id)) {
     const nameValidation = await validation.checkSelectedDatastoreSync(
       localization.value,
       form.value.storage,