bfg-common 1.6.95 → 1.6.97

package/components/common/vm/actions/clone/Clone.vue

@@ -1,66 +1,68 @@
 <template>
   <div>
     <component
-        :is="currentComponent"
-        v-model="model"
-        v-model:scheduler-task-form="schedulerTaskForm"
-        v-model:compute-resource="vmForm.computeResource"
-        v-model:location="location"
-        :project="props.project"
-        :nodes="props.nodes"
-        :files="props.files"
-        :networks-table="props.networksTable"
-        :datastore="props.datastore"
-        :is-datastore-loading="props.isDatastoreLoading"
-        :error-validation-fields="props.errorValidationFields"
-        :ready-complete-table-info="props.readyCompleteTableInfo"
-        :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-        :get-datastore-table-func="props.getDatastoreTableFunc"
-        :usb-devices="props.usbDevices"
-        :passthrough-devices="props.passthroughDevices"
-        :mediated-devices="props.mediatedDevices"
-        :name-request-url="props.nameRequestUrl"
-        :selected-virtual-machine="props.selectedVirtualMachine"
-        :is-new-vm-from-template="props.isNewVmFromTemplate"
-        :compute-resource-tree="props.computeResourceTree"
-        :location-nodes="props.locationNodes"
-        :wizard="wizard"
-        :selected-scheme="selectedScheme"
-        :title="title"
-        :name-form-submit="nameFormSubmit"
-        :storage-submit="storageSubmit"
-        :customize-hardware-submit="customizeHardwareSubmit"
-        :selected-nav-item="selectedNavItem"
-        :is-loading="isLoading"
-        :allowed-location-kinds="allowedLocationKinds"
-        :is-sphere="isSphere"
-        :location-description="locationDescription"
-        :name-test-ids="nameTestIds"
-        :guest-os-families="guestOsFamilies"
-        :guest-os-versions="guestOsVersions"
-        :machine-types="machineTypes"
-        :dynamic-steps="dynamicSteps"
-        :is-loading-compute-tree="isLoadingComputeTree"
-        :compute-resource-alert="computeResourceAlert"
-        :compatibility-text="compatibilityText"
-        :compatibility-info="compatibilityInfo"
-        :max-memory="maxMemory"
-        :cpu-models="cpuModels"
-        :nums="props.nums"
-        @get-folders-or-files="emits('get-folders-or-files', $event)"
-        @change-name="onChangeName"
-        @change-storage="onChangeStorage"
-        @change-select-options="onChangeSelectOptions"
-        @change-clone-count="cloneCount = $event"
-        @get-storage="emits('get-storage', $event)"
-        @get-active-device-child="emits('get-active-device-child', $event)"
-        @show-datastore-child="emits('show-datastore-child', $event)"
-        @remove-error-by-title="emits('remove-error-by-title', $event)"
-        @get-networks-table="emits('get-networks-table', $event)"
-        @get-pci-devices="emits('get-pci-devices')"
-        @change-steps="onChangeSteps"
-        @hide="onHideModal"
-        @finish="onFinish"
+      :is="currentComponent"
+      v-model="model"
+      v-model:scheduler-task-form="schedulerTaskForm"
+      v-model:compute-resource="vmForm.computeResource"
+      v-model:location="location"
+      :project="props.project"
+      :nodes="props.nodes"
+      :files="props.files"
+      :networks-table="props.networksTable"
+      :datastore="props.datastore"
+      :is-datastore-loading="props.isDatastoreLoading"
+      :error-validation-fields="props.errorValidationFields"
+      :ready-complete-table-info="props.readyCompleteTableInfo"
+      :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
+      :get-datastore-table-func="props.getDatastoreTableFunc"
+      :usb-devices="props.usbDevices"
+      :passthrough-devices="props.passthroughDevices"
+      :mediated-devices="props.mediatedDevices"
+      :name-request-url="props.nameRequestUrl"
+      :selected-virtual-machine="props.selectedVirtualMachine"
+      :is-new-vm-from-template="props.isNewVmFromTemplate"
+      :compute-resource-tree="props.computeResourceTree"
+      :location-nodes="props.locationNodes"
+      :wizard="wizard"
+      :selected-scheme="selectedScheme"
+      :title="title"
+      :name-form-submit="nameFormSubmit"
+      :storage-submit="storageSubmit"
+      :customize-hardware-submit="customizeHardwareSubmit"
+      :selected-nav-item="selectedNavItem"
+      :is-loading="isLoading"
+      :allowed-location-kinds="allowedLocationKinds"
+      :is-sphere="isSphere"
+      :location-description="locationDescription"
+      :name-test-ids="nameTestIds"
+      :guest-os-families="guestOsFamilies"
+      :guest-os-versions="guestOsVersions"
+      :machine-types="machineTypes"
+      :dynamic-steps="dynamicSteps"
+      :is-loading-compute-tree="isLoadingComputeTree"
+      :compute-resource-alert="computeResourceAlert"
+      :compatibility-text="compatibilityText"
+      :compatibility-info="compatibilityInfo"
+      :max-memory="maxMemory"
+      :cpu-models="cpuModels"
+      :nums="props.nums"
+      :selected-clone-options-keys="selectedCloneOptionsKeys"
+      @get-folders-or-files="emits('get-folders-or-files', $event)"
+      @change-name="onChangeName"
+      @change-storage="onChangeStorage"
+      @change-select-options="onChangeSelectOptions"
+      @change-clone-count="cloneCount = $event"
+      @change-clone-max-parallel="maxParallel = $event"
+      @get-storage="emits('get-storage', $event)"
+      @get-active-device-child="emits('get-active-device-child', $event)"
+      @show-datastore-child="emits('show-datastore-child', $event)"
+      @remove-error-by-title="emits('remove-error-by-title', $event)"
+      @get-networks-table="emits('get-networks-table', $event)"
+      @get-pci-devices="emits('get-pci-devices')"
+      @change-steps="onChangeSteps"
+      @hide="onHideModal"
+      @finish="onFinish"
     />
   </div>
 </template>
