bfg-common 1.4.720 → 1.4.721

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newNetwork/macAddress/MacAddressOld.vue

@@ -1,83 +1,83 @@
-<template>
-  <div>
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.macAddress }}
-      </template>
-      <template #stackBlockContent>
-        <div class="flex-align-center">
-          <atoms-tooltip-error
-            :has-error="!!props.errorText"
-            :selector="`.vm-wizard-network-mac-address-field-${props.index}`"
-            @remove="emits('remove-error')"
-          >
-            <template #elem>
-              <input
-                :id="`vm-wizard-network-mac-address-field-${props.index}`"
-                v-model="macAddress"
-                type="text"
-                :data-id="`vm-wizard-network-mac-address-field-${props.index}`"
-                :disabled="macAddressType === 'automatic' || props.disabled"
-                :class="[
-                  `vm-wizard-network-mac-address-field-${props.index}`,
-                  { 'has-error': props.macAddressLocalErrorText },
-                ]"
-              />
-            </template>
-            <template #content>
-              {{ props.errorText }}
-            </template>
-          </atoms-tooltip-error>
-
-          <div class="select">
-            <select
-              :id="`mac-address-select-${props.index}`"
-              v-model="macAddressType"
-              :data-id="`mac-address-select-${props.index}`"
-              :disabled="props.disabled"
-            >
-              <option
-                v-for="(item, key) in props.macAddressOptions"
-                :key="key"
-                :value="item.value"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </div>
-        </div>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type {
-  UI_I_Localization,
-} from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-
-const macAddress = defineModel<string>('macAddress', { required: true })
-const macAddressType = defineModel<string>('macAddressType', {
-  required: true,
-})
-
-const props = defineProps<{
-  index: number
-  disabled: boolean
-  errorText: string
-  macAddressLocalErrorText: string
-  macAddressOptions: UI_I_OptionItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove-error'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-.has-error {
-  border: 1px solid #db2100;
-}
-</style>
+<template>
+  <div>
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.common.macAddress }}
+      </template>
+      <template #stackBlockContent>
+        <div class="flex-align-center">
+          <atoms-tooltip-error
+            :has-error="!!props.errorText"
+            :selector="`.vm-wizard-network-mac-address-field-${props.index}`"
+            @remove="emits('remove-error')"
+          >
+            <template #elem>
+              <input
+                :id="`vm-wizard-network-mac-address-field-${props.index}`"
+                v-model="macAddress"
+                type="text"
+                :data-id="`vm-wizard-network-mac-address-field-${props.index}`"
+                :disabled="macAddressType === 'automatic' || props.disabled"
+                :class="[
+                  `vm-wizard-network-mac-address-field-${props.index}`,
+                  { 'has-error': props.macAddressLocalErrorText },
+                ]"
+              />
+            </template>
+            <template #content>
+              {{ props.errorText }}
+            </template>
+          </atoms-tooltip-error>
+
+          <div class="select">
+            <select
+              :id="`mac-address-select-${props.index}`"
+              v-model="macAddressType"
+              :data-id="`mac-address-select-${props.index}`"
+              :disabled="props.disabled"
+            >
+              <option
+                v-for="(item, key) in props.macAddressOptions"
+                :key="key"
+                :value="item.value"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </div>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type {
+  UI_I_Localization,
+} from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+
+const macAddress = defineModel<string>('macAddress', { required: true })
+const macAddressType = defineModel<string>('macAddressType', {
+  required: true,
+})
+
+const props = defineProps<{
+  index: number
+  disabled: boolean
+  errorText: string
+  macAddressLocalErrorText: string
+  macAddressOptions: UI_I_OptionItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove-error'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+.has-error {
+  border: 1px solid #db2100;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDeviceNew.vue

@@ -1,85 +1,85 @@
-<template>
-  <ui-stack-block
-    :has-children="true"
-    :removable="props.isRemovable"
-    test-id="pci-device-stack-block"
-    @remove="emits('remove')"
-  >
-    <template #stackBlockKey>
-      <div
-        :id="`vm-wizard-toggle-block-pci-device-${props.index}`"
-        :data-id="`vm-wizard-toggle-block-pci-device-${props.index}`"
-        class="flex-align-center"
-      >
-        <span>{{ props.label }}</span>
-      </div>
-    </template>
-    <template #stackBlockContent>
-      <span class="main-label">
-        {{ props.selectedLabel }}
-      </span>
-    </template>
-    <template #stackChildren>
-      <template v-if="props.type === 'new'">
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-type-selection
-          v-model="selectedType"
-          :options="props.pciDeviceTypeOptions"
-          :pci-device-index="props.index"
-        />
-
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
-          v-show="selectedType.value === 'direct_path_io'"
-          v-model="directPathIo"
-          :pci-device-index="props.index"
-          :passthrough-devices="props.passthroughDevices"
-        />
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
-          v-show="selectedType.value === 'dynamic_direct_path_io'"
-          v-model="dynamicDirectPathIo"
-          :pci-device-index="props.index"
-        />
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
-          v-show="selectedType.value === 'nvidia_grid'"
-          v-model="nvidiaGridProfile"
-          :pci-device-index="props.index"
-        />
-      </template>
-
-      <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
-
-const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
-  required: true,
-})
-const directPathIo = defineModel<UI_I_PciDevice>('directPathIo', {
-  required: true,
-})
-const dynamicDirectPathIo = defineModel<string>('dynamicDirectPathIo', {
-  required: true,
-})
-const nvidiaGridProfile = defineModel<string>('nvidiaGridProfile', {
-  required: true,
-})
-
-const props = defineProps<{
-  index: number
-  passthroughDevices: UI_I_PciDevice[]
-  type: UI_T_PciDeviceType
-  isRemovable: boolean
-  label: string
-  selectedLabel: string
-  pciDeviceTypeOptions: UI_I_OptionItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove'): void
-}>()
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <ui-stack-block
+    :has-children="true"
+    :removable="props.isRemovable"
+    test-id="pci-device-stack-block"
+    @remove="emits('remove')"
+  >
+    <template #stackBlockKey>
+      <div
+        :id="`vm-wizard-toggle-block-pci-device-${props.index}`"
+        :data-id="`vm-wizard-toggle-block-pci-device-${props.index}`"
+        class="flex-align-center"
+      >
+        <span>{{ props.label }}</span>
+      </div>
+    </template>
+    <template #stackBlockContent>
+      <span class="main-label">
+        {{ props.selectedLabel }}
+      </span>
+    </template>
+    <template #stackChildren>
+      <template v-if="props.type === 'new'">
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-type-selection
+          v-model="selectedType"
+          :options="props.pciDeviceTypeOptions"
+          :pci-device-index="props.index"
+        />
+
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
+          v-show="selectedType.value === 'direct_path_io'"
+          v-model="directPathIo"
+          :pci-device-index="props.index"
+          :passthrough-devices="props.passthroughDevices"
+        />
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
+          v-show="selectedType.value === 'dynamic_direct_path_io'"
+          v-model="dynamicDirectPathIo"
+          :pci-device-index="props.index"
+        />
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
+          v-show="selectedType.value === 'nvidia_grid'"
+          v-model="nvidiaGridProfile"
+          :pci-device-index="props.index"
+        />
+      </template>
+
+      <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
+import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
+
+const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
+  required: true,
+})
+const directPathIo = defineModel<UI_I_PciDevice>('directPathIo', {
+  required: true,
+})
+const dynamicDirectPathIo = defineModel<string>('dynamicDirectPathIo', {
+  required: true,
+})
+const nvidiaGridProfile = defineModel<string>('nvidiaGridProfile', {
+  required: true,
+})
+
+const props = defineProps<{
+  index: number
+  passthroughDevices: UI_I_PciDevice[]
+  type: UI_T_PciDeviceType
+  isRemovable: boolean
+  label: string
+  selectedLabel: string
+  pciDeviceTypeOptions: UI_I_OptionItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove'): void
+}>()
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDeviceOld.vue

