bfg-common 1.5.550 → 1.5.551

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

@@ -1,47 +1,58 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller-new
-    v-if="isNewView"
-    v-model="model"
-    :is-edit="props.isEdit"
-    :selected-usb-controller-text="selectedUsbControllerText"
-    :usb-controller-options="usbControllerOptions"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller-old
-    v-else
-    v-model="model"
-    :is-edit="props.isEdit"
-    :selected-usb-controller-text="selectedUsbControllerText"
-    :usb-controller-options="usbControllerOptions"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-import { usbControllerOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/lib/config/options'
-
-const model = defineModel<UI_I_CreateVmData['usb_controllers'][0]['type']>({ required: true })
-
-const props = withDefaults(
-  defineProps<{
-    isEdit: boolean
-    state?: string | number
-  }>(),
-  {
-    state: undefined,
-  }
-)
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const usbControllerOptions = ref<UI_I_OptionItem[]>(usbControllerOptionsConfig)
-const selectedUsbControllerText = computed<string>(
-  () =>
-    usbControllerOptions.value.find(
-      (option) => option.value === model.value
-    )?.text || ''
-)
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller-new
+    v-if="isNewView"
+    v-model:selected-usb-controller="selectedUsbController"
+    :is-edit="props.isEdit"
+    :selected-usb-controller-text="selectedUsbControllerText"
+    :usb-controller-options="usbControllerOptions"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-new-usb-controller-old
+    v-else
+    v-model:selected-usb-controller="selectedUsbController"
+    :is-edit="props.isEdit"
+    :selected-usb-controller-text="selectedUsbControllerText"
+    :usb-controller-options="usbControllerOptions"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import { usbControllerOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/lib/config/options'
+
+const props = withDefaults(
+  defineProps<{
+    usbController: string
+    isEdit: boolean
+    state?: string | number
+  }>(),
+  {
+    usbController: 'usb2',
+    state: undefined,
+  }
+)
+const emits = defineEmits<{
+  (event: 'send-data', value: string): void
+}>()
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const usbControllerOptions = ref<UI_I_OptionItem[]>(usbControllerOptionsConfig)
+const selectedUsbController = ref<string>(props.usbController)
+const selectedUsbControllerText = computed<string>(
+  () =>
+    usbControllerOptions.value.find(
+      (option) => option.value === selectedUsbController.value
+    )?.text || ''
+)
+
+watch(
+  selectedUsbController,
+  (newValue) => {
+    emits('send-data', newValue)
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped lang="scss"></style>

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

@@ -1,68 +1,65 @@
-<template>
-  <ui-stack-block
-    test-id="usb-controller-stack-block"
-    has-children
-    is-disabled
-    is-toggle-on-stack-view-key
-  >
-    <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="model"
-        :items="props.usbControllerOptions"
-        :disabled="props.isEdit"
-        width="auto"
-        test-id="usb-controller-select"
-        size="sm"
-      />
-    </template>
-  </ui-stack-block>
-</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'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateVmData['usb_controllers'][0]['type']>({
-  required: true,
-})
-
-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;
-}
-:deep(#usb-controller-stack-block-toggle .stack-block-content) {
-  display: flex;
-}
-@media (max-width: 1024px) {
-  :deep(.ui-main-select-toggle) {
-    width: 100%;
-  }
-}
-</style>
+<template>
+  <ui-stack-block
+    test-id="usb-controller-stack-block"
+    has-children
+    is-disabled
+    is-toggle-on-stack-view-key
+  >
+    <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"
+      />
+    </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;
+}
+:deep(#usb-controller-stack-block-toggle .stack-block-content) {
+  display: flex;
+}
+@media (max-width: 1024px) {
+  :deep(.ui-main-select-toggle) {
+    width: 100%;
+  }
+}
+</style>

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

@@ -1,64 +1,61 @@
-<template>
-  <div class="hardware-usb-controller">
-    <atoms-stack-block
-      :has-children="false"
-      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">
-          {{ props.selectedUsbControllerText }}
-        </div>
-        <div v-else class="select">
-          <select
-            id="usb-controller-select"
-            v-model="model"
-            :disabled="props.isEdit"
-            data-id="usb-controller-select"
-            @click.stop
-          >
-            <option
-              v-for="(item, key) in props.usbControllerOptions"
-              :key="key"
-              :value="item.value"
-            >
-              {{ item.text }}
-            </option>
-          </select>
-        </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'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-
-const model = defineModel<UI_I_CreateVmData['usb_controllers'][0]['type']>({
-  required: true,
-})
-
-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;
-}
-</style>
+<template>
+  <div class="hardware-usb-controller">
+    <atoms-stack-block
+      :has-children="false"
+      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">
+          {{ props.selectedUsbControllerText }}
+        </div>
+        <div v-else class="select">
+          <select
+            id="usb-controller-select"
+            v-model="selectedUsbController"
+            :disabled="props.isEdit"
+            data-id="usb-controller-select"
+            @click.stop
+          >
+            <option
+              v-for="(item, key) in props.usbControllerOptions"
+              :key="key"
+              :value="item.value"
+            >
+              {{ item.text }}
+            </option>
+          </select>
+        </div>
+      </template>
+    </atoms-stack-block>
+  </div>
+</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;
+}
+</style>

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>