bfg-common 1.5.322 → 1.5.323

package/components/common/vmt/actions/add/lib/config/steps.ts

@@ -1,107 +1,107 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
-import type { I_DynamicSteps } from '~/components/common/vmt/actions/add/lib/models/interfaces'
-import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
-
-export const dynamicSteps: I_DynamicSteps = {
-  selectName: 0,
-  selectStorage: 1,
-  selectGuestOSMachineType: 2,
-  customizeHardware: 3,
-  readyComplete: 4,
-}
-
-export const stepsFunc = (
-  localization: UI_I_Localization,
-  // isScheduledTasks: boolean
-): UI_I_WizardStep[] => {
-  let result: UI_I_WizardStep[] = [
-    {
-      id: dynamicSteps.selectName,
-      stepName: '',
-      title: localization.common.selectName,
-      subTitle: localization.common.specifyUniqueName,
-      status: UI_E_WIZARD_STATUS.SELECTED,
-      isValid: true,
-      testId: 'vm-wizard-select-name',
-      fields: {
-        name: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: dynamicSteps.selectStorage,
-      stepName: '',
-      title: localization.common.selectStorage,
-      subTitle: localization.common.selectStorageConfigurationDiskFiles,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-select-storage',
-      fields: {
-        storage: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: dynamicSteps.selectGuestOSMachineType,
-      stepName: '',
-      title: localization.common.selectGuestOSMachineType,
-      subTitle:
-      localization.common.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-select-guest-os-machine-type',
-      fields: {},
-    },
-    {
-      id: dynamicSteps.customizeHardware,
-      stepName: '',
-      title: localization.common.customizeHardware,
-      subTitle: localization.common.configureVirtualMachineHardware,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-customize-hardware',
-      fields: {
-        customizeHardware: {
-          field: '',
-          alert: '',
-        },
-      },
-    },
-    {
-      id: dynamicSteps.readyComplete,
-      stepName: '',
-      title: localization.common.readyComplete,
-      subTitle: localization.common.clickFinishStartCreation,
-      status: UI_E_WIZARD_STATUS.INACTIVE,
-      isValid: true,
-      testId: 'vm-wizard-ready-complete',
-      fields: {},
-    },
-  ]
-
-  // if (!isScheduledTasks) {
-  //   result.shift()
-  //   result[0].status = UI_E_WIZARD_STATUS.SELECTED
-  //   result = result.map((item) => {
-  //     item.id--
-  //     return item
-  //   })
-  // }
-
-  return result
-}
-
-export const stepsSchemeInitial = [
-  [
-    dynamicSteps.selectName,
-    dynamicSteps.selectStorage,
-    dynamicSteps.selectGuestOSMachineType,
-    dynamicSteps.customizeHardware,
-    dynamicSteps.readyComplete,
-  ]
-]
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_WizardStep } from '~/components/atoms/wizard/lib/models/interfaces'
+import type { I_DynamicSteps } from '~/components/common/vmt/actions/add/lib/models/interfaces'
+import { UI_E_WIZARD_STATUS } from '~/components/atoms/wizard/lib/models/enums'
+
+export const dynamicSteps: I_DynamicSteps = {
+  selectName: 0,
+  selectStorage: 1,
+  selectGuestOSMachineType: 2,
+  customizeHardware: 3,
+  readyComplete: 4,
+}
+
+export const stepsFunc = (
+  localization: UI_I_Localization,
+  // isScheduledTasks: boolean
+): UI_I_WizardStep[] => {
+  let result: UI_I_WizardStep[] = [
+    {
+      id: dynamicSteps.selectName,
+      stepName: '',
+      title: localization.common.selectName,
+      subTitle: localization.common.specifyUniqueName,
+      status: UI_E_WIZARD_STATUS.SELECTED,
+      isValid: true,
+      testId: 'vm-wizard-select-name',
+      fields: {
+        name: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: dynamicSteps.selectStorage,
+      stepName: '',
+      title: localization.common.selectStorage,
+      subTitle: localization.common.selectStorageConfigurationDiskFiles,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-storage',
+      fields: {
+        storage: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: dynamicSteps.selectGuestOSMachineType,
+      stepName: '',
+      title: localization.common.selectGuestOSMachineType,
+      subTitle:
+      localization.common.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-select-guest-os-machine-type',
+      fields: {},
+    },
+    {
+      id: dynamicSteps.customizeHardware,
+      stepName: '',
+      title: localization.common.customizeHardware,
+      subTitle: localization.common.configureVirtualMachineHardware,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-customize-hardware',
+      fields: {
+        customizeHardware: {
+          field: '',
+          alert: '',
+        },
+      },
+    },
+    {
+      id: dynamicSteps.readyComplete,
+      stepName: '',
+      title: localization.common.readyComplete,
+      subTitle: localization.common.clickFinishStartCreation,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-ready-complete',
+      fields: {},
+    },
+  ]
+
+  // if (!isScheduledTasks) {
+  //   result.shift()
+  //   result[0].status = UI_E_WIZARD_STATUS.SELECTED
+  //   result = result.map((item) => {
+  //     item.id--
+  //     return item
+  //   })
+  // }
+
+  return result
+}
+
+export const stepsSchemeInitial = [
+  [
+    dynamicSteps.selectName,
+    dynamicSteps.selectStorage,
+    dynamicSteps.selectGuestOSMachineType,
+    dynamicSteps.customizeHardware,
+    dynamicSteps.readyComplete,
+  ]
+]

package/components/common/vmt/actions/add/lib/models/interfaces.ts

@@ -1,23 +1,23 @@
-import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
-
-export interface UI_I_VmtForm {
-  name: string
-  compatibility: string
-  guestMachineType: UI_I_OptionItem | null
-  guestOsFamily: UI_I_OptionItem | null
-  guestOsVersion: UI_I_OptionItem | null
-  computeResource: UI_I_TreeNode | null
-  storage: UI_I_DatastoreTableItem | null
-  locationPath: string
-}
-
-export interface I_DynamicSteps {
-  selectName: number
-  selectStorage: number
-  selectGuestOSMachineType: number
-  customizeHardware: number
-  readyComplete: number
-  scheduledTasks?: number
-}
+import type { UI_I_DatastoreTableItem } from '~/lib/models/store/storage/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
+
+export interface UI_I_VmtForm {
+  name: string
+  compatibility: string
+  guestMachineType: UI_I_OptionItem | null
+  guestOsFamily: UI_I_OptionItem | null
+  guestOsVersion: UI_I_OptionItem | null
+  computeResource: UI_I_TreeNode | null
+  storage: UI_I_DatastoreTableItem | null
+  locationPath: string
+}
+
+export interface I_DynamicSteps {
+  selectName: number
+  selectStorage: number
+  selectGuestOSMachineType: number
+  customizeHardware: number
+  readyComplete: number
+  scheduledTasks?: number
+}

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

@@ -1,104 +1,104 @@
-<template>
-  <div class="wizard-content-container add-networking-step">
-    <div class="wizard-content">
-      <form>
-        <div v-permission="'Networks.CreateSysx'" 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 v-permission="'Networks.CreateSysx'" class="add-networking-radio-button-description">
-          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
-        </div>
-        <div v-permission="'Networks.CreatePortGroup'" 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
-          v-permission="'Networks.CreatePortGroup'"
-          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 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 v-permission="'Networks.CreateSysx'" 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 v-permission="'Networks.CreateSysx'" class="add-networking-radio-button-description">
+          {{ localization.common.vMKernelTcpIpStackHandlesTraffic }}
+        </div>
+        <div v-permission="'Networks.CreatePortGroup'" 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
+          v-permission="'Networks.CreatePortGroup'"
+          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 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>