bfg-common 1.5.332 → 1.5.333

package/components/common/pages/home/widgets/WidgetsNew.vue

@@ -15,40 +15,42 @@
     </div>
   </div>
 
-  <div class="home-total-warnings">
-    <h1>
-      {{ localization.home.totalAlertsWarnings }}
-    </h1>
+  <!--    TODO 700-->
+  <!--  <div class="home-total-warnings">-->
+  <!--    <h1>-->
+  <!--      {{ localization.home.totalAlertsWarnings }}-->
+  <!--    </h1>-->
 
-    <div class="grid-container">
-      <common-pages-home-widgets-warnings
-        :alerts="alerts || []"
-        :loading="props.loading"
-      />
+  <!--    <div class="grid-container">-->
+  <!--      <common-pages-home-widgets-warnings-->
+  <!--        :alerts="alerts || []"-->
+  <!--        :loading="props.loading"-->
+  <!--      />-->
 
-      <common-pages-home-widgets-services
-        :services="services || []"
-        :loading="props.loading"
-      />
-    </div>
-  </div>
+  <!--      <common-pages-home-widgets-services-->
+  <!--        :services="services || []"-->
+  <!--        :loading="props.loading"-->
+  <!--      />-->
+  <!--    </div>-->
+  <!--  </div>-->
 </template>
 
 <script lang="ts" setup>
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type {
-  UI_I_Alert,
   UI_I_Hosts,
   UI_I_Vms,
-  UI_I_Service,
+  // UI_I_Alert,
+  // UI_I_Service,
 } from '~/components/common/pages/home/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
 
 const props = defineProps<{
   vms: UI_I_Vms
   hosts: UI_I_Hosts
-  alerts: UI_I_Alert[]
-  services: UI_I_Service[]
+  // TODO 700
+  // alerts: UI_I_Alert[]
+  // services: UI_I_Service[]
   loading: boolean
   project?: UI_T_Project
 }>()

package/components/common/pages/home/widgets/WidgetsOld.vue

@@ -7,26 +7,28 @@
       :hosts="props.hosts"
     />
 
-    <common-pages-home-widgets-warnings :alerts="props.alerts" />
-
-    <common-pages-home-widgets-services :services="props.services" />
+    <!--    TODO 700-->
+    <!--    <common-pages-home-widgets-warnings :alerts="props.alerts" />-->
+    <!--    TODO 700-->
+    <!--    <common-pages-home-widgets-services :services="props.services" />-->
   </div>
 </template>
 
 <script lang="ts" setup>
 import type {
-  UI_I_Alert,
   UI_I_Hosts,
   UI_I_Vms,
-  UI_I_Service,
+  // UI_I_Alert,
+  // UI_I_Service,
 } from '~/components/common/pages/home/lib/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
 
 const props = defineProps<{
   vms: UI_I_Vms
   hosts: UI_I_Hosts
-  alerts: UI_I_Alert[]
-  services: UI_I_Service[]
+  // TODO 700
+  // alerts: UI_I_Alert[]
+  // services: UI_I_Service[]
   project?: UI_T_Project
 }>()
 </script>

package/components/common/select/radio/RadioGroup.vue

@@ -2,21 +2,21 @@
   <div class="select-option">
     <div
       v-for="radio in options"
-      :key="radio.value"
+      :key="radio.id"
       v-permission="radio.permission"
       :class="['select-option__inner radio', radio.disabled && 'disabled']"
     >
       <div :class="['select-option__container', radio.value]">
         <div class="select-option__wrapper">
           <input
-            :id="radio.label"
+            :id="radio.id"
             v-model="selectedType"
             :data-id="radio.testId"
             :value="radio.value"
             :disabled="radio.disabled"
             type="radio"
           />
-          <label :for="radio.label">{{ radio.label }}</label>
+          <label :for="radio.id">{{ radio.label }}</label>
 
           <div
             v-if="'isTooltip' in radio"
@@ -75,7 +75,14 @@ const emits = defineEmits<{
   (event: 'update:model-value', value: string | number): void
 }>()
 