@@ -1,91 +1,91 @@
-<template>
-  <div class="hardware-pci-device">
-    <atoms-stack-block
-      :has-children="true"
-      :removable="props.isRemovable"
-      test-id="pci-device-stack-block"
-      @remove="emits('remove')"
-    >
-      <template #stackBlockKey>
-        <div
-          :id="`vm-wizard-toggle-block-pci-device-${props.index}`"
-          :data-id="`vm-wizard-toggle-block-pci-device-${props.index}`"
-          class="flex-align-center"
-        >
-          <span>{{ props.label }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <span class="main-label">
-          {{ props.selectedLabel }}
-        </span>
-      </template>
-      <template #stackChildren>
-        <template v-if="props.type === 'new'">
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-type-selection
-            v-model="selectedType"
-            :options="props.pciDeviceTypeOptions"
-            :pci-device-index="props.index"
-          />
-
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
-            v-show="selectedType.value === 'direct_path_io'"
-            v-model="directPathIo"
-            :pci-device-index="props.index"
-            :passthrough-devices="props.passthroughDevices"
-          />
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
-            v-show="selectedType.value === 'dynamic_direct_path_io'"
-            v-model="dynamicDirectPathIo"
-            :pci-device-index="props.index"
-          />
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
-            v-show="selectedType.value === 'nvidia_grid'"
-            v-model="nvidiaGridProfile"
-            :pci-device-index="props.index"
-          />
-        </template>
-
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note />
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
-
-const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
-  required: true,
-})
-const directPathIo = defineModel<UI_I_PciDevice>('directPathIo', {
-  required: true,
-})
-const dynamicDirectPathIo = defineModel<string>('dynamicDirectPathIo', {
-  required: true,
-})
-const nvidiaGridProfile = defineModel<string>('nvidiaGridProfile', {
-  required: true,
-})
-
-const props = defineProps<{
-  index: number
-  passthroughDevices: UI_I_PciDevice[]
-  type: UI_T_PciDeviceType
-  isRemovable: boolean
-  label: string
-  selectedLabel: string
-  pciDeviceTypeOptions: UI_I_OptionItem[]
-}>()
-const emits = defineEmits<{
-  (event: 'remove'): void
-}>()
-</script>
-
-<style scoped lang="scss">
-#network-connect {
-  margin-right: 4px;
-}
-</style>
+<template>
+  <div class="hardware-pci-device">
+    <atoms-stack-block
+      :has-children="true"
+      :removable="props.isRemovable"
+      test-id="pci-device-stack-block"
+      @remove="emits('remove')"
+    >
+      <template #stackBlockKey>
+        <div
+          :id="`vm-wizard-toggle-block-pci-device-${props.index}`"
+          :data-id="`vm-wizard-toggle-block-pci-device-${props.index}`"
+          class="flex-align-center"
+        >
+          <span>{{ props.label }}</span>
+        </div>
+      </template>
+      <template #stackBlockContent>
+        <span class="main-label">
+          {{ props.selectedLabel }}
+        </span>
+      </template>
+      <template #stackChildren>
+        <template v-if="props.type === 'new'">
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-type-selection
+            v-model="selectedType"
+            :options="props.pciDeviceTypeOptions"
+            :pci-device-index="props.index"
+          />
+
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
+            v-show="selectedType.value === 'direct_path_io'"
+            v-model="directPathIo"
+            :pci-device-index="props.index"
+            :passthrough-devices="props.passthroughDevices"
+          />
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
+            v-show="selectedType.value === 'dynamic_direct_path_io'"
+            v-model="dynamicDirectPathIo"
+            :pci-device-index="props.index"
+          />
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
+            v-show="selectedType.value === 'nvidia_grid'"
+            v-model="nvidiaGridProfile"
+            :pci-device-index="props.index"
+          />
+        </template>
+
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note />
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
+import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
+
+const selectedType = defineModel<UI_I_OptionItem>('selectedType', {
+  required: true,
+})
+const directPathIo = defineModel<UI_I_PciDevice>('directPathIo', {
+  required: true,
+})
+const dynamicDirectPathIo = defineModel<string>('dynamicDirectPathIo', {
+  required: true,
+})
+const nvidiaGridProfile = defineModel<string>('nvidiaGridProfile', {
+  required: true,
+})
+
+const props = defineProps<{
+  index: number
+  passthroughDevices: UI_I_PciDevice[]
+  type: UI_T_PciDeviceType
+  isRemovable: boolean
+  label: string
+  selectedLabel: string
+  pciDeviceTypeOptions: UI_I_OptionItem[]
+}>()
+const emits = defineEmits<{
+  (event: 'remove'): void
+}>()
+</script>
+
+<style scoped lang="scss">
+#network-connect {
+  margin-right: 4px;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIoNew.vue

