bfg-common 1.5.420 → 1.5.421

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/newUsbController/NewUsbController.vue

@@ -5,7 +5,7 @@
     :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"
@@ -27,6 +27,7 @@ const props = withDefaults(
   }>(),
   {
     usbController: 'usb2',
+    state: undefined,
   }
 )
 const emits = defineEmits<{
@@ -54,5 +55,4 @@ watch(
 )
 </script>
 
-<style scoped lang="scss">
-</style>
+<style scoped lang="scss"></style>

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

@@ -1,8 +1,8 @@
 <template>
   <ui-stack-block
-    :has-children="true"
-    is-disabled
     test-id="usb-controller-stack-block"
+    has-children
+    is-disabled
     is-toggle-on-stack-view-key
   >
     <template #stackBlockKey>

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>

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

@@ -1,7 +1,7 @@
 <template>
   <ui-stack-block
-    :has-children="true"
     test-id="other-stack-block"
+    has-children
     is-toggle-on-stack-view-key
   >
     <template #stackBlockKey>

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

@@ -1,6 +1,6 @@
 <template>
   <div class="hardware-other">
-    <atoms-stack-block :has-children="true" test-id="other-stack-block">
+    <atoms-stack-block test-id="other-stack-block" has-children>
       <template #stackBlockKey>
         <div
           id="vm-wizard-toggle-block-other"

package/components/common/vm/actions/common/customizeHardware/virtualHardware/other/inputDevices/InputDevicesNew.vue

@@ -19,16 +19,6 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 const localization = computed<UI_I_Localization>(() => useLocal())
 </script>
 
-<style>
-:root {
-  --input-devices-content-color: #182531;
-  --input-devices-dot-color: #d3d6da;
-}
-:root.dark-theme {
-  --input-devices-content-color: #e9eaec;
-  --input-devices-dot-color: #4d5d69;
-}
-</style>
 <style scoped lang="scss">
 .input-devices-content {
   height: 32px;

package/components/common/vm/actions/common/customizeHardware/virtualHardware/reservation/Reservation.vue

@@ -48,6 +48,7 @@ const props = withDefaults(
     multiply?: number
   }>(),
   {
+    disabled: undefined,
     reserveGuestMemory: undefined,
     multiply: 1,
   }

package/components/common/vm/actions/common/customizeHardware/virtualHardware/reservation/ReservationNew.vue

@@ -63,6 +63,7 @@ const props = withDefaults(
     reserveGuestMemory?: boolean
   }>(),
   {
+    disabled: undefined,
     reserveGuestMemory: undefined,
   }
 )

package/components/common/vm/actions/common/customizeHardware/virtualHardware/reservation/ReservationOld.vue

@@ -85,6 +85,7 @@ const props = withDefaults(
     reserveGuestMemory?: boolean
   }>(),
   {
+    disabled: undefined,
     reserveGuestMemory: undefined,
   }
 )

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCard.vue

