bfg-common 1.4.720 → 1.4.721

package/components/common/vm/actions/editSettings/EditSettingsOld.vue

@@ -1,183 +1,183 @@
-<template>
-  <div class="edit-vm">
-    <atoms-modal
-      test-id="edit-vm-wizard"
-      :show="true"
-      :title="localization.common.editSettings"
-      :second-title="props.vmNameOld"
-      :disabled-submit="props.loading"
-      @submit="emits('validate')"
-      @hide="emits('hide')"
-    >
-      <template #modalBody>
-        <atoms-loader
-          v-show="!vmSettings || props.loading"
-          id="loader"
-          data-id="edit-vm-settings-spinner"
-        />
-        <div v-if="vmSettings" class="vm-context">
-          <common-vm-actions-common-customize-hardware
-            v-model:vm-name="vmName"
-            v-model:guest-machine-type="vmSettings.guestMachineType"
-            v-model:guest-os-family="vmSettings.guestOsFamily"
-            v-model:guest-os-version="vmSettings.guestOsVersion"
-            :project="props.project"
-            :storage="vmSettings.storage"
-            :hard-disks-for-boot-options="props.virtualHardwareHardDisks"
-            :cd-dvd-drives-for-boot-options="props.virtualHardwareCdDvdDrives"
-            :networks-for-boot-options="props.virtualHardwareNetworks"
-            :cd-dvd-drives="vmSettings.cdDvdDrives"
-            :hard-disks="vmSettings.hardDisks"
-            :networks="vmSettings.networks"
-            :max-cpus="vmSettings.maxCpus"
-            :max-memory="vmSettings.maxMemory"
-            :cpu-models="vmSettings.cpuModels"
-            :cpu="vmSettings.cpu"
-            :memory="vmSettings.memory"
-            :video-card="vmSettings.videoCard"
-            :usb-controller="vmSettings.usbController"
-            :pci-devices="vmSettings.pciDevices"
-            :selected-nav-item="selectedNavItem"
-            :hard-disks-for-edit="vmSettings.hardDisks"
-            :options="vmSettings.options"
-            :nodes="props.nodes"
-            :files="props.files"
-            :networks-table="props.networksTable"
-            :error-validation-fields="props.errorValidationFields"
-            :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-            :passthrough-devices="props.passthroughDevices"
-            :state="props.state"
-            :get-datastore-table-func="props.getDatastoreTableFunc"
-            :datastore="props.datastore"
-            :customize-hardware-submit="props.customizeHardwareSubmit"
-            is-edit
-            @get-storage="emits('get-storage', $event)"
-            @get-folders-or-files="emits('get-folders-or-files', $event)"
-            @get-active-device-child="emits('get-active-device-child', $event)"
-            @show-datastore-child="emits('show-datastore-child', $event)"
-            @get-networks-table="emits('get-networks-table', $event)"
-            @get-pci-devices="emits('get-pci-devices')"
-            @change-boot-order="emits('change-boot-order', $event)"
-            @send-data="emits('change-customize-hardware', $event)"
-          />
-        </div>
-      </template>
-    </atoms-modal>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_T_Project } from '~/lib/models/types'
-import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
-import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
-import type {
-  UI_I_PciDevice,
-  UI_I_VmSettings,
-} from '~/lib/models/store/vm/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
-import type {
-  UI_I_SendDataNewCdDvdDrive,
-  UI_I_SendDataNewHardDisk,
-  UI_I_SendDataNewNetwork,
-} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import type { UI_T_SelectedNavItem } from '~/components/common/vm/actions/common/lib/models/types'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
-import type {
-  UI_I_DatastoreTableItem,
-  UI_I_FolderOrFileTreePayload,
-} from '~/lib/models/store/storage/interfaces'
-import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
-
-const vmName = defineModel<string>('vmName', { required: true })
-
-const vmSettings = defineModel<UI_I_VmSettings | null>('vmSettings', {
-  required: true,
-})
-
-const props = defineProps<{
-  nodes: UI_I_FileTreeNode[]
-  files: UI_I_FileTreeNode[]
-  project: UI_T_Project
-  loading: boolean
-  datastore: UI_I_DatastoreTableItem[]
-  networksTable: UI_I_NetworkTableItem[]
-  selectedNavItem: UI_T_SelectedNavItem
-  vmCpuHelpTextSecond: string
-  errorValidationFields: UI_I_ErrorValidationField<string>[]
-  virtualHardwareNetworks: UI_I_SendDataNewNetwork[] | null
-  virtualHardwareHardDisks: UI_I_SendDataNewHardDisk[] | null
-  virtualHardwareCdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
-  state?: string | number
-  vmNameOld?: string
-  passthroughDevices?: UI_I_PciDevice[]
-  getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
-  customizeHardwareSubmit?: null | Function
-}>()
-
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'validate'): void
-  (event: 'update-vm'): void
-  (event: 'get-storage', value: UI_I_TablePayload): void
-  (event: 'get-pci-devices'): void
-  (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void
-  (event: 'get-networks-table', value: UI_I_TablePayload): void
-  (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
-  (event: 'show-datastore-child', value: UI_I_FileTreeNode): void
-  (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
-  (
-    event: 'change-customize-hardware',
-    value: UI_I_SendDataCustomizeHardware
-  ): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.vm-context {
-  padding: 16px 15px 10px 10px;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-}
-
-:deep(.modal-dialog) {
-  width: 840px;
-}
-:deep(.modal .modal-dialog .modal-content .modal-footer) {
-  flex: unset;
-  height: unset;
-  min-height: unset;
-}
-:deep(.wizard-modal-titlebar h3) {
-  color: #000;
-  font-size: 24px;
-  font-weight: 200;
-  line-height: 27px;
-  margin: 0;
-  padding: 0;
-}
-:deep(.clr-wizard-stepnav-item) {
-  padding-left: 0;
-}
-:deep(.clr-wizard-stepnav
-    .clr-wizard-stepnav-item
-    button
-    .clr-wizard-stepnav-link-title) {
-  width: 189px;
-  font-weight: 700;
-  font-size: 13px;
-}
-
-.loading {
-  :deep(.spinner) {
-    width: 45px;
-    height: 45px;
-    min-width: 45px;
-    min-height: 45px;
-  }
-}
-</style>
+<template>
+  <div class="edit-vm">
+    <atoms-modal
+      test-id="edit-vm-wizard"
+      :show="true"
+      :title="localization.common.editSettings"
+      :second-title="props.vmNameOld"
+      :disabled-submit="props.loading"
+      @submit="emits('validate')"
+      @hide="emits('hide')"
+    >
+      <template #modalBody>
+        <atoms-loader
+          v-show="!vmSettings || props.loading"
+          id="loader"
+          data-id="edit-vm-settings-spinner"
+        />
+        <div v-if="vmSettings" class="vm-context">
+          <common-vm-actions-common-customize-hardware
+            v-model:vm-name="vmName"
+            v-model:guest-machine-type="vmSettings.guestMachineType"
+            v-model:guest-os-family="vmSettings.guestOsFamily"
+            v-model:guest-os-version="vmSettings.guestOsVersion"
+            :project="props.project"
+            :storage="vmSettings.storage"
+            :hard-disks-for-boot-options="props.virtualHardwareHardDisks"
+            :cd-dvd-drives-for-boot-options="props.virtualHardwareCdDvdDrives"
+            :networks-for-boot-options="props.virtualHardwareNetworks"
+            :cd-dvd-drives="vmSettings.cdDvdDrives"
+            :hard-disks="vmSettings.hardDisks"
+            :networks="vmSettings.networks"
+            :max-cpus="vmSettings.maxCpus"
+            :max-memory="vmSettings.maxMemory"
+            :cpu-models="vmSettings.cpuModels"
+            :cpu="vmSettings.cpu"
+            :memory="vmSettings.memory"
+            :video-card="vmSettings.videoCard"
+            :usb-controller="vmSettings.usbController"
+            :pci-devices="vmSettings.pciDevices"
+            :selected-nav-item="selectedNavItem"
+            :hard-disks-for-edit="vmSettings.hardDisks"
+            :options="vmSettings.options"
+            :nodes="props.nodes"
+            :files="props.files"
+            :networks-table="props.networksTable"
+            :error-validation-fields="props.errorValidationFields"
+            :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
+            :passthrough-devices="props.passthroughDevices"
+            :state="props.state"
+            :get-datastore-table-func="props.getDatastoreTableFunc"
+            :datastore="props.datastore"
+            :customize-hardware-submit="props.customizeHardwareSubmit"
+            is-edit
+            @get-storage="emits('get-storage', $event)"
+            @get-folders-or-files="emits('get-folders-or-files', $event)"
+            @get-active-device-child="emits('get-active-device-child', $event)"
+            @show-datastore-child="emits('show-datastore-child', $event)"
+            @get-networks-table="emits('get-networks-table', $event)"
+            @get-pci-devices="emits('get-pci-devices')"
+            @change-boot-order="emits('change-boot-order', $event)"
+            @send-data="emits('change-customize-hardware', $event)"
+          />
+        </div>
+      </template>
+    </atoms-modal>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_T_Project } from '~/lib/models/types'
+import type { UI_I_FileTreeNode } from '~/components/lib/models/interfaces'
+import type { UI_I_NetworkTableItem } from '~/lib/models/store/network/interfaces'
+import type {
+  UI_I_PciDevice,
+  UI_I_VmSettings,
+} from '~/lib/models/store/vm/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/common/customizeHardware/lib/models/interfaces'
+import type {
+  UI_I_SendDataNewCdDvdDrive,
+  UI_I_SendDataNewHardDisk,
+  UI_I_SendDataNewNetwork,
+} from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
+import type { UI_T_SelectedNavItem } from '~/components/common/vm/actions/common/lib/models/types'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_TablePayload } from '~/lib/models/table/interfaces'
+import type {
+  UI_I_DatastoreTableItem,
+  UI_I_FolderOrFileTreePayload,
+} from '~/lib/models/store/storage/interfaces'
+import type { UI_T_ChangeBootOrder } from '~/components/common/vm/actions/lib/models/types'
+
+const vmName = defineModel<string>('vmName', { required: true })
+
+const vmSettings = defineModel<UI_I_VmSettings | null>('vmSettings', {
+  required: true,
+})
+
+const props = defineProps<{
+  nodes: UI_I_FileTreeNode[]
+  files: UI_I_FileTreeNode[]
+  project: UI_T_Project
+  loading: boolean
+  datastore: UI_I_DatastoreTableItem[]
+  networksTable: UI_I_NetworkTableItem[]
+  selectedNavItem: UI_T_SelectedNavItem
+  vmCpuHelpTextSecond: string
+  errorValidationFields: UI_I_ErrorValidationField<string>[]
+  virtualHardwareNetworks: UI_I_SendDataNewNetwork[] | null
+  virtualHardwareHardDisks: UI_I_SendDataNewHardDisk[] | null
+  virtualHardwareCdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
+  state?: string | number
+  vmNameOld?: string
+  passthroughDevices?: UI_I_PciDevice[]
+  getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
+  customizeHardwareSubmit?: null | Function
+}>()
+
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'validate'): void
+  (event: 'update-vm'): void
+  (event: 'get-storage', value: UI_I_TablePayload): void
+  (event: 'get-pci-devices'): void
+  (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void
+  (event: 'get-networks-table', value: UI_I_TablePayload): void
+  (event: 'get-folders-or-files', value: UI_I_FolderOrFileTreePayload): void
+  (event: 'show-datastore-child', value: UI_I_FileTreeNode): void
+  (event: 'get-active-device-child', value: UI_I_FileTreeNode): void
+  (
+    event: 'change-customize-hardware',
+    value: UI_I_SendDataCustomizeHardware
+  ): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.vm-context {
+  padding: 16px 15px 10px 10px;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+:deep(.modal-dialog) {
+  width: 840px;
+}
+:deep(.modal .modal-dialog .modal-content .modal-footer) {
+  flex: unset;
+  height: unset;
+  min-height: unset;
+}
+:deep(.wizard-modal-titlebar h3) {
+  color: #000;
+  font-size: 24px;
+  font-weight: 200;
+  line-height: 27px;
+  margin: 0;
+  padding: 0;
+}
+:deep(.clr-wizard-stepnav-item) {
+  padding-left: 0;
+}
+:deep(.clr-wizard-stepnav
+    .clr-wizard-stepnav-item
+    button
+    .clr-wizard-stepnav-link-title) {
+  width: 189px;
+  font-weight: 700;
+  font-size: 13px;
+}
+
+.loading {
+  :deep(.spinner) {
+    width: 45px;
+    height: 45px;
+    min-width: 45px;
+    min-height: 45px;
+  }
+}
+</style>