@@ -1,35 +1,35 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      <span>{{ localization.common.pciDevice }}</span>
-    </template>
-    <template #stackBlockContent>
-      <ui-select
-        id="direct-path-io"
-        v-model="model"
-        width="auto"
-        :items="props.passthroughDevices"
-        :test-id="`direct-path-io-select-${props.pciDeviceIndex}`"
-      />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_I_ConfigureAllPciDevicesItem,
-  UI_I_ConfigurePciDevicesTable,
-} from '~/lib/models/store/host/interfaces'
-
-const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()
-
-const props = defineProps<{
-  pciDeviceIndex: number
-  passthroughDevices: UI_I_ConfigurePciDevicesTable
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      <span>{{ localization.common.pciDevice }}</span>
+    </template>
+    <template #stackBlockContent>
+      <ui-select
+        id="direct-path-io"
+        v-model="model"
+        width="auto"
+        :items="props.passthroughDevices"
+        :test-id="`direct-path-io-select-${props.pciDeviceIndex}`"
+      />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_ConfigureAllPciDevicesItem,
+  UI_I_ConfigurePciDevicesTable,
+} from '~/lib/models/store/host/interfaces'
+
+const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()
+
+const props = defineProps<{
+  pciDeviceIndex: number
+  passthroughDevices: UI_I_ConfigurePciDevicesTable
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>