bfg-common 1.4.799 → 1.4.800

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

@@ -1,15 +1,15 @@
 <template>
   <ui-stack-block :has-children="false">
     <template #stackBlockKey>
-      <span>{{ localization.common.pciDevice }}</span>
+      {{ localization.common.pciDevice }}
     </template>
     <template #stackBlockContent>
-      <ui-select
-        id="direct-path-io"
+      <ui-input
+        :id="`direct-path-io-${props.pciDeviceIndex}`"
         v-model="model"
-        width="auto"
-        :items="props.passthroughDevices"
-        :test-id="`direct-path-io-select-${props.pciDeviceIndex}`"
+        :test-id="`direct-path-io-${props.pciDeviceIndex}-input`"
+        type="text"
+        size="sm"
       />
     </template>
   </ui-stack-block>
@@ -17,19 +17,50 @@
 
 <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 model = defineModel<string>({ required: true })
 
 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>-->

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

@@ -1,37 +1,62 @@
 <template>
-  <atoms-stack-block :has-children="false">
-    <template #stackBlockContent>
-      <div class="select">
-        <select
-          id="direct-path-io"
+  <div>
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockContent>
+        <input
+          :id="`direct-path-io-${props.pciDeviceIndex}`"
           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>
+          :data-id="`direct-path-io-${props.pciDeviceIndex}-input`"
+          type="text"
+        />
+      </template>
+    </atoms-stack-block>
+  </div>
 </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 model = defineModel<string>({ required: true })
 
 const props = defineProps<{
   pciDeviceIndex: number
-  passthroughDevices: UI_I_ConfigurePciDevicesTable
 }>()
 </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

@@ -2,32 +2,30 @@
   <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io-new
     v-if="isNewView"
     v-model="model"
-    :options="options"
+    :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"
-    :options="options"
+    :passthrough-devices="props.passthroughDevices"
     :pci-device-index="props.pciDeviceIndex"
   />
 </template>
 
 <script lang="ts" setup>
-import type { UI_I_Option } from '~/components/atoms/select/lib/models/interfaces'
-import { optionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/dynamicDirectPathIo/lib/config/options'
+import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
 
-const model = defineModel<string>({required: true})
+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'])
 
-const options = ref<UI_I_Option[]>(optionsConfig)
-model.value = '' + options.value[0].value
 </script>
 
 <style lang="scss" scoped></style>

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

@@ -1,48 +1,84 @@
 <template>
   <ui-stack-block :has-children="false">
     <template #stackBlockKey>
-      {{ localization.common.pciDevice }}
+      <span>{{ localization.common.pciDevice }}</span>
     </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>
+      <ui-select
+        id="dynamic-direct-path-io"
+        v-model="model"
+        width="auto"
+        :items="props.passthroughDevices"
+        :test-id="`dynamic-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_Option } from '~/components/atoms/select/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<string>({ required: true })
+const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()
 
 const props = defineProps<{
-  options: UI_I_Option[]
   pciDeviceIndex: number
+  passthroughDevices: UI_I_PciDevice[]
 }>()
 
 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>
+<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,35 +1,76 @@
 <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
+  <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"
-          :options="props.options"
-          :test-id="`dynamic-direct-path-io-select-${pciDeviceIndex}`"
+          :data-id="`dynamic-direct-path-io-select-${props.pciDeviceIndex}`"
         >
-          <span class="text-uppercase">{{ localization.common.selectHardware }}</span>
-        </atoms-select-the-select>
-      </template>
-    </atoms-stack-block>
-  </div>
+          <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_Option } from '~/components/atoms/select/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<string>({required: true})
+const model = defineModel<UI_I_ConfigureAllPciDevicesItem>()
 
 const props = defineProps<{
-  options: UI_I_Option[]
   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/lib/config/options.ts

@@ -1,7 +1,14 @@
 import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
 
-export const pciDeviceTypeOptionsConfig: UI_I_OptionItem[] = [
-  { text: 'DP I/O', value: 'direct_path_io' },
-  { text: 'Dynamic DP I/O', value: 'dynamic_direct_path_io' },
-  { text: 'GRID vGPU', value: 'nvidia_grid' },
+export const pciDeviceTypeOptionsFunc = (
+  isDisabledDynamicDirectPathIo: boolean,
+  isDisabledNvidiaGrid: boolean
+): UI_I_OptionItem[] => [
+  {
+    text: 'Dynamic DP I/O',
+    value: 'dynamic_direct_path_io',
+    disabled: isDisabledDynamicDirectPathIo,
+  },
+  { text: 'GRID vGPU', value: 'nvidia_grid', disabled: isDisabledNvidiaGrid },
+  { text: 'DP I/O', value: 'direct_path_io', disabled: true },
 ]

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

@@ -2,25 +2,40 @@
   <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 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

@@ -4,27 +4,78 @@
       {{ 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"
-      />
+      <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}`"
+        />
+      </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></style>
+<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

@@ -5,12 +5,31 @@
         {{ localization.common.nvidiaGridGpuProfile }}
       </template>
       <template #stackBlockContent>
-        <input
-          :id="`nvidia-grid-${props.pciDeviceIndex}`"
-          v-model="model"
-          :data-id="`nvidia-grid-${props.pciDeviceIndex}-input`"
-          type="text"
-        />
+        <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>
@@ -18,10 +37,12 @@
 
 <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 model = defineModel<string>({ required: true })
 
 const props = defineProps<{
+  options: UI_I_Option[]
   pciDeviceIndex: number
 }>()
 
@@ -29,3 +50,35 @@ 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/TypeSelectionNew.vue

@@ -8,7 +8,7 @@
             v-model="modelLocal"
             :value="item.value"
             :label="item.text"
-            :disabled="!!index"
+            :disabled="item.disabled"
             :test-id="`pci-device-radio-input-${props.pciDeviceIndex}-${index}`"
           />
         </div>