bfg-common 1.5.420 → 1.5.421

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

@@ -1,95 +1,101 @@
-<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 = defineProps<{
-  isEdit: boolean
-  isClone: boolean
-  state?: string | number
-  isVmt?: boolean
-}>()
-
-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: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>

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

@@ -1,8 +1,8 @@
 <template>
   <ui-stack-block
-    :has-children="true"
     test-id="general-options-stack-block"
     is-toggle-on-stack-view-key
+    has-children
     @toggle="blockIsOpen = $event"
   >
     <template #stackBlockKey>

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

@@ -1,155 +1,158 @@
-<template>
-  <div class="general-options">
-    <atoms-stack-block
-      :has-children="true"
-      test-id="general-options-stack-block"
-      @toggle="blockIsOpen = $event"
-    >
-      <template #stackBlockKey>
-        <div
-          id="vm-wizard-toggle-block-general-options"
-          data-id="vm-wizard-toggle-block-general-options"
-          class="flex-align-center"
-        >
-          <span>{{ localization.common.generalOptions }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <div v-show="!blockIsOpen">
-          {{ props.nameLabel }}: {{ vmName }}
-        </div>
-      </template>
-      <template #stackChildren>
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ props.nameLabel }}
-          </template>
-          <template #stackBlockContent>
-            <span>{{ vmName }}</span>
-            <!--            <span v-if="!props.isEdit">{{ vmName }}</span>-->
-            <!--            <input-->
-            <!--              v-else-->
-            <!--              id="general-option-vm-name"-->
-            <!--              v-models="vmName"-->
-            <!--              type="text"-->
-            <!--            />-->
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.machineType }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="guestMachineType"
-              id="guest-machine-type-select"
-              v-model="guestMachineType"
-              :disabled="props.isDisabled"
-              :data-value="guestMachineType?.value"
-              data-id="guest-machine-type-select"
-            >
-              <option
-                v-for="item in props.machineTypeOptions"
-                :key="item.value"
-                :value="item"
-                :data-value="item.value"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.guestOsFamily }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="guestOsFamily"
-              id="guest-os-family-select"
-              v-model="guestOsFamily"
-              :disabled="props.isDisabled"
-              :data-value="guestOsFamily?.value"
-              data-id="guest-os-family-select"
-              @change="emits('change-os')"
-            >
-              <option
-                v-for="item in props.osOptions"
-                :key="item.value"
-                :value="item"
-                :data-value="item.value"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-
-        <atoms-stack-block :has-children="false">
-          <template #stackBlockKey>
-            {{ localization.common.guestOsVersion }}
-          </template>
-          <template #stackBlockContent>
-            <select
-              v-if="guestOsVersion"
-              id="guest-os-version-select"
-              v-model="guestOsVersion"
-              :disabled="props.isDisabled"
-              :data-value="guestOsVersion?.value"
-              data-id="guest-os-version-select"
-            >
-              <option
-                v-for="item in props.versionsOptions"
-                :key="item.value"
-                :value="item"
-                :data-value="item.value"
-              >
-                {{ item.text }}
-              </option>
-            </select>
-          </template>
-        </atoms-stack-block>
-      </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'
-
-const blockIsOpen = defineModel<boolean>('blockIsOpen', { required: true })
-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 = defineProps<{
-  isEdit: boolean
-  isClone: boolean
-  isDisabled: boolean
-  nameLabel: string
-  machineTypeOptions: UI_I_OptionItem[]
-  osOptions: UI_I_OptionItem[]
-  versionsOptions: UI_I_OptionItem[]
-  state?: string | number
-}>()
-const emits = defineEmits<{
-  (event: 'change-os'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-</script>
-
-<style scoped lang="scss"></style>
+<template>
+  <div class="general-options">
+    <atoms-stack-block
+      test-id="general-options-stack-block"
+      has-children
+      @toggle="blockIsOpen = $event"
+    >
+      <template #stackBlockKey>
+        <div
+          id="vm-wizard-toggle-block-general-options"
+          data-id="vm-wizard-toggle-block-general-options"
+          class="flex-align-center"
+        >
+          <span>{{ localization.common.generalOptions }}</span>
+        </div>
+      </template>
+      <template #stackBlockContent>
+        <div v-show="!blockIsOpen">{{ props.nameLabel }}: {{ vmName }}</div>
+      </template>
+      <template #stackChildren>
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ props.nameLabel }}
+          </template>
+          <template #stackBlockContent>
+            <span>{{ vmName }}</span>
+            <!--            <span v-if="!props.isEdit">{{ vmName }}</span>-->
+            <!--            <input-->
+            <!--              v-else-->
+            <!--              id="general-option-vm-name"-->
+            <!--              v-models="vmName"-->
+            <!--              type="text"-->
+            <!--            />-->
+          </template>
+        </atoms-stack-block>
+
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.common.machineType }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="guestMachineType"
+              id="guest-machine-type-select"
+              v-model="guestMachineType"
+              :disabled="props.isDisabled"
+              :data-value="guestMachineType?.value"
+              data-id="guest-machine-type-select"
+            >
+              <option
+                v-for="item in props.machineTypeOptions"
+                :key="item.value"
+                :value="item"
+                :data-value="item.value"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </template>
+        </atoms-stack-block>
+
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.common.guestOsFamily }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="guestOsFamily"
+              id="guest-os-family-select"
+              v-model="guestOsFamily"
+              :disabled="props.isDisabled"
+              :data-value="guestOsFamily?.value"
+              data-id="guest-os-family-select"
+              @change="emits('change-os')"
+            >
+              <option
+                v-for="item in props.osOptions"
+                :key="item.value"
+                :value="item"
+                :data-value="item.value"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </template>
+        </atoms-stack-block>
+
+        <atoms-stack-block :has-children="false">
+          <template #stackBlockKey>
+            {{ localization.common.guestOsVersion }}
+          </template>
+          <template #stackBlockContent>
+            <select
+              v-if="guestOsVersion"
+              id="guest-os-version-select"
+              v-model="guestOsVersion"
+              :disabled="props.isDisabled"
+              :data-value="guestOsVersion?.value"
+              data-id="guest-os-version-select"
+            >
+              <option
+                v-for="item in props.versionsOptions"
+                :key="item.value"
+                :value="item"
+                :data-value="item.value"
+              >
+                {{ item.text }}
+              </option>
+            </select>
+          </template>
+        </atoms-stack-block>
+      </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'
+
+const blockIsOpen = defineModel<boolean>('blockIsOpen', { required: true })
+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
+    isDisabled: boolean
+    nameLabel: string
+    machineTypeOptions: UI_I_OptionItem[]
+    osOptions: UI_I_OptionItem[]
+    versionsOptions: UI_I_OptionItem[]
+    state?: string | number
+  }>(),
+  {
+    state: undefined,
+  }
+)
+const emits = defineEmits<{
+  (event: 'change-os'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+</script>
+
+<style scoped lang="scss"></style>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/New.vue

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

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/Old.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="hardware-remote-console">
-    <atoms-stack-block :has-children="true" test-id="remote-console-stack-block">
+    <atoms-stack-block test-id="remote-console-stack-block" has-children>
       <template #stackBlockKey>
         <div
           id="vm-wizard-toggle-block-remote-console"
@@ -98,12 +98,12 @@
           v-model:usb-redirection="usbRedirection"
           :disabled="props.isDisabled"
         />
-<!--        TODO 700-->
-<!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-folder-sharing-->
-<!--          v-if="remoteConsoleType === 'spice'"-->
-<!--          v-model:folder-sharing="folderSharing"-->
-<!--          :disabled="props.isDisabled"-->
-<!--        />-->
+        <!--        TODO 700-->
+        <!--        <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-folder-sharing-->
+        <!--          v-if="remoteConsoleType === 'spice'"-->
+        <!--          v-model:folder-sharing="folderSharing"-->
+        <!--          :disabled="props.isDisabled"-->
+        <!--        />-->
       </template>
     </atoms-stack-block>
   </div>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/PowerControl.vue

@@ -24,8 +24,6 @@
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 
-const localization = computed<UI_I_Localization>(() => useLocal())
-
 const props = defineProps<{
   powerControl: boolean
 }>()
@@ -33,6 +31,8 @@ const emits = defineEmits<{
   (event: 'update:power-control', value: boolean): void
 }>()
 
+const localization = computed<UI_I_Localization>(() => useLocal())
+
 const powerControlLocal = computed<boolean>({
   get() {
     return props.powerControl

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/RemoteConsoleOptions.vue

@@ -11,7 +11,7 @@
     v-model:folder-sharing="folderSharing"
     :remote-console-options-invalid="remoteConsoleOptionsInvalid"
     :is-disabled="isDisabled"
-    />
+  />
   <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options-old
     v-else
     v-model:keymap="keymap"
@@ -24,19 +24,25 @@
     v-model:folder-sharing="folderSharing"
     :remote-console-options-invalid="remoteConsoleOptionsInvalid"
     :is-disabled="isDisabled"
-    />
+  />
 </template>
 
 <script setup lang="ts">
 import type { UI_I_SendDataRemoteConsoleOptions } from '~/components/common/vm/actions/common/customizeHardware/vmoptions/lib/models/interfaces'
 
-const props = defineProps<{
-  remoteConsoleOptions?: UI_I_SendDataRemoteConsoleOptions
-  // TODO возможно вернем, НЕ УДАЛЯТЬ
-  // errorValidationFields: UI_I_ErrorValidationField<string>[]
-  isEdit: boolean
-  state?: string | number
-}>()
+const props = withDefaults(
+  defineProps<{
+    isEdit: boolean
+    remoteConsoleOptions?: UI_I_SendDataRemoteConsoleOptions
+    // TODO возможно вернем, НЕ УДАЛЯТЬ
+    // errorValidationFields: UI_I_ErrorValidationField<string>[]
+    state?: string | number
+  }>(),
+  {
+    remoteConsoleOptions: undefined,
+    state: undefined,
+  }
+)
 const emits = defineEmits<{
   (event: 'send-data', value: UI_I_SendDataRemoteConsoleOptions): void
   (event: 'invalid', value: boolean): void

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/copyPaste/CopyPasteNew.vue

@@ -7,9 +7,9 @@
       <ui-checkbox
         id="copy-paste"
         v-model="copyPaste"
-        test-id="copy-paste-checkbox"
         :disabled="props.disabled"
         :label-text="localization.common.enable"
+        test-id="copy-paste-checkbox"
         size="md"
       />
     </template>

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/fileTransfer/FileTransferNew.vue

@@ -7,9 +7,9 @@
       <ui-checkbox
         id="file-transfer"
         v-model="fileTransfer"
-        test-id="file-transfer-checkbox"
         :disabled="props.disabled"
         :label-text="localization.common.enable"
+        test-id="file-transfer-checkbox"
         size="md"
       />
     </template>