bfg-common 1.5.111 → 1.5.113

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

@@ -1,62 +1,62 @@
-<template>
-  <div>
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockContent>
-        <input
-          :id="`direct-path-io-${props.pciDeviceIndex}`"
-          v-model="model"
-          :data-id="`direct-path-io-${props.pciDeviceIndex}-input`"
-          type="text"
-        />
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script lang="ts" setup>
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  pciDeviceIndex: number
-}>()
-</script>
-
-<style lang="scss" scoped></style>
-
-<!--<template>-->
-<!--  <atoms-stack-block :has-children="false">-->
-<!--    <template #stackBlockContent>-->
-<!--      <div class="select">-->
-<!--        <select-->
-<!--          id="direct-path-io"-->
-<!--          v-model="model"-->
-<!--          :data-id="`direct-path-io-select-${props.pciDeviceIndex}`"-->
-<!--        >-->
-<!--          <option-->
-<!--            v-for="item in props.passthroughDevices"-->
-<!--            :key="item.id"-->
-<!--            :value="item"-->
-<!--          >-->
-<!--            {{ item.address }} | {{ item.device_name }}-->
-<!--          </option>-->
-<!--        </select>-->
-<!--      </div>-->
-<!--    </template>-->
-<!--  </atoms-stack-block>-->
-<!--</template>-->
-
-<!--<script lang="ts" setup>-->
-<!--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-->
-<!--}>()-->
-<!--</script>-->
-
-<!--<style lang="scss" scoped></style>-->
+<template>
+  <div>
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockContent>
+        <input
+          :id="`direct-path-io-${props.pciDeviceIndex}`"
+          v-model="model"
+          :data-id="`direct-path-io-${props.pciDeviceIndex}-input`"
+          type="text"
+        />
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script lang="ts" setup>
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  pciDeviceIndex: number
+}>()
+</script>
+
+<style lang="scss" scoped></style>
+
+<!--<template>-->
+<!--  <atoms-stack-block :has-children="false">-->
+<!--    <template #stackBlockContent>-->
+<!--      <div class="select">-->
+<!--        <select-->
+<!--          id="direct-path-io"-->
+<!--          v-model="model"-->
+<!--          :data-id="`direct-path-io-select-${props.pciDeviceIndex}`"-->
+<!--        >-->
+<!--          <option-->
+<!--            v-for="item in props.passthroughDevices"-->
+<!--            :key="item.id"-->
+<!--            :value="item"-->
+<!--          >-->
+<!--            {{ item.address }} | {{ item.device_name }}-->
+<!--          </option>-->
+<!--        </select>-->
+<!--      </div>-->
+<!--    </template>-->
+<!--  </atoms-stack-block>-->
+<!--</template>-->
+
+<!--<script lang="ts" setup>-->
+<!--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-->
+<!--}>()-->
+<!--</script>-->
+
+<!--<style lang="scss" scoped></style>-->

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIo.vue

