bfg-common 1.4.198 → 1.4.199

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/StreamingMode.vue

@@ -1,85 +1,85 @@
-<template>
-  <div class="">
-    <atoms-stack-block :has-children="false">
-      <template #stackBlockKey>
-        {{ localization.common.streamingMode }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-tooltip-error
-          :has-error="!!apiError"
-          selector="#vm-wizard-streaming-mode-field"
-          @remove="onRemoveValidationError"
-        >
-          <template #elem>
-            <div class="select">
-              <select
-                id="vm-wizard-streaming-mode-field"
-                v-model="streamingModeLocal"
-                data-id="vm-wizard-streaming-mode-select"
-                :disabled="props.disabled"
-              >
-                <option
-                  v-for="(item, key) in streamingModeOptions"
-                  :key="key"
-                  :value="item.value"
-                >
-                  {{ item.text }}
-                </option>
-              </select>
-            </div>
-          </template>
-          <template #content>
-            {{ apiError }}
-          </template>
-        </atoms-tooltip-error>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { streamingModeOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/lib/config/config'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  streamingMode: string
-  errorValidationFields: UI_I_ErrorValidationField[]
-  disabled: boolean
-}>()
-const emits = defineEmits<{
-  (event: 'update:streaming-mode', value: string): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const streamingModeOptions = ref<UI_I_OptionItem[]>(
-  streamingModeOptionsFunc(localization.value)
-)
-
-const streamingModeLocal = computed<string>({
-  get() {
-    return props.streamingMode
-  },
-  set(newValue) {
-    emits('update:streaming-mode', newValue)
-  },
-})
-
-const typeError = 'options.remote_console.spice.streaming_mode'
-
-const apiError = computed<string>(() => {
-  return (
-    props.errorValidationFields?.find((message) => message.field === typeError)
-      ?.error_message || ''
-  )
-})
-
-const onRemoveValidationError = (): void => {
-  emits('remove-error-by-title', typeError)
-}
-</script>
-
-<style scoped></style>
+<template>
+  <div class="">
+    <atoms-stack-block :has-children="false">
+      <template #stackBlockKey>
+        {{ localization.common.streamingMode }}
+      </template>
+      <template #stackBlockContent>
+        <atoms-tooltip-error
+          :has-error="!!apiError"
+          selector="#vm-wizard-streaming-mode-field"
+          @remove="onRemoveValidationError"
+        >
+          <template #elem>
+            <div class="select">
+              <select
+                id="vm-wizard-streaming-mode-field"
+                v-model="streamingModeLocal"
+                data-id="vm-wizard-streaming-mode-select"
+                :disabled="props.disabled"
+              >
+                <option
+                  v-for="(item, key) in streamingModeOptions"
+                  :key="key"
+                  :value="item.value"
+                >
+                  {{ item.text }}
+                </option>
+              </select>
+            </div>
+          </template>
+          <template #content>
+            {{ apiError }}
+          </template>
+        </atoms-tooltip-error>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import { streamingModeOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/streamingMode/lib/config/config'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  streamingMode: string
+  errorValidationFields: UI_I_ErrorValidationField[]
+  disabled: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'update:streaming-mode', value: string): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const streamingModeOptions = ref<UI_I_OptionItem[]>(
+  streamingModeOptionsFunc(localization.value)
+)
+
+const streamingModeLocal = computed<string>({
+  get() {
+    return props.streamingMode
+  },
+  set(newValue) {
+    emits('update:streaming-mode', newValue)
+  },
+})
+
+const typeError = 'options.remote_console.spice.streaming_mode'
+
+const apiError = computed<string>(() => {
+  return (
+    props.errorValidationFields?.find((message) => message.field === typeError)
+      ?.error_message || ''
+  )
+})
+
+const onRemoveValidationError = (): void => {
+  emits('remove-error-by-title', typeError)
+}
+</script>
+
+<style scoped></style>

package/components/common/wizards/network/add/Add.vue

@@ -128,14 +128,16 @@ import {
   UI_I_SwitchAdapterItem,
   UI_I_DiagramData,
   API_UI_I_SwitchItem,
+  UI_I_AvailableAdapters,
 } from '~/components/common/diagramMain/lib/models/interfaces'
+import { getAvailableAdapters } from '~/components/common/diagramMain/lib/utils/utils'
 import {
   UI_I_ValidationReturn,
   UI_I_WizardStep,
   UI_I_WizardStepNavigation,
 } from '~/components/atoms/wizard/lib/models/interfaces'
 import { UI_E_ValidationFields } from '~/components/common/wizards/network/add/lib/models/enums'
-import { getVlanId } from '~/components/common/wizards/network/add/lib/utils'
+import { getVlanId } from '~/components/common/wizards/network/add/lib/utils/utils'
 import Wizard from '~/components/atoms/wizard/lib/utils/utils'
 import {
   createZeroSchemeReadyCompleteFunc,
@@ -152,7 +154,7 @@ import {
   addNetworkingZeroOrFirstSchemeDataFunc,
   addNetworkingSecondOrThirdSchemeDataFunc,
   addNetworkingFourthOrFifthSchemeDataFunc,
-} from '~/components/common/wizards/network/add/lib/config'
+} from '~/components/common/wizards/network/add/lib/config/config'
 import {
   checkTargetDeviceSync,
   checkAdaptersSync,
@@ -310,7 +312,10 @@ let flagSwitch = ''
 // Choosing Scheme
 watch(
   [connectionTypeLocal, targetDevice],
-  (newValues, oldValues) => {
+  (
+    newValues: [string, UI_I_TargetDevice],
+    oldValues: [string, UI_I_TargetDevice]
+  ) => {
     const newCT = newValues[0] // -> newConnectionType
     const oldCT = oldValues[0] // -> oldConnectionType
     const newTD = newValues[1] // -> newTargetDevice
@@ -366,14 +371,20 @@ watch(
       onGetTcpStacks()
     }
     if (newSelectedStep === 6 && flagSwitch !== targetDevice.value.switch) {
-      const nics = props.standardSwitchesInitial.find(
+      const nics: UI_I_AdapterStatus = props.standardSwitchesInitial.find(
         (currentSwitch: UI_I_Switch) =>
           currentSwitch.id === targetDevice.value.switch
       ).nics
+
+      const availableAdapters: UI_I_AvailableAdapters = getAvailableAdapters(
+        props.adapters,
+        nics
+      )
+
       adapterStatus.value = {
-        active: nics.active || [],
-        standby: nics.standby || [],
-        unused: nics.unused || [],
+        active: availableAdapters.activeAdapters || [],
+        standby: availableAdapters.standbyAdapters || [],
+        unused: availableAdapters.unusedAdapters || [],
       }
       coreAdapters.value = [
         ...adapterStatus.value.active,