bfg-common 1.5.550 → 1.5.551

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/OrderOld.vue

@@ -1,104 +1,66 @@
-<template>
-  <div class="boot-orders">
-    <atoms-stack-block
-      :has-children="false"
-      test-id="boot-options-order-stack-block"
-    >
-      <template #stackBlockKey>
-        {{ localization.common.bootOrder }}
-      </template>
-      <template #stackBlockContent>
-        <atoms-list-drag-drop-list
-          :items="localBootList"
-          :disabled="props.isDisabled"
-          grab-item-key="text"
-          @drop="emits('change-order', $event)"
-        >
-          <template
-            v-for="(item, index) in localBootList"
-            :key="index"
-            #[`leftSide${index}`]
-          >
-            <input
-              :id="`boot-order-${index}`"
-              :key="item.name"
-              :checked="item.isChecked"
-              :data-id="item.testId"
-              :disabled="props.isDisabled"
-              type="checkbox"
-              @change="onCheckboxChange(index, $event)"
-            />
-          </template>
-          <template
-            v-for="(item, index) in localBootList"
-            :key="props.bootList.length + index"
-            #[`rightSide${index}`]
-          >
-            <div :class="['device-icon', item.iconClassName]" />
-            <span>{{ item.text }}</span>
-          </template>
-        </atoms-list-drag-drop-list>
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_BootItem } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_DropEvent } from '~/components/atoms/list/dragDropList/lib/config/events'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const props = defineProps<{
-  bootList: UI_I_BootItem[]
-  isDisabled: boolean
-}>()
-
-const emits = defineEmits<{
-  (event: 'change-order', value: UI_I_DropEvent): void
-  (event: 'update:boot-list', value: UI_I_BootItem[]): void
-}>()
-
-// Локальная копия для реактивных изменений
-const localBootList = ref<UI_I_BootItem[]>([])
-
-// Синхронизируем с props
-watch(
-  () => props.bootList,
-  (newBootList) => {
-    localBootList.value = newBootList.map((item) => ({ ...item }))
-  },
-  { deep: true, immediate: true }
-)
-
-// Обработчик изменения чекбокса
-const onCheckboxChange = (index: number, event: Event): void => {
-  const target = event.target as HTMLInputElement
-  localBootList.value[index].isChecked = target.checked
-
-  // Сохраняем порядок при изменении чекбокса
-  let currentOrder = 1
-  localBootList.value.forEach((item) => {
-    if (item.isChecked) {
-      item.order = currentOrder++
-    } else {
-      item.order = 0
-    }
-  })
-
-  // Сортируем список
-  localBootList.value.sort((a, b) => a.order - b.order)
-
-  // Отправляем обновленный список родителю
-  emits('update:boot-list', localBootList.value)
-}
-</script>
-
-<style scoped lang="scss">
-.boot-orders {
-  .device-icon {
-    margin-right: 6px;
-  }
-}
-</style>
+<template>
+  <div class="boot-orders">
+    <atoms-stack-block
+        :has-children="false"
+        test-id="boot-options-order-stack-block"
+    >
+      <template #stackBlockKey>
+        {{ localization.common.bootOrder }}
+      </template>
+      <template #stackBlockContent>
+        <atoms-list-drag-drop-list
+          :items="props.bootList"
+          :disabled="props.isDisabled"
+          grab-item-key="text"
+          @drop="emits('change-order', $event)"
+        >
+          <template
+            v-for="(item, index) in props.bootList"
+            :key="index"
+            #[`leftSide${index}`]
+          >
+            <input
+              :id="`boot-order-${index}`"
+              v-model="item.isChecked"
+              :data-id="item.testId"
+              :disabled="props.isDisabled"
+              type="checkbox"
+            />
+          </template>
+          <template
+            v-for="(item, index) in props.bootList"
+            :key="props.bootList.length + index"
+            #[`rightSide${index}`]
+          >
+            <div :class="['device-icon', item.iconClassName]" />
+            <span>{{ item.text }}</span>
+          </template>
+        </atoms-list-drag-drop-list>
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_BootItem } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_DropEvent } from '~/components/atoms/list/dragDropList/lib/config/events'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const props = defineProps<{
+  bootList: UI_I_BootItem[]
+  isDisabled: boolean
+}>()
+const emits = defineEmits<{
+  (event: 'change-order', value: UI_I_DropEvent): void
+}>()
+</script>
+
+<style scoped lang="scss">
+.boot-orders {
+  .device-icon {
+    margin-right: 6px;
+  }
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptions.vue

@@ -1,86 +1,101 @@
-<template>
-  <common-vm-actions-common-customize-hardware-vmoptions-general-options-new
-    v-if="isNewView"
-    v-model="model"
-    v-model:block-is-open="blockIsOpen"
-    :name-label="nameLabel"
-    :is-disabled="isDisabled"
-    :machine-type-options="machineTypeOptions"
-    :os-options="osOptions"
-    :versions-options="versionsOptions"
-    @change-os="onChangeOS"
-  />
-  <common-vm-actions-common-customize-hardware-vmoptions-general-options-old
-    v-else
-    v-model="model"
-    v-model:block-is-open="blockIsOpen"
-    :name-label="nameLabel"
-    :is-disabled="isDisabled"
-    :machine-type-options="machineTypeOptions"
-    :os-options="osOptions"
-    :versions-options="versionsOptions"
-    @change-os="onChangeOS"
-  />
-</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'
-import type { UI_I_CreateVmData } from '~/components/common/vm/actions/common/lib/models/interfaces'
-import { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
-
-const model = defineModel<UI_I_CreateVmData>({ required: true })
-
-const props = withDefaults(
-  defineProps<{
-    isEdit: boolean
-    isClone: boolean
-    state?: string | number
-    isVmt?: boolean
-  }>(),
-  {
-    state: undefined,
-    isVmt: undefined,
-  }
-)
-
-const { $store }: any = useNuxtApp()
-const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
-
-const isDisabled = computed<boolean>(
-  () => (!props.isEdit && !props.isClone) || (props.isEdit && props.state !== 1)
-)
-const machineTypeOptions = ref<UI_I_OptionItem[]>(
-  capabilities.value.machineTypes
-)
-
-const osOptions = ref<UI_I_OptionItem[]>(capabilities.value.guestOsFamilies)
-const onChangeOS = (): void => {
-  model.value.guest_os_version = versionsOptions.value[0].value
-}
-
-const versionsOptions = computed<UI_I_OptionItem[]>(() => {
-  if (!model.value.guest_os_family) return []
-
-  return capabilities.value.guestOsVersions[model.value.guest_os_family] || []
-})
-watch(
-  versionsOptions,
-  () => {
-    model.value.guest_os_version = versionsOptions.value[0].value
-  }
-  // { immediate: true }
-)
-
-const blockIsOpen = ref<boolean>(false)
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const nameLabel = computed<string>(() => {
-  return props.isVmt
-    ? localization.value.common.vmtName
-    : localization.value.common.vmName
-})
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <common-vm-actions-common-customize-hardware-vmoptions-general-options-new
+    v-if="isNewView"
+    v-model:vm-name="vmName"
+    v-model:guest-machine-type="guestMachineType"
+    v-model:guest-os-family="guestOsFamily"
+    v-model:guest-os-version="guestOsVersion"
+    v-model:block-is-open="blockIsOpen"
+    :name-label="nameLabel"
+    :is-disabled="isDisabled"
+    :machine-type-options="machineTypeOptions"
+    :os-options="osOptions"
+    :versions-options="versionsOptions"
+    @change-os="onChangeOS"
+  />
+  <common-vm-actions-common-customize-hardware-vmoptions-general-options-old
+    v-else
+    v-model:vm-name="vmName"
+    v-model:guest-machine-type="guestMachineType"
+    v-model:guest-os-family="guestOsFamily"
+    v-model:guest-os-version="guestOsVersion"
+    v-model:block-is-open="blockIsOpen"
+    :name-label="nameLabel"
+    :is-disabled="isDisabled"
+    :machine-type-options="machineTypeOptions"
+    :os-options="osOptions"
+    :versions-options="versionsOptions"
+    @change-os="onChangeOS"
+  />
+</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'
+import { capabilities } from '~/components/common/vm/actions/common/lib/config/capabilities'
+
+const vmName = defineModel<string>('vmName', { required: true })
+const guestMachineType = defineModel<UI_I_OptionItem | null>(
+  'guestMachineType',
+  { required: true }
+)
+const guestOsFamily = defineModel<UI_I_OptionItem | null>('guestOsFamily', {
+  required: true,
+})
+const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
+  required: true,
+})
+
+const props = withDefaults(
+  defineProps<{
+    isEdit: boolean
+    isClone: boolean
+    state?: string | number
+    isVmt?: boolean
+  }>(),
+  {
+    state: undefined,
+    isVmt: undefined,
+  }
+)
+
+const { $store }: any = useNuxtApp()
+const isNewView = computed<boolean>(() => $store.getters['main/getIsNewView'])
+
+const isDisabled = computed<boolean>(
+  () => (!props.isEdit && !props.isClone) || (props.isEdit && props.state !== 1)
+)
+const machineTypeOptions = ref<UI_I_OptionItem[]>(
+  capabilities.value.machineTypes
+)
+
+const osOptions = ref<UI_I_OptionItem[]>(capabilities.value.guestOsFamilies)
+const onChangeOS = (): void => {
+  guestOsVersion.value = versionsOptions.value[0]
+}
+
+const versionsOptions = computed<UI_I_OptionItem[]>(() => {
+  if (!guestOsFamily.value) return []
+
+  return capabilities.value.guestOsVersions[guestOsFamily.value.value] || []
+})
+watch(
+  versionsOptions,
+  () => {
+    guestOsVersion.value = versionsOptions.value[0]
+  }
+  // { immediate: true }
+)
+
+const blockIsOpen = ref<boolean>(false)
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const nameLabel = computed<string>(() => {
+  return props.isVmt
+    ? localization.value.common.vmtName
+    : localization.value.common.vmName
+})
+</script>
+
+<style scoped lang="scss"></style>