-const options = computed<UI_I_RadioOption[]>(() => props.options)
+const options = computed<UI_I_RadioOption[]>(() =>
+  props.options.map((option) => {
+    return {
+      ...option,
+      id: option.id || `radio-btn-${useUniqueId()}`,
+    }
+  })
+)
 
 const selectedType = computed<string | number>({
   get() {

package/components/common/select/radio/lib/models/interfaces.ts

@@ -1,6 +1,7 @@
 export interface UI_I_RadioOption {
   label: string
   value: string | number
+  id?: string
   disabled?: boolean
   isTooltip?: boolean
   description?: string

package/components/common/vm/actions/add/New.vue

@@ -152,7 +152,12 @@
           />
         </template>
       </ui-wizard-block>
-      <ui-wizard-block v-if="selectedStep.id === dynamicSteps.selectOptions">
+      <ui-wizard-block
+        v-if="
+          selectedStep.id === dynamicSteps.selectOptions ||
+          selectedStep.id === dynamicSteps.selectOptionsForDeployment
+        "
+      >
         <template #content>
           <common-vm-actions-common-select-options
             :is-create-template="selectedCreateType === '1'"

package/components/common/vm/actions/add/Old.vue

@@ -75,7 +75,10 @@
             @submit="emits('change-storage', $event)"
           />
           <common-vm-actions-common-select-options
-            v-show="selectedStep.id === dynamicSteps.selectOptions"
+            v-show="
+              selectedStep.id === dynamicSteps.selectOptions ||
+              selectedStep.id === dynamicSteps.selectOptionsForDeployment
+            "
             :is-create-template="selectedCreateType === '1'"
             @change="emits('change-select-options', $event)"
           />

package/components/common/vm/actions/add/lib/config/steps.ts

@@ -10,12 +10,13 @@ export const dynamicSteps = {
   selectComputeResource: 4,
   selectStorage: 5,
   selectOptions: 6,
-  compatibility: 7,
-  selectGuestOSMachineType: 8,
-  selectGuestOS: 9,
-  customizeHardware: 10,
-  customizeHardwareTemplate: 11,
-  readyComplete: 12,
+  selectOptionsForDeployment: 7,
+  compatibility: 8,
+  selectGuestOSMachineType: 9,
+  selectGuestOS: 10,
+  customizeHardware: 11,
+  customizeHardwareTemplate: 12,
+  readyComplete: 13,
 }
 
 export const stepsFunc = (
@@ -121,6 +122,17 @@ export const stepsFunc = (
       testId: 'vm-wizard-select-clone-options',
       fields: {},
     },
+    {
+      id: dynamicSteps.selectOptionsForDeployment,
+      stepName: '',
+      title: localization.common.selectOptionsTargetVm,
+      subTitle:
+      localization.common.chooseGuestOSInstalledVmAndMachineTypeUsedCreateVm,
+      status: UI_E_WIZARD_STATUS.INACTIVE,
+      isValid: true,
+      testId: 'vm-wizard-select-clone-options',
+      fields: {},
+    },
     {
       id: dynamicSteps.compatibility,
       stepName: '',
@@ -226,7 +238,7 @@ export const stepsSchemeInitial = [
     dynamicSteps.selectTemplate,
     dynamicSteps.selectName,
     dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
+    dynamicSteps.selectOptionsForDeployment,
     dynamicSteps.readyComplete,
   ],
   // Deploy from template with Customize the operating system (Procurator)
@@ -235,7 +247,7 @@ export const stepsSchemeInitial = [
     dynamicSteps.selectTemplate,
     dynamicSteps.selectName,
     dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
+    dynamicSteps.selectOptionsForDeployment,
     dynamicSteps.selectGuestOSMachineType,
     dynamicSteps.readyComplete,
   ],
@@ -245,7 +257,7 @@ export const stepsSchemeInitial = [
     dynamicSteps.selectTemplate,
     dynamicSteps.selectName,
     dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
+    dynamicSteps.selectOptionsForDeployment,
     dynamicSteps.customizeHardwareTemplate,
     dynamicSteps.readyComplete,
   ],
@@ -255,7 +267,7 @@ export const stepsSchemeInitial = [
     dynamicSteps.selectTemplate,
     dynamicSteps.selectName,
     dynamicSteps.selectStorage,
-    dynamicSteps.selectOptions,
+    dynamicSteps.selectOptionsForDeployment,
     dynamicSteps.selectGuestOSMachineType,
     dynamicSteps.customizeHardwareTemplate,
     dynamicSteps.readyComplete,

package/components/common/vm/actions/common/customizeHardware/CustomizeHardware.vue

@@ -42,6 +42,7 @@
     :errors="errors"
     :compute-resource="props.computeResource"
     :compatibility-info="props.compatibilityInfo"
+    :is-vmt="props.isVmt"
     @change-boot-order="emits('change-boot-order', $event)"
     @send-data="emits('send-data', $event)"
     @next="emits('next')"
@@ -98,6 +99,7 @@
     :nav-items="navItems"
     :errors="errors"
     :compute-resource="props.computeResource"
+    :is-vmt="props.isVmt"
     @change-boot-order="emits('change-boot-order', $event)"
     @send-data="emits('send-data', $event)"
     @next="emits('next')"
@@ -188,6 +190,7 @@ const props = defineProps<{
   project?: UI_T_Project
   computeResource?: UI_I_TreeNode | null
   compatibilityInfo?: string
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void

package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareNew.vue

@@ -81,6 +81,7 @@
         :error-validation-fields="props.errorValidationFields"
         :state="props.state"
         :compatibility-info="props.compatibilityInfo"
+        :is-vmt="props.isVmt"
         @change-boot-order="emits('change-boot-order', $event)"
         @send-data="emits('send-data-vm-options-method', $event)"
         @invalid="vmOptionsInvalid = $event"
@@ -177,6 +178,7 @@ const props = defineProps<{
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
   computeResource?: UI_I_TreeNode | null
   compatibilityInfo?: string
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (event: 'get-storage', value: UI_I_TablePayload): void

package/components/common/vm/actions/common/customizeHardware/CustomizeHardwareOld.vue

@@ -65,6 +65,7 @@
         :is-clone="props.isClone"
         :error-validation-fields="props.errorValidationFields"
         :state="props.state"
+        :is-vmt="props.isVmt"
         @change-boot-order="emits('change-boot-order', $event)"
         @send-data="emits('send-data-vm-options-method', $event)"
         @invalid="vmOptionsInvalid = $event"
@@ -158,6 +159,7 @@ const props = defineProps<{
   vmCpuHelpTextSecond?: string
   getDatastoreTableFunc?: (payload: UI_I_TablePayload) => Promise<void>
   computeResource?: UI_I_TreeNode | null
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (event: 'get-storage', value: UI_I_TablePayload): void

package/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/config/dropdownItems.ts

@@ -46,22 +46,23 @@ export const dropdownItemsFunc = (
     //     { text: 'USB Controller', value: 9 },
     //   ],
     // },
-    {
-      text:  localization.common.otherDevices,
-      children: [
-        {
-          text: localization.common.pciDevice,
-          value: 10,
-          disabled:
-            state === 2 ||
-            (!passthroughDevices?.length && !mediatedDevices?.length),
-          testId: 'pci-device',
-        },
-        // { text: 'Watchdog Timer', value: 11 },
-        // { text: 'Precision Clock', value: 12 },
-        // { text: 'Serial Port', value: 13 },
-      ],
-    },
+    // TODO 700
+    // {
+    //   text:  localization.common.otherDevices,
+    //   children: [
+    //     {
+    //       text: localization.common.pciDevice,
+    //       value: 10,
+    //       disabled:
+    //         state === 2 ||
+    //         (!passthroughDevices?.length && !mediatedDevices?.length),
+    //       testId: 'pci-device',
+    //     },
+    //     // { text: 'Watchdog Timer', value: 11 },
+    //     // { text: 'Precision Clock', value: 12 },
+    //     // { text: 'Serial Port', value: 13 },
+    //   ],
+    // },
     {
       text: localization.common.network,
       children: [
@@ -120,24 +121,25 @@ export const dropdownItemsNewFunc = (
     //     { text: 'USB Controller', value: 9 },
     //   ],
     // },
-    {
-      text: localization.common.otherDevices,
-      value: -1,
-      divider: true,
-      items: [
-        {
-          text: localization.common.pciDevice,
-          value: 10,
-          disabled:
-            state === 2 ||
-            (!passthroughDevices?.length && !mediatedDevices?.length),
-          testId: 'pci-device',
-        },
-        // { text: 'Watchdog Timer', value: 11 },
-        // { text: 'Precision Clock', value: 12 },
-        // { text: 'Serial Port', value: 13 },
-      ],
-    },
+    // TODO 700
+    // {
+    //   text: localization.common.otherDevices,
+    //   value: -1,
+    //   divider: true,
+    //   items: [
+    //     {
+    //       text: localization.common.pciDevice,
+    //       value: 10,
+    //       disabled:
+    //         state === 2 ||
+    //         (!passthroughDevices?.length && !mediatedDevices?.length),
+    //       testId: 'pci-device',
+    //     },
+    //     // { text: 'Watchdog Timer', value: 11 },
+    //     // { text: 'Precision Clock', value: 12 },
+    //     // { text: 'Serial Port', value: 13 },
+    //   ],
+    // },
     {
       text: localization.common.network,
       value: -1,

package/components/common/vm/actions/common/customizeHardware/vmoptions/Vmoptions.vue

@@ -15,6 +15,7 @@
     :options="props.options"
     :state="props.state"
     :compatibility-info="props.compatibilityInfo"
+    :is-vmt="props.isVmt"
     @change-boot-order="emits('change-boot-order', $event)"
     @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
     @send-data-tools="sendDataToolsMethod"
@@ -36,6 +37,7 @@
     :error-validation-fields="props.errorValidationFields"
     :options="props.options"
     :state="props.state"
+    :is-vmt="props.isVmt"
     @change-boot-order="emits('change-boot-order', $event)"
     @send-data-remote-console-options="sendDataRemoteConsoleOptionsMethod"
     @send-data-tools="sendDataToolsMethod"
@@ -88,6 +90,7 @@ const props = defineProps<{
   options?: UI_I_SendDataVmoptions
   state?: string | number
   compatibilityInfo?: string
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (

package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsNew.vue

@@ -8,6 +8,7 @@
       :is-edit="props.isEdit"
       :is-clone="props.isClone"
       :state="props.state"
+      :is-vmt="props.isVmt"
     />
     <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options
       :error-validation-fields="props.errorValidationFields"
@@ -85,6 +86,7 @@ const props = defineProps<{
   options?: UI_I_SendDataVmoptions
   state?: string | number
   compatibilityInfo?: string
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (

package/components/common/vm/actions/common/customizeHardware/vmoptions/VmoptionsOld.vue

@@ -10,6 +10,7 @@
           :is-edit="props.isEdit"
           :is-clone="props.isClone"
           :state="props.state"
+          :is-vmt="props.isVmt"
         />
         <common-vm-actions-common-customize-hardware-vmoptions-remote-console-options
           :error-validation-fields="props.errorValidationFields"
@@ -81,6 +82,7 @@ const props = defineProps<{
   errorValidationFields: UI_I_ErrorValidationField[]
   options?: UI_I_SendDataVmoptions
   state?: string | number
+  isVmt?: boolean
 }>()
 const emits = defineEmits<{
   (

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

@@ -6,6 +6,7 @@
     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"
@@ -19,6 +20,7 @@
     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"
@@ -29,6 +31,7 @@
 
 <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 })
@@ -47,6 +50,7 @@ const props = defineProps<{
   isEdit: boolean
   isClone: boolean
   state?: string | number
+  isVmt?: boolean
 }>()
 
 const { $store }: any = useNuxtApp()
@@ -78,6 +82,14 @@ watch(
 )
 
 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

@@ -25,7 +25,7 @@
     <template #stackChildren>
       <ui-stack-block :has-children="false">
         <template #stackBlockKey>
-          {{ localization.common.vmName }}
+          {{ props.nameLabel }}
         </template>
         <template #stackBlockContent>
           <div class="vm-name-wrap">
@@ -124,6 +124,7 @@ const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
 
 const props = defineProps<{
   isDisabled: boolean
+  nameLabel: string
   machineTypeOptions: UI_I_OptionItem[]
   osOptions: UI_I_OptionItem[]
   versionsOptions: UI_I_OptionItem[]

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

@@ -16,13 +16,13 @@
       </template>
       <template #stackBlockContent>
         <div v-show="!blockIsOpen">
-          {{ localization.common.vmName }}: {{ vmName }}
+          {{ props.nameLabel }}: {{ vmName }}
         </div>
       </template>
       <template #stackChildren>
         <atoms-stack-block :has-children="false">
           <template #stackBlockKey>
-            {{ localization.common.vmName }}
+            {{ props.nameLabel }}
           </template>
           <template #stackBlockContent>
             <span>{{ vmName }}</span>
@@ -138,11 +138,12 @@ const guestOsVersion = defineModel<UI_I_OptionItem | null>('guestOsVersion', {
 const props = defineProps<{
   isEdit: boolean
   isClone: boolean
-  state?: string | number
   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

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

@@ -102,11 +102,12 @@
         v-model:usb-redirection="usbRedirection"
         :disabled="props.isDisabled"
       />
-      <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>
   </ui-stack-block>
 </template>
@@ -127,7 +128,8 @@ const fileTransfer = defineModel<boolean>('fileTransfer', { required: true })
 const usbRedirection = defineModel<number>('usbRedirection', {
   required: true,
 })
-const folderSharing = defineModel<boolean>('folderSharing', { required: true })
+// TODO 700
+// const folderSharing = defineModel<boolean>('folderSharing', { required: true })
 
 const props = defineProps<{
   // TODO возможно вернем, НЕ УДАЛЯТЬ

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

@@ -98,11 +98,12 @@
           v-model:usb-redirection="usbRedirection"
           :disabled="props.isDisabled"
         />
-        <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>
@@ -124,7 +125,8 @@ const fileTransfer = defineModel<boolean>('fileTransfer', { required: true })
 const usbRedirection = defineModel<number>('usbRedirection', {
   required: true,
 })
-const folderSharing = defineModel<boolean>('folderSharing', { required: true })
+// TODO 700
+// const folderSharing = defineModel<boolean>('folderSharing', { required: true })
 
 const props = defineProps<{
   // TODO возможно вернем, НЕ УДАЛЯТЬ

package/components/common/vm/actions/common/customizeHardware/vmoptions/tools/ToolsNew.vue

@@ -1,5 +1,7 @@
 <template>
+<!--  TODO 700-->
   <ui-stack-block
+      v-show="false"
     :has-children="true"
     test-id="tools-stack-block"
     is-toggle-on-stack-view-key

package/components/common/vm/actions/common/customizeHardware/vmoptions/tools/ToolsOld.vue

@@ -1,5 +1,6 @@
 <template>
-  <div class="hardware-tools">
+<!--  TODO 700-->
+  <div v-show="false" class="hardware-tools">
     <atoms-stack-block :has-children="true" test-id="tools-stack-block">
       <template #stackBlockKey>
         <div

package/components/common/vm/actions/common/select/name/New.vue

@@ -1,16 +1,18 @@
 <template>
   <div :class="['select-name', { 'pb-6': props.project === 'sphere' }]">
-    <Teleport to="#name-alert-wrapper">
-      <ui-alert
-        v-show="props.errors.length"
-        :messages="props.errors"
-        status="alert-danger"
-        test-id="name-alert"
-        class="errors-alert"
-        size="md"
-        @hide="emits('remove-validation-errors')"
-      />
-    </Teleport>
+    <client-only>
+      <Teleport to="#name-alert-wrapper">
+        <ui-alert
+          v-show="props.errors.length"
+          :messages="props.errors"
+          status="alert-danger"
+          test-id="name-alert"
+          class="errors-alert"
+          size="md"
+          @hide="emits('remove-validation-errors')"
+        />
+      </Teleport>
+    </client-only>
 
     <div class="name-field">
       <div class="flex-1 flex-align-center">