@@ -149,7 +151,7 @@ const props = withDefaults(
     computeResource: null,
     computeResourceTree: undefined,
     locationNodes: () => [],
-    nums: null
+    nums: null,
   }
 )
 
@@ -558,7 +560,9 @@ const onChangeStorage = (storage: UI_I_DatastoreTableItem | null): void => {
   // vmForm.value.storage = storage
   model.value.storage = storage
 }
+const selectedCloneOptionsKeys = ref<string[]>([])
 const onChangeSelectOptions = (options: string[]): void => {
+  selectedCloneOptionsKeys.value = options
   // vmForm.value.options = options
   if (
     options.includes('customize-os') &&
@@ -588,6 +592,7 @@ const onChangeSelectOptions = (options: string[]): void => {
 const isPowerOnByDefault = ref<boolean>(false)
 const isCreateLinkedClone = ref<boolean>(false)
 const cloneCount = ref<number>(0)
+const maxParallel = ref<number>(1)
 
 watch(
   () => props.vmNameInWizard,
@@ -608,8 +613,8 @@ const validateSendData = async (
     isPowerOnByDefault.value,
     localization.value,
     vmForm.value.locationPath, // для сферы
-    // computeResourcePath.value // для сферы
-    model.value.host_id // для сферы // TODO rollback
+    computeResourcePath.value // для сферы
+    // model.value.host_id // для сферы // TODO rollback
   )
 
   wizard.setLoader(false)
@@ -633,13 +638,14 @@ const onFinish = (): void => {
       isPowerOnByDefault.value,
       localization.value,
       vmForm.value.locationPath, // для сферы
-      // computeResourcePath.value, // для сферы
-      model.value.host_id, // для сферы // TODO rollback
+      computeResourcePath.value, // для сферы
+      // model.value.host_id, // для сферы // TODO rollback
       false,
       schedulerTaskForm.value,
       props.schedulerTask,
       isCreateLinkedClone.value,
-      cloneCount.value
+      cloneCount.value,
+      maxParallel.value
     )
     .then(() => {
       isLoading.value = false
@@ -662,9 +668,13 @@ const guestOsVersions = ref<UI_I_ArbitraryObject<UI_I_OptionItem[]>>(
 )
 const machineTypes = ref<UI_I_OptionItem[]>(capabilities.value.machineTypes)
 
-const compatibility = computed<UI_I_OptionItem[]>(() => capabilities.value.compatibility)
+const compatibility = computed<UI_I_OptionItem[]>(
+  () => capabilities.value.compatibility
+)
 const compatibilityInfo = computed<string>(() => {
-  const selectedOption = compatibility.value.find(item => item.value === model.value?.compatibility)
+  const selectedOption = compatibility.value.find(
+    (item) => item.value === model.value?.compatibility
+  )
 
   if (!selectedOption) return ''
 

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

@@ -217,7 +217,7 @@ export const stepsSchemeInitial = [
   // 8
   [
     dynamicSteps.selectNameFolder,
-    // dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
+    dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
     dynamicSteps.selectStorage,
     dynamicSteps.selectOptions,
     dynamicSteps.readyComplete,
@@ -225,7 +225,7 @@ export const stepsSchemeInitial = [
   // 9 Customize the operating system
   [
     dynamicSteps.selectNameFolder,
-    // dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
+    dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
     dynamicSteps.selectStorage,
     dynamicSteps.selectOptions,
     dynamicSteps.selectGuestOSMachineType,
@@ -234,7 +234,7 @@ export const stepsSchemeInitial = [
   // 10 Customize this virtual machine's hardware
   [
     dynamicSteps.selectNameFolder,
-    // dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
+    dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
     dynamicSteps.selectStorage,
     dynamicSteps.selectOptions,
     dynamicSteps.customizeHardware,
@@ -243,7 +243,7 @@ export const stepsSchemeInitial = [
   // 11 Customize the operating system and this virtual machine's hardware
   [
     dynamicSteps.selectNameFolder,
-    // dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
+    dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
     dynamicSteps.selectStorage,
     dynamicSteps.selectOptions,
     dynamicSteps.selectGuestOSMachineType,
@@ -254,7 +254,7 @@ export const stepsSchemeInitial = [
   [
     dynamicSteps.scheduledTasks,
     dynamicSteps.selectNameFolder,
-    // dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
+    dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
     dynamicSteps.selectStorage,
     dynamicSteps.selectOptions,
     dynamicSteps.readyComplete,
@@ -263,7 +263,7 @@ export const stepsSchemeInitial = [
   [
     dynamicSteps.scheduledTasks,
     dynamicSteps.selectNameFolder,
-    // dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
+    dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
     dynamicSteps.selectStorage,
     dynamicSteps.selectOptions,
     dynamicSteps.selectGuestOSMachineType,
@@ -273,7 +273,7 @@ export const stepsSchemeInitial = [
   [
     dynamicSteps.scheduledTasks,
     dynamicSteps.selectNameFolder,
-    // dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
+    dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
     dynamicSteps.selectStorage,
     dynamicSteps.selectOptions,
     dynamicSteps.customizeHardware,
@@ -283,7 +283,7 @@ export const stepsSchemeInitial = [
   [
     dynamicSteps.scheduledTasks,
     dynamicSteps.selectNameFolder,
-    // dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
+    dynamicSteps.selectComputeResource, // SC-1260 // нашлось другое решение, при получении info берем host_id и используем его
     dynamicSteps.selectStorage,
     dynamicSteps.selectOptions,
     dynamicSteps.selectGuestOSMachineType,

package/components/common/vm/actions/clone/new/New.vue

@@ -5,7 +5,11 @@
     :is-loading="props.isLoading"
     :title="props.title"
     :texts="texts"
-    test-id="clone-exist-vm"
+    :test-id="
+      props.isNewVmFromTemplate
+        ? 'new-virtual-machine-wizard'
+        : 'clone-exist-vm'
+    "
     show
     @change-steps="onChangeSteps"
     @hide="onHideModal"
@@ -24,9 +28,10 @@
           </div>
         </template>
         <template #content>
-          <common-pages-scheduled-tasks-modals-common-new-task-form
+          <common-pages-scheduled-tasks-modals-common-task-form
             v-model="schedulerTaskForm"
             :target="props.selectedVirtualMachine"
+            template-view-mode="horizontal"
             class="new-task-form"
           />
         </template>
@@ -39,7 +44,7 @@
         "
         :sub-title-height="height1"
       >
-        <template #subTitle>
+        <template #subTitle v-if="model">
           <div ref="subTitleBlock1">
             <div class="subtitle-block flex flex-col">
               <div
@@ -52,6 +57,7 @@
         </template>
         <template #content>
           <common-wizards-common-steps-name
+            v-if="model"
             v-model:name="model.name"
             v-model:location="location"
             :show="
@@ -74,6 +80,7 @@
             @submit="emits('change-name', $event)"
             @has-errors="isNameAlertWrapperEmpty = $event"
           />
+          <common-vm-actions-clone-new-skeleton-name v-else />
         </template>
       </ui-wizard-block>
 
@@ -122,8 +129,10 @@
           <common-vm-actions-common-select-options
             :is-new-vm-from-template="props.isNewVmFromTemplate"
             :project="props.project"
+            :selected-clone-options-keys="props.selectedCloneOptionsKeys"
             @change="emits('change-select-options', $event)"
             @change-count="emits('change-clone-count', $event)"
+            @change-max-parallel="emits('change-clone-max-parallel', $event)"
           />
         </template>
       </ui-wizard-block>
@@ -162,34 +171,40 @@
         v-if="selectedStep.id === props.dynamicSteps.customizeHardware"
       >
         <template #content>
-          <common-vm-actions-common-customize-hardware
-            v-model="model"
-            :storage="model.storage"
-            :customize-hardware-submit="props.customizeHardwareSubmit"
-            :max-memory="props.maxMemory"
-            :cpu-models="props.cpuModels"
-            :selected-nav-item="props.selectedNavItem"
-            :nodes="props.nodes"
-            :files="props.files"
-            :networks-table="props.networksTable"
-            :error-validation-fields="props.errorValidationFields"
-            :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-            :usb-devices="props.usbDevices"
-            :passthrough-devices="props.passthroughDevices"
-            :mediated-devices="props.mediatedDevices"
-            :get-datastore-table-func="props.getDatastoreTableFunc"
-            :datastore="props.datastore"
-            :is-datastore-loading="props.isDatastoreLoading"
-            :project="props.project"
-            :nums="props.nums"
-            is-clone
-            @get-storage="emits('get-storage', $event)"
-            @get-folders-or-files="emits('get-folders-or-files', $event)"
-            @get-active-device-child="emits('get-active-device-child', $event)"
-            @show-datastore-child="emits('show-datastore-child', $event)"
-            @get-networks-table="emits('get-networks-table', $event)"
-            @get-pci-devices="emits('get-pci-devices')"
-          />
+          <div
+            class="clone-vm-select-customize-hardware-container overflow-auto h-full flex flex-col pr-8"
+          >
+            <common-vm-actions-common-customize-hardware
+              v-model="model"
+              :storage="model.storage"
+              :customize-hardware-submit="props.customizeHardwareSubmit"
+              :max-memory="props.maxMemory"
+              :cpu-models="props.cpuModels"
+              :selected-nav-item="props.selectedNavItem"
+              :nodes="props.nodes"
+              :files="props.files"
+              :networks-table="props.networksTable"
+              :error-validation-fields="props.errorValidationFields"
+              :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
+              :usb-devices="props.usbDevices"
+              :passthrough-devices="props.passthroughDevices"
+              :mediated-devices="props.mediatedDevices"
+              :get-datastore-table-func="props.getDatastoreTableFunc"
+              :datastore="props.datastore"
+              :is-datastore-loading="props.isDatastoreLoading"
+              :project="props.project"
+              :nums="props.nums"
+              is-clone
+              @get-storage="emits('get-storage', $event)"
+              @get-folders-or-files="emits('get-folders-or-files', $event)"
+              @get-active-device-child="
+                emits('get-active-device-child', $event)
+              "
+              @show-datastore-child="emits('show-datastore-child', $event)"
+              @get-networks-table="emits('get-networks-table', $event)"
+              @get-pci-devices="emits('get-pci-devices')"
+            />
+          </div>
         </template>
       </ui-wizard-block>
 
@@ -239,9 +254,7 @@
         <template #subTitle>
           <div ref="subTitleBlockReadyComplete">
             <div class="subtitle-block">
-              <ui-wizard-subtitle
-                :sub-title="localization.vmWizard.lastCreateSubtitle"
-              />
+              <ui-wizard-subtitle :sub-title="currentFinishStepSubtitle" />
             </div>
           </div>
         </template>
@@ -347,12 +360,14 @@ const props = withDefaults(
     compatibilityText?: [UI_T_CompatibilityStatus, string] // для сферы
     compatibilityInfo?: string
     nums?: any
+    selectedCloneOptionsKeys?: string[]
   }>(),
   {
     isLoadingComputeTree: false,
     computeResourceAlert: () => [],
     compatibilityText: () => ['none', ''],
-    nums: null
+    nums: null,
+    selectedCloneOptionsKeys: () => [],
   }
 )
 
@@ -369,6 +384,7 @@ const emits = defineEmits<{
   (event: 'change-storage', value: UI_I_DatastoreTableItem | null): void
   (event: 'change-select-options', value: string[]): void
   (event: 'change-clone-count', value: number): void
+  (event: 'change-clone-max-parallel', value: number): void
   (event: 'hide'): void
   (event: 'finish'): void
 }>()
@@ -427,6 +443,12 @@ const selectNameStepSubtitle = computed<string>(() =>
     : localization.value.common.specifyUniqueNameForVm
 )
 
+const currentFinishStepSubtitle = computed<string>(() =>
+  props.isNewVmFromTemplate
+    ? localization.value.vmWizard.lastCreateSubtitle
+    : localization.value.vmWizard.lastCloneSubtitle
+)
+
 const onChangeSteps = async (value: UI_I_WizardStep[]): Promise<void> =>
   emits('change-steps', value)
 
@@ -456,7 +478,8 @@ const onClone = (): void => emits('finish')
   :deep(.details-list) {
     grid-template-columns: minmax(100px, max-content) minmax(150px, 100%);
 
-    .details-item-label, .details-item-value {
+    .details-item-label,
+    .details-item-value {
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
@@ -470,4 +493,16 @@ const onClone = (): void => emits('finish')
     }
   }
 }
+.clone-vm-select-customize-hardware-container {
+  :deep(.tabs-wrapper) {
+    overflow: auto;
+
+    .tab-item {
+      padding-top: 0 !important;
+    }
+  }
+  :deep(.ui-main-select-toggle) {
+    width: 100% !important;
+  }
+}
 </style>

package/components/common/vm/actions/clone/new/SkeletonName.vue

@@ -0,0 +1,22 @@
+<template>
+  <div class="skeleton-clone-vm-name-step">
+    <ui-skeleton-item width="70%" height="16" />
+    <div class="bottom-container grid items-center gap-4 mt-4">
+      <ui-skeleton-item width="100%" height="20" />
+      <ui-skeleton-item width="100%" height="36" />
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped lang="scss">
+.skeleton-clone-vm-name-step {
+  .bottom-container {
+    grid-template-columns: 30% 60%;
+    border-top: 1px solid #e9ebed;
+    padding-top: 16px;
+    margin-top: 12px;
+  }
+}
+</style>

package/components/common/vm/actions/clone/old/Old.vue

@@ -1,11 +1,15 @@
 <template>
-  <div class="clone-vm">
+  <div :class="props.isNewVmFromTemplate ? 'add-vm vm-add-wizard' : 'clone-vm'">
     <atoms-wizard
       :wizard="props.wizard"
       :selected-scheme="props.selectedScheme"
       :title="props.title"
       :localization="localization"
-      test-id="clone-exist-vm"
+      :test-id="
+        props.isNewVmFromTemplate
+          ? 'new-virtual-machine-wizard'
+          : 'clone-exist-vm'
+      "
       show
       @change-steps="emits('change-steps', $event)"
       @hide="emits('hide')"
@@ -18,7 +22,7 @@
           test-id="clone-vm-loader"
         />
         <div v-if="model" class="vm-context">
-          <common-pages-scheduled-tasks-modals-common-new-task-form
+          <common-pages-scheduled-tasks-modals-common-task-form
             v-show="selectedStep.id === props.dynamicSteps.scheduledTasks"
             v-model="schedulerTaskForm"
             :target="props.selectedVirtualMachine"
@@ -76,6 +80,7 @@
             :project="props.project"
             @change="emits('change-select-options', $event)"
             @change-count="emits('change-clone-count', $event)"
+            @change-max-parallel="emits('change-clone-max-parallel', $event)"
           />
           <common-vm-actions-common-select-os
             v-show="
@@ -214,7 +219,7 @@ const props = withDefaults(
     isLoadingComputeTree: false,
     computeResourceAlert: () => [],
     compatibilityText: () => ['none', ''],
-    nums: null
+    nums: null,
   }
 )
 
@@ -231,6 +236,7 @@ const emits = defineEmits<{
   (event: 'change-storage', value: UI_I_DatastoreTableItem | null): void
   (event: 'change-select-options', value: string[]): void
   (event: 'change-clone-count', value: number): void
+  (event: 'change-clone-max-parallel', value: number): void
   (event: 'hide'): void
   (event: 'finish'): void
 }>()

package/components/common/vm/actions/common/customizeHardware/virtualHardware/VirtualHardware.vue

@@ -9,7 +9,7 @@
     :files="props.files"
     :is-edit="props.isEdit"
     :storage="props.storage"
-    :storage-free="storageFree"
+    :hard-disks-max-size="hardDisksMaxSize"
     :project="props.project"
     :max-memory="props.maxMemory"
     :cpu-models="props.cpuModels"
@@ -91,7 +91,10 @@ import type {
   UI_I_DropdownTreeItem,
   UI_I_DropdownTreeItemChild,
 } from '~/components/atoms/dropdown/tree/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_ArbitraryObject,
+  UI_I_Localization,
+} from '~/lib/models/interfaces'
 import type {
   UI_I_MediatedDevice,
   UI_I_PciDevice,
@@ -180,7 +183,7 @@ watch(
 const availableUsbDevices = computed<any[]>(() => {
   return (
     usbDevicesLocal.value.filter((device) => {
-      if (device.passthrough === 'Pathroughed') return null
+      if (device.passthrough !== 'Enable') return null
 
       const isUniqueDevice =
         !model.value.passthrough_usb_devices ||

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/CdDvdDrive.vue

@@ -14,6 +14,7 @@
     :is-removable="isRemovable"
     :label="label"
     :disabled="props.disabled"
+    :is-disabled-remove-file="isDisabledRemoveFile"
     :cd-dvd-drive-options="cdDvdDriveOptions"
     :index-by-hard-disks="indexByHardDisks"
     :bus-validation-type="busValidationType"
@@ -115,6 +116,9 @@ const isRemovable = computed<boolean>(() => {
     (isRunning.value && bus.value === 'virtio')
   )
 })
+const isDisabledRemoveFile = computed<boolean>(
+  () => !source.value || props.disabled
+)
 
 const indexByHardDisks = computed<number>(
   () => props.index + props.hardDisksCount

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/New.vue

@@ -46,7 +46,7 @@
               :id="`cd-dvd-delete-files-from-datastore-${props.index}`"
               v-model="deleteFilesFromDatastore"
               :test-id="`cd-dvd-delete-files-from-datastore-${props.index}`"
-              :disabled="props.disabled"
+              :disabled="props.isDisabledRemoveFile"
               :label-text="localization.common.deleteFilesFromDatastore"
               size="md"
             />
@@ -141,6 +141,7 @@ const props = withDefaults(
     isRemovable: boolean
     label: string
     disabled: boolean
+    isDisabledRemoveFile: boolean
     cdDvdDriveOptions: UI_I_OptionItem[]
     indexByHardDisks: number
     busValidationType: string

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/Old.vue

@@ -26,7 +26,7 @@
                 :id="`cd-dvd-delete-files-from-datastore-${props.index}`"
                 v-model="deleteFilesFromDatastore"
                 :data-id="`cd-dvd-delete-files-from-datastore-${props.index}`"
-                :disabled="props.disabled"
+                :disabled="props.isDisabledRemoveFile"
                 type="checkbox"
                 class="cursor-pointer"
                 @click.stop
@@ -34,8 +34,10 @@
               <label
                 :for="`cd-dvd-delete-files-from-datastore-${props.index}`"
                 :class="[
-                  'label-text-normal cursor-pointer',
-                  props.disabled && 'div-disabled',
+                  'label-text-normal',
+                  props.isDisabledRemoveFile
+                    ? 'div-disabled'
+                    : 'cursor-pointer',
                 ]"
                 >{{ localization.common.deleteFilesFromDatastore }}</label
               >
@@ -142,6 +144,7 @@ const props = withDefaults(
     isRemovable: boolean
     label: string
     disabled: boolean
+    isDisabledRemoveFile: boolean
     cdDvdDriveOptions: UI_I_OptionItem[]
     indexByHardDisks: number
     busValidationType: string