@@ -1,31 +1,31 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io-new
-    v-if="isNewView"
-    v-model="model"
-    :passthrough-devices="props.passthroughDevices"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io-old
-    v-else
-    v-model="model"
-    :passthrough-devices="props.passthroughDevices"
-    :pci-device-index="props.pciDeviceIndex"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
-
-const model = defineModel<string>({ required: true })
-
-const props = defineProps<{
-  pciDeviceIndex: number
-  passthroughDevices: UI_I_PciDevice[]
-}>()
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io-new
+    v-if="isNewView"
+    v-model="model"
+    :passthrough-devices="props.passthroughDevices"
+    :pci-device-index="props.pciDeviceIndex"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io-old
+    v-else
+    v-model="model"
+    :passthrough-devices="props.passthroughDevices"
+    :pci-device-index="props.pciDeviceIndex"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
+
+const model = defineModel<string>({ required: true })
+
+const props = defineProps<{
+  pciDeviceIndex: number
+  passthroughDevices: UI_I_PciDevice[]
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+</script>
+
+<style lang="scss" scoped></style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoNew.vue

@@ -1,85 +1,83 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockKey>
-      <span>{{ localization.common.pciDevice }}</span>
-    </template>
-    <template #stackBlockContent>
-      <ui-select
-        id="dynamic-direct-path-io"
-        v-model="model"
-        width="auto"
-        :items="props.passthroughDevices"
-        :test-id="`dynamic-direct-path-io-select-${props.pciDeviceIndex}`"
-        size="sm"
-      />
-    </template>
-  </ui-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type {
-  UI_I_ConfigureAllPciDevicesItem,
-} from '~/lib/models/store/host/interfaces'
-import type {UI_I_PciDevice} from "~/lib/models/store/vm/interfaces";
-
-const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()
-
-const props = defineProps<{
-  pciDeviceIndex: number
-  passthroughDevices: UI_I_PciDevice[]
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style lang="scss" scoped></style>
-
-<!--<template>-->
-<!--  <ui-stack-block :has-children="false">-->
-<!--    <template #stackBlockKey>-->
-<!--      {{ localization.common.pciDevice }}-->
-<!--    </template>-->
-<!--    <template #stackBlockContent>-->
-<!--      <div class="dynamic-direct-path-io-content">-->
-<!--        <span class="dynamic-direct-path-io-content-label"-->
-<!--          >{{ localization.common.connectAnyFollowing }}:</span-->
-<!--        >-->
-<!--        <ui-select-->
-<!--          v-model="model"-->
-<!--          width="auto"-->
-<!--          :items="props.options"-->
-<!--          :test-id="`dynamic-direct-path-io-select-${pciDeviceIndex}`"-->
-<!--        />-->
-<!--      </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>
+      <span>{{ localization.common.pciDevice }}</span>
+    </template>
+    <template #stackBlockContent>
+      <ui-select
+        id="dynamic-direct-path-io"
+        v-model="model"
+        :items="props.passthroughDevices"
+        :test-id="`dynamic-direct-path-io-select-${props.pciDeviceIndex}`"
+        width="auto"
+        size="sm"
+      />
+    </template>
+  </ui-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ConfigureAllPciDevicesItem } from '~/lib/models/store/host/interfaces'
+import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
+
+const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()
+
+const props = defineProps<{
+  pciDeviceIndex: number
+  passthroughDevices: UI_I_PciDevice[]
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style lang="scss" scoped></style>
+
+<!--<template>-->
+<!--  <ui-stack-block :has-children="false">-->
+<!--    <template #stackBlockKey>-->
+<!--      {{ localization.common.pciDevice }}-->
+<!--    </template>-->
+<!--    <template #stackBlockContent>-->
+<!--      <div class="dynamic-direct-path-io-content">-->
+<!--        <span class="dynamic-direct-path-io-content-label"-->
+<!--          >{{ localization.common.connectAnyFollowing }}:</span-->
+<!--        >-->
+<!--        <ui-select-->
+<!--          v-model="model"-->
+<!--          width="auto"-->
+<!--          :items="props.options"-->
+<!--          :test-id="`dynamic-direct-path-io-select-${pciDeviceIndex}`"-->
+<!--        />-->
+<!--      </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>-->

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/DynamicDirectPathIoOld.vue

@@ -1,76 +1,76 @@
-<template>
-  <atoms-stack-block :has-children="false">
-    <template #stackBlockKey>
-      {{ localization.common.pciDevice }}
-    </template>
-    <template #stackBlockContent>
-      <div class="select">
-        <select
-          id="dynamic-direct-path-io"
-          v-model="model"
-          :data-id="`dynamic-direct-path-io-select-${props.pciDeviceIndex}`"
-        >
-          <option
-            v-for="item in props.passthroughDevices"
-            :key="item.id"
-            :value="item"
-          >
-            {{ item.address }} | {{ item.device_name }}
-          </option>
-        </select>
-      </div>
-    </template>
-  </atoms-stack-block>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ConfigureAllPciDevicesItem } from '~/lib/models/store/host/interfaces'
-import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
-
-const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()
-
-const props = defineProps<{
-  pciDeviceIndex: number
-  passthroughDevices: UI_I_PciDevice[]
-}>()
-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.pciDevice }}-->
-<!--      </template>-->
-<!--      <template #stackBlockContent>-->
-<!--        <div>{{ localization.common.connectAnyFollowing }}:</div>-->
-<!--        <atoms-select-the-select-->
-<!--          v-model="model"-->
-<!--          :options="props.options"-->
-<!--          :test-id="`dynamic-direct-path-io-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>
+  <atoms-stack-block :has-children="false">
+    <template #stackBlockKey>
+      {{ localization.common.pciDevice }}
+    </template>
+    <template #stackBlockContent>
+      <div class="select">
+        <select
+          id="dynamic-direct-path-io"
+          v-model="model"
+          :data-id="`dynamic-direct-path-io-select-${props.pciDeviceIndex}`"
+        >
+          <option
+            v-for="item in props.passthroughDevices"
+            :key="item.id"
+            :value="item"
+          >
+            {{ item.address }} | {{ item.device_name }}
+          </option>
+        </select>
+      </div>
+    </template>
+  </atoms-stack-block>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ConfigureAllPciDevicesItem } from '~/lib/models/store/host/interfaces'
+import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
+
+const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()
+
+const props = defineProps<{
+  pciDeviceIndex: number
+  passthroughDevices: UI_I_PciDevice[]
+}>()
+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.pciDevice }}-->
+<!--      </template>-->
+<!--      <template #stackBlockContent>-->
+<!--        <div>{{ localization.common.connectAnyFollowing }}:</div>-->
+<!--        <atoms-select-the-select-->
+<!--          v-model="model"-->
+<!--          :options="props.options"-->
+<!--          :test-id="`dynamic-direct-path-io-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>-->

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

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

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

@@ -1,42 +1,42 @@
-<template>
-  <ui-stack-block :has-children="false">
-    <template #stackBlockContent>
-      <div class="note-content">
-        <ui-icon
-          name="warning-outline"
-          width="16px"
-          heigth="16px"
-          class="note-icon"
-          color="#FBCE28"
-        />
-        <p class="note-text">
-          {{ localization.common.note }}:
-          {{ localization.common.pciDeviceNote }}
-        </p>
-      </div>
-    </template>
-  </ui-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-content {
-  display: flex;
-  gap: 10px;
-
-  .note-icon {
-    min-width: 16px;
-  }
-
-  .note-text {
-    font-size: 13px;
-    line-height: 15.73px;
-    color: #9da6ad;
-  }
-}
-</style>
+<template>
+  <ui-stack-block :has-children="false">
+    <template #stackBlockContent>
+      <div class="note-content">
+        <ui-icon
+          name="warning-outline"
+          width="16px"
+          heigth="16px"
+          class="note-icon"
+          color="#FBCE28"
+        />
+        <p class="note-text">
+          {{ localization.common.note }}:
+          {{ localization.common.pciDeviceNote }}
+        </p>
+      </div>
+    </template>
+  </ui-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-content {
+  display: flex;
+  gap: 10px;
+
+  .note-icon {
+    min-width: 16px;
+  }
+
+  .note-text {
+    font-size: 13px;
+    line-height: 15.73px;
+    color: #9da6ad;
+  }
+}
+</style>