@@ -1,154 +1,162 @@
-<template>
-  <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-new
-    v-if="isNewView"
-    v-model:invalid="invalid"
-    v-model:number-displays="numberDisplays"
-    v-model:video-card-model="videoCardModel"
-    :is-edit="props.isEdit"
-    :error-validation-fields="props.errorValidationFields"
-    :video-card-model-name="videoCardModelName"
-    :error-text="apiError"
-    :is-disabled="isDisabled"
-    :is-disabled-number-displays="isDisabledNumberDisplays"
-    :state="props.state"
-    :video-card-model-options="videoCardModelOptions"
-    :number-displays-options="numberDisplaysOptions"
-    @remove-error="onRemoveValidationError"
-    @remove-error-by-title="emits('remove-error-by-title', $event)"
-  />
-  <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-old
-    v-else
-    v-model:invalid="invalid"
-    v-model:number-displays="numberDisplays"
-    v-model:video-card-model="videoCardModel"
-    :is-edit="props.isEdit"
-    :error-validation-fields="props.errorValidationFields"
-    :video-card-model-name="videoCardModelName"
-    :error-text="apiError"
-    :is-disabled="isDisabled"
-    :is-disabled-number-displays="isDisabledNumberDisplays"
-    :state="props.state"
-    :video-card-model-options="videoCardModelOptions"
-    :number-displays-options="numberDisplaysOptions"
-    @remove-error="onRemoveValidationError"
-    @remove-error-by-title="emits('remove-error-by-title', $event)"
-  />
-</template>
-
-<script setup lang="ts">
-import type { UI_I_SendDataVideoCard } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import { videoCardModelOptionsConfigFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/model/lib/config/options'
-import { numberDisplaysOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/lib/config/options'
-
-const props = defineProps<{
-  isEdit: boolean
-  errorValidationFields: UI_I_ErrorValidationField[]
-  videoCard?: UI_I_SendDataVideoCard
-  state?: string | number
-}>()
-const emits = defineEmits<{
-  (event: 'send-data', value: UI_I_SendDataVideoCard): void
-  (event: 'invalid', value: boolean): void
-  (event: 'remove-error-by-title', value: string): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const isDisabled = computed<boolean>(() => props.isEdit && props.state !== 1)
-const isDisabledNumberDisplays = computed<boolean>(() => videoCardModel.value === 'none')
-watch(isDisabled, (newValue) => {
-  if (!newValue) {
-    return
-  }
-
-  numberDisplays.value = '1'
-})
-
-const videoCardModel = ref<string>('qxl')
-const videoCardModelOptions = computed<UI_I_OptionItem[]>(() =>
-  videoCardModelOptionsConfigFunc(localization.value)
-)
-const videoCardModelName = computed<string>(
-  () =>
-    videoCardModelOptions.value.find(
-      (videoCard) => videoCard.value === videoCardModel.value
-    )?.text || ''
-)
-
-const numberDisplays = ref<string>('1')
-const numberDisplaysOptions = computed<UI_I_OptionItem[]>(() => {
-  const result = numberDisplaysOptionsFunc()
-  if (videoCardModel.value === 'none') {
-    result.unshift({ text: '0', value: '0' })
-  }
-  return result
-})
-
-// const totalVideoMemory = ref<number>(64)
-const invalid = ref<boolean>(false)
-watch(
-  invalid,
-  (newValue) => {
-    emits('invalid', newValue)
-  },
-  { immediate: true }
-)
-
-// const graphics = ref(false)
-
-const changeNumberDisplays = (model: any): void => {
-  if (model === 'none') {
-    numberDisplays.value = '0'
-  } else if (numberDisplays.value === '0') {
-    numberDisplays.value = '1'
-  }
-}
-watch(
-  // [numberDisplays, totalVideoMemory, videoCardModel],
-  [numberDisplays, videoCardModel],
-  ([_newValue1, newValue2]) => {
-    changeNumberDisplays(newValue2)
-
-    emits('send-data', {
-      adapter: videoCardModel.value,
-      displays: +numberDisplays.value,
-      // memory_mb: totalVideoMemory.value,
-    })
-  },
-  { immediate: true }
-)
-
-// Добавляем данные для редактирования
-watch(
-  () => props.videoCard,
-  (newValue) => {
-    if (!newValue) return
-
-    videoCardModel.value = newValue.adapter
-    numberDisplays.value = '' + newValue.displays
-    // totalVideoMemory.value = newValue.memory_mb
-  },
-  { immediate: true }
-)
-
-const typeError = 'video_card.adapter'
-
-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 lang="scss"></style>
+<template>
+  <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-new
+    v-if="isNewView"
+    v-model:invalid="invalid"
+    v-model:number-displays="numberDisplays"
+    v-model:video-card-model="videoCardModel"
+    :is-edit="props.isEdit"
+    :error-validation-fields="props.errorValidationFields"
+    :video-card-model-name="videoCardModelName"
+    :error-text="apiError"
+    :is-disabled="isDisabled"
+    :is-disabled-number-displays="isDisabledNumberDisplays"
+    :state="props.state"
+    :video-card-model-options="videoCardModelOptions"
+    :number-displays-options="numberDisplaysOptions"
+    @remove-error="onRemoveValidationError"
+    @remove-error-by-title="emits('remove-error-by-title', $event)"
+  />
+  <common-vm-actions-common-customize-hardware-virtual-hardware-video-card-old
+    v-else
+    v-model:invalid="invalid"
+    v-model:number-displays="numberDisplays"
+    v-model:video-card-model="videoCardModel"
+    :is-edit="props.isEdit"
+    :error-validation-fields="props.errorValidationFields"
+    :video-card-model-name="videoCardModelName"
+    :error-text="apiError"
+    :is-disabled="isDisabled"
+    :is-disabled-number-displays="isDisabledNumberDisplays"
+    :state="props.state"
+    :video-card-model-options="videoCardModelOptions"
+    :number-displays-options="numberDisplaysOptions"
+    @remove-error="onRemoveValidationError"
+    @remove-error-by-title="emits('remove-error-by-title', $event)"
+  />
+</template>
+
+<script setup lang="ts">
+import type { UI_I_SendDataVideoCard } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
+import type { UI_I_ErrorValidationField } from '~/lib/models/store/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import { videoCardModelOptionsConfigFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/model/lib/config/options'
+import { numberDisplaysOptionsFunc } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/lib/config/options'
+
+const props = withDefaults(
+  defineProps<{
+    isEdit: boolean
+    errorValidationFields: UI_I_ErrorValidationField[]
+    videoCard?: UI_I_SendDataVideoCard
+    state?: string | number
+  }>(),
+  {
+    videoCard: undefined,
+    state: undefined,
+  }
+)
+const emits = defineEmits<{
+  (event: 'send-data', value: UI_I_SendDataVideoCard): void
+  (event: 'invalid', value: boolean): void
+  (event: 'remove-error-by-title', value: string): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const isDisabled = computed<boolean>(() => props.isEdit && props.state !== 1)
+const isDisabledNumberDisplays = computed<boolean>(
+  () => videoCardModel.value === 'none'
+)
+watch(isDisabled, (newValue) => {
+  if (!newValue) {
+    return
+  }
+
+  numberDisplays.value = '1'
+})
+
+const videoCardModel = ref<string>('qxl')
+const videoCardModelOptions = computed<UI_I_OptionItem[]>(() =>
+  videoCardModelOptionsConfigFunc(localization.value)
+)
+const videoCardModelName = computed<string>(
+  () =>
+    videoCardModelOptions.value.find(
+      (videoCard) => videoCard.value === videoCardModel.value
+    )?.text || ''
+)
+
+const numberDisplays = ref<string>('1')
+const numberDisplaysOptions = computed<UI_I_OptionItem[]>(() => {
+  const result = numberDisplaysOptionsFunc()
+  if (videoCardModel.value === 'none') {
+    result.unshift({ text: '0', value: '0' })
+  }
+  return result
+})
+
+// const totalVideoMemory = ref<number>(64)
+const invalid = ref<boolean>(false)
+watch(
+  invalid,
+  (newValue) => {
+    emits('invalid', newValue)
+  },
+  { immediate: true }
+)
+
+// const graphics = ref(false)
+
+const changeNumberDisplays = (model: any): void => {
+  if (model === 'none') {
+    numberDisplays.value = '0'
+  } else if (numberDisplays.value === '0') {
+    numberDisplays.value = '1'
+  }
+}
+watch(
+  // [numberDisplays, totalVideoMemory, videoCardModel],
+  [numberDisplays, videoCardModel],
+  ([_newValue1, newValue2]) => {
+    changeNumberDisplays(newValue2)
+
+    emits('send-data', {
+      adapter: videoCardModel.value,
+      displays: +numberDisplays.value,
+      // memory_mb: totalVideoMemory.value,
+    })
+  },
+  { immediate: true }
+)
+
+// Добавляем данные для редактирования
+watch(
+  () => props.videoCard,
+  (newValue) => {
+    if (!newValue) return
+
+    videoCardModel.value = newValue.adapter
+    numberDisplays.value = '' + newValue.displays
+    // totalVideoMemory.value = newValue.memory_mb
+  },
+  { immediate: true }
+)
+
+const typeError = 'video_card.adapter'
+
+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 lang="scss"></style>