bfg-common 1.5.111 → 1.5.113

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/note/NoteOld.vue

@@ -1,30 +1,30 @@
-<template>
-  <atoms-stack-block :has-children="false">
-    <template #stackBlockContent>
-      <span>
-        <atoms-the-icon
-          name="warning"
-          width="16px"
-          heigth="16px"
-          class="note-icon"
-        />
-      </span>
-      <span
-        >{{ localization.common.note }}:
-        {{ localization.common.pciDeviceNote }}</span
-      >
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped>
-.note-icon {
-  margin-bottom: -4px;
-}
-</style>
+<template>
+  <atoms-stack-block :has-children="false">
+    <template #stackBlockContent>
+      <span>
+        <atoms-the-icon
+          name="warning"
+          width="16px"
+          heigth="16px"
+          class="note-icon"
+        />
+      </span>
+      <span
+        >{{ localization.common.note }}:
+        {{ localization.common.pciDeviceNote }}</span
+      >
+    </template>
+  </atoms-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped>
+.note-icon {
+  margin-bottom: -4px;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGrid.vue

@@ -1,41 +1,41 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid-new
-    v-if="isNewView"
-    v-model="model"
-    :options="options"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid-old
-    v-else
-    v-model="model"
-    :options="options"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
-import type {UI_I_MediatedDevice} from "~/lib/models/store/vm/interfaces";
-
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  pciDeviceIndex: number
-  mediatedDevices: UI_I_MediatedDevice[]
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const options = ref<UI_I_Option[]>(
-  props.mediatedDevices.map((device) => {
-    return {
-      text: device.human_readable,
-      value: device.profile_name + '_' + device.root_device,
-    }
-  })
-)
-model.value = options.value[0]
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid-new
+    v-if="isNewView"
+    v-model="model"
+    :options="options"
+    :pci-device-index="props.pciDeviceIndex"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid-old
+    v-else
+    v-model="model"
+    :options="options"
+    :pci-device-index="props.pciDeviceIndex"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
+import type { UI_I_MediatedDevice } from '~/lib/models/store/vm/interfaces'
+
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  pciDeviceIndex: number
+  mediatedDevices: UI_I_MediatedDevice[]
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const options = ref<UI_I_Option[]>(
+  props.mediatedDevices.map((device) => {
+    return {
+      text: device.human_readable,
+      value: device.profile_name + '_' + device.root_device,
+    }
+  })
+)
+model.value = options.value[0]
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridNew.vue

@@ -1,82 +1,80 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.nvidiaGridGpuProfile }}
-    </template>
-    <template #stackBlockContent>
-      <div class="nvidia-grid-content">
-        <span class="nvidia-grid-content-label"
-          >{{ localization.common.connectAnyFollowing }}:</span
-        >
-        <ui-select
-          v-model="model"
-          width="auto"
-          :items="props.options"
-          :test-id="`nvidia-grid-select-${pciDeviceIndex}`"
-          size="sm"
-        />
-      </div>
-    </template>
-  </ui-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
-
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  options: UI_I_Option[]
-  pciDeviceIndex: number
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped>
-.dynamic-direct-path-io-content {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-
-  &-label {
-    font-size: 13px;
-    line-height: 15.73px;
-    color: #9da6ad;
-  }
-}
-
-
-</style>
-
-<!--<template>-->
-<!--  <ui-stack-block :has-children="false">-->
-<!--    <template #stackBlockKey>-->
-<!--      {{ localization.common.nvidiaGridGpuProfile }}-->
-<!--    </template>-->
-<!--    <template #stackBlockContent>-->
-<!--      <ui-input-->
-<!--        :id="`nvidia-grid-${props.pciDeviceIndex}`"-->
-<!--        v-model="model"-->
-<!--        :test-id="`nvidia-grid-${props.pciDeviceIndex}-input`"-->
-<!--        type="text"-->
-<!--        size="sm"-->
-<!--      />-->
-<!--    </template>-->
-<!--  </ui-stack-block>-->
-<!--</template>-->
-
-<!--<script lang="ts" setup>-->
-<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
-
-<!--const model = defineModel<string>({ required: true })-->
-
-<!--const props = defineProps<{-->
-<!--  pciDeviceIndex: number-->
-<!--}>()-->
-
-<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
-<!--</script>-->
-
-<!--<style lang="scss" scoped></style>-->
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockKey>
+      {{ localization.common.nvidiaGridGpuProfile }}
+    </template>
+    <template #stackBlockContent>
+      <div class="nvidia-grid-content">
+        <span class="nvidia-grid-content-label"
+          >{{ localization.common.connectAnyFollowing }}:</span
+        >
+        <ui-select
+          v-model="model"
+          :items="props.options"
+          :test-id="`nvidia-grid-select-${pciDeviceIndex}`"
+          width="auto"
+          size="sm"
+        />
+      </div>
+    </template>
+  </ui-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
+
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  options: UI_I_Option[]
+  pciDeviceIndex: number
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped>
+.dynamic-direct-path-io-content {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+
+  &-label {
+    font-size: 13px;
+    line-height: 15.73px;
+    color: #9da6ad;
+  }
+}
+</style>
+
+<!--<template>-->
+<!--  <ui-stack-block :has-children="false">-->
+<!--    <template #stackBlockKey>-->
+<!--      {{ localization.common.nvidiaGridGpuProfile }}-->
+<!--    </template>-->
+<!--    <template #stackBlockContent>-->
+<!--      <ui-input-->
+<!--        :id="`nvidia-grid-${props.pciDeviceIndex}`"-->
+<!--        v-model="model"-->
+<!--        :test-id="`nvidia-grid-${props.pciDeviceIndex}-input`"-->
+<!--        type="text"-->
+<!--        size="sm"-->
+<!--      />-->
+<!--    </template>-->
+<!--  </ui-stack-block>-->
+<!--</template>-->
+
+<!--<script lang="ts" setup>-->
+<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
+
+<!--const model = defineModel<string>({ required: true })-->
+
+<!--const props = defineProps<{-->
+<!--  pciDeviceIndex: number-->
+<!--}>()-->
+
+<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
+<!--</script>-->
+
+<!--<style lang="scss" scoped></style>-->

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGridOld.vue

