bfg-common 1.5.548 → 1.5.550

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

@@ -1,66 +1,104 @@
-<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>
+<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>

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

@@ -1,101 +1,86 @@
-<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>
+<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>