@@ -1,84 +1,84 @@
-<template>
-  <div>
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.nvidiaGridGpuProfile }}
-      </template>
-      <template #stackBlockContent>
-        <div>{{ localization.common.connectAnyFollowing }}:</div>
-        <div class="select">
-          <select
-            id="nvidia-grid"
-            v-model="model"
-            :data-id="`nvidia-grid-select-${props.pciDeviceIndex}`"
-          >
-            <option
-              v-for="item in props.options"
-              :key="item.value"
-              :value="item"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </div>
-        <!--        <atoms-select-the-select-->
-        <!--          v-model="model"-->
-        <!--          :options="props.options"-->
-        <!--          :test-id="`nvidia-grid-select-${pciDeviceIndex}`"-->
-        <!--        >-->
-        <!--          <span class="text-uppercase">{{-->
-        <!--            localization.common.selectHardware-->
-        <!--          }}</span>-->
-        <!--        </atoms-select-the-select>-->
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
-
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  options: UI_I_Option[]
-  pciDeviceIndex: number
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped></style>
-
-<!--<template>-->
-<!--  <div>-->
-<!--    <atoms-stack-block :has-children="false">-->
-<!--      <template #stackBlockKey>-->
-<!--        {{ localization.common.nvidiaGridGpuProfile }}-->
-<!--      </template>-->
-<!--      <template #stackBlockContent>-->
-<!--        <input-->
-<!--          :id="`nvidia-grid-${props.pciDeviceIndex}`"-->
-<!--          v-model="model"-->
-<!--          :data-id="`nvidia-grid-${props.pciDeviceIndex}-input`"-->
-<!--          type="text"-->
-<!--        />-->
-<!--      </template>-->
-<!--    </atoms-stack-block>-->
-<!--  </div>-->
-<!--</template>-->
-
-<!--<script lang="ts" setup>-->
-<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
-
-<!--const model = defineModel<string>({required: true})-->
-
-<!--const props = defineProps<{-->
-<!--  pciDeviceIndex: number-->
-<!--}>()-->
-
-<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
-<!--</script>-->
-
-<!--<style lang="scss" scoped></style>-->
+<template>
+  <div>
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.common.nvidiaGridGpuProfile }}
+      </template>
+      <template #stackBlockContent>
+        <div>{{ localization.common.connectAnyFollowing }}:</div>
+        <div class="select">
+          <select
+            id="nvidia-grid"
+            v-model="model"
+            :data-id="`nvidia-grid-select-${props.pciDeviceIndex}`"
+          >
+            <option
+              v-for="item in props.options"
+              :key="item.value"
+              :value="item"
+            >
+              {{ item.text }}
+            </option>
+          </select>
+        </div>
+        <!--        <atoms-select-the-select-->
+        <!--          v-model="model"-->
+        <!--          :options="props.options"-->
+        <!--          :test-id="`nvidia-grid-select-${pciDeviceIndex}`"-->
+        <!--        >-->
+        <!--          <span class="text-uppercase">{{-->
+        <!--            localization.common.selectHardware-->
+        <!--          }}</span>-->
+        <!--        </atoms-select-the-select>-->
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
+
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  options: UI_I_Option[]
+  pciDeviceIndex: number
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>
+
+<!--<template>-->
+<!--  <div>-->
+<!--    <atoms-stack-block :has-children="false">-->
+<!--      <template #stackBlockKey>-->
+<!--        {{ localization.common.nvidiaGridGpuProfile }}-->
+<!--      </template>-->
+<!--      <template #stackBlockContent>-->
+<!--        <input-->
+<!--          :id="`nvidia-grid-${props.pciDeviceIndex}`"-->
+<!--          v-model="model"-->
+<!--          :data-id="`nvidia-grid-${props.pciDeviceIndex}-input`"-->
+<!--          type="text"-->
+<!--        />-->
+<!--      </template>-->
+<!--    </atoms-stack-block>-->
+<!--  </div>-->
+<!--</template>-->
+
+<!--<script lang="ts" setup>-->
+<!--import type { UI_I_Localization } from '~/lib/models/interfaces'-->
+
+<!--const model = defineModel<string>({required: true})-->
+
+<!--const props = defineProps<{-->
+<!--  pciDeviceIndex: number-->
+<!--}>()-->
+
+<!--const localization = computed<UI_I_Localization>(() => useLocal())-->
+<!--</script>-->
+
+<!--<style lang="scss" scoped></style>-->

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/typeSelection/TypeSelectionOld.vue

@@ -11,14 +11,14 @@
             <input
               :id="`pci-device-radio-input-${props.pciDeviceIndex}-${index}`"
               v-model="model"
-              type="radio"
               :value="item"
               :disabled="item.disabled"
               :data-id="`pci-device-radio-input-${props.pciDeviceIndex}-${index}`"
+              type="radio"
             />
             <label
               :for="`pci-device-radio-input-${props.pciDeviceIndex}-${index}`"
-            >{{ item.text }}</label
+              >{{ item.text }}</label
             >
           </div>
         </div>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/NewUsbControllerNew.vue

@@ -1,57 +1,57 @@
-<template>
-  <ui-stack-block
-    :has-children="true"
-    is-disabled
-    test-id="usb-controller-stack-block"
-  >
-    <template #stackBlockKey>
-      <div
-        id="vm-wizard-toggle-block-usb-controller"
-        data-id="vm-wizard-toggle-block-usb-controller"
-        class="flex-align-center"
-      >
-        <span>{{ localization.common.newUsbController }}</span>
-      </div>
-    </template>
-    <template #stackBlockContent>
-      <div v-if="props.isEdit" class="selected-usb-controller">
-        {{ props.selectedUsbControllerText }}
-      </div>
-      <ui-select
-        v-else
-        id="usb-controller-select"
-        v-model="selectedUsbController"
-        width="auto"
-        :items="props.usbControllerOptions"
-        :disabled="props.isEdit"
-        test-id="usb-controller-select"
-        size="sm"
-        @click.stop
-      />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-
-const selectedUsbController = defineModel<string>('selectedUsbController')
-
-const props = defineProps<{
-  isEdit: boolean
-  selectedUsbControllerText: string
-  usbControllerOptions: UI_I_OptionItem[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss">
-#network-connect {
-  margin-right: 4px;
-}
-.selected-usb-controller {
-  line-height: 32px;
-}
-</style>
+<template>
+  <ui-stack-block
+    :has-children="true"
+    is-disabled
+    test-id="usb-controller-stack-block"
+  >
+    <template #stackBlockKey>
+      <div
+        id="vm-wizard-toggle-block-usb-controller"
+        data-id="vm-wizard-toggle-block-usb-controller"
+        class="flex-align-center"
+      >
+        <span>{{ localization.common.newUsbController }}</span>
+      </div>
+    </template>
+    <template #stackBlockContent>
+      <div v-if="props.isEdit" class="selected-usb-controller">
+        {{ props.selectedUsbControllerText }}
+      </div>
+      <ui-select
+        v-else
+        id="usb-controller-select"
+        v-model="selectedUsbController"
+        :items="props.usbControllerOptions"
+        :disabled="props.isEdit"
+        width="auto"
+        test-id="usb-controller-select"
+        size="sm"
+        @click.stop
+      />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+
+const selectedUsbController = defineModel<string>('selectedUsbController')
+
+const props = defineProps<{
+  isEdit: boolean
+  selectedUsbControllerText: string
+  usbControllerOptions: UI_I_OptionItem[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss">
+#network-connect {
+  margin-right: 4px;
+}
+.selected-usb-controller {
+  line-height: 32px;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/NewUsbControllerOld.vue

@@ -21,8 +21,8 @@
           <select
             id="usb-controller-select"
             v-model="selectedUsbController"
-            data-id="usb-controller-select"
             :disabled="props.isEdit"
+            data-id="usb-controller-select"
             @click.stop
           >
             <option

package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/Other.vue

@@ -1,16 +1,16 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-other-new
-    v-if="isNewView"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-other-old
-    v-else
-  />
-</template>
-
-<script setup lang="ts">
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-</script>
-
-<style scoped lang="scss">
-</style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-other-new
+    v-if="isNewView"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-other-old
+    v-else
+  />
+</template>
+
+<script setup lang="ts">
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+</script>
+
+<style scoped lang="scss">
+</style>