bfg-common 1.1.98 → 1.1.100

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

@@ -55,6 +55,7 @@
         :networks="props.networksForBootOptions"
         :options="props.options"
         :is-edit="props.isEdit"
+        :is-clone="props.isClone"
         :error-validation-fields="props.errorValidationFields"
         :state="props.state"
         @change-boot-order="onChangeBootOrder"
@@ -126,6 +127,7 @@ const props = defineProps<{
   usbController?: string
   options?: UI_I_SendDataVmoptions
   isEdit?: boolean
+  isClone?: boolean
   state?: string | number
   passthroughDevices?: UI_I_ConfigurePciDevicesTable | null
 }>()

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

@@ -8,6 +8,7 @@
           v-model:guest-os-family="guestOsFamilyLocal"
           v-model:guest-os-version="guestOsVersionLocal"
           :is-edit="props.isEdit"
+          :is-clone="props.isClone"
           :state="props.state"
         />
         <common-vm-actions-add-customize-hardware-vmoptions-remote-console-options
@@ -65,6 +66,7 @@ const props = defineProps<{
   cdDvdDrives: UI_I_SendDataNewCdDvdDrive[] | null
   networks: UI_I_SendDataNewNetwork[] | null
   isEdit: boolean
+  isClone: boolean
   errorValidationFields: UI_I_ErrorValidationField[]
   options?: UI_I_SendDataVmoptions
   state?: string | number

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

@@ -108,6 +108,7 @@ const props = defineProps<{
   guestOsFamily: UI_I_OptionItem | null
   guestOsVersion: UI_I_OptionItem | null
   isEdit: boolean
+  isClone: boolean
   state?: string | number
 }>()
 const emits = defineEmits<{
@@ -118,7 +119,7 @@ const emits = defineEmits<{
 }>()
 
 const isDisabled = computed<boolean>(
-  () => !props.isEdit || (props.isEdit && props.state !== 1)
+  () => (!props.isEdit && !props.isClone) || (props.isEdit && props.state !== 1)
 )
 
 const vmNameLocal = computed<string>({

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

@@ -18,8 +18,8 @@
           </div>
 
           <common-vm-actions-add-select-name
-            v-show="stepPosition === 1"
-            :show="stepPosition === 1"
+            v-show="stepPosition === 0"
+            :show="stepPosition === 0"
             :name-form-submit="nameFormSubmit"
             :project="props.project"
             @submit="onChangeNameAndNext(...$event)"
@@ -27,19 +27,19 @@
             @loading="loading = $event"
           />
           <common-vm-actions-add-select-storage
-            v-show="stepPosition === 2"
+            v-show="stepPosition === 1"
             :storage-submit="storageSubmit"
             :datastore="props.datastore"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             @submit="onChangeStorageAndNext"
           />
           <common-vm-actions-clone-select-options
-            v-show="stepPosition === 3"
+            v-show="stepPosition === 2"
             :select-options-submit="selectOptionsSubmit"
             @submit="onChangeSelectOptionsAndNext"
           />
           <common-vm-actions-add-customize-hardware
-            v-show="stepPosition === 4"
+            v-show="stepPosition === 3"
             v-model:vm-name="vmName"
             v-model:guest-machine-type="vmSettings.guestMachineType"
             v-model:guest-os-family="vmSettings.guestOsFamily"
@@ -71,7 +71,7 @@
             :passthrough-devices="props.passthroughDevices"
             :get-datastore-table-func="props.getDatastoreTableFunc"
             :datastore="props.datastore"
-            :is-edit="false"
+            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)"
@@ -82,7 +82,7 @@
             @send-data="onChangeCustomizeHardware"
           />
           <common-vm-actions-clone-ready-to-complete
-            v-if="stepPosition === 5"
+            v-if="stepPosition === 4"
             :ready-complete-table-info="props.readyCompleteTableInfo"
           />
         </div>
@@ -91,7 +91,7 @@
       <template #modalFooter>
         <div class="flex-align-center flex-space-between w-100">
           <div class="power-on-by-default-wrap">
-            <template v-if="stepPosition === 5">
+            <template v-if="stepPosition === 4">
               <input
                 id="power-on-by-default"
                 v-model="isPowerOnByDefault"
@@ -215,7 +215,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const stepPosition = ref<number>(0)
 watch(stepPosition, (newValue) => {
-  if (newValue === 5) validateSendData()
+  if (newValue === 4) validateSendData()
 })
 const stepItems = ref<UI_I_VerticalStepItem[]>([])
 stepItems.value = stepItemsFunc(localization.value, props.project)
@@ -379,34 +379,34 @@ const checkLocalChangeAndChangeStepStatus = (): void => {
 }
 
 const checkSubmit = (force = false): boolean => {
-  if (stepPosition.value === 1 && !force) {
+  if (stepPosition.value === 0 && !force) {
     nameFormSubmit.value++
     return false
   }
-  if (stepPosition.value === 2 && !force) {
+  if (stepPosition.value === 1 && !force) {
     storageSubmit.value++
     return false
   }
-  if (stepPosition.value === 3 && !force) {
+  if (stepPosition.value === 2 && !force) {
     selectOptionsSubmit.value++
     return false
   }
-  if (stepPosition.value === 4 && !force) {
+  if (stepPosition.value === 3 && !force) {
     customizeHardwareSubmit.value++
     return false
   }
   return true
 }
 const checkSubmitByManual = (step: number): boolean => {
-  if (stepPosition.value === 1) {
+  if (stepPosition.value === 0) {
     nameFormSubmit.value++
     return false
   }
-  if (stepPosition.value === 2) {
+  if (stepPosition.value === 1) {
     storageSubmit.value++
     return false
   }
-  if (step === 6) {
+  if (step === 5) {
     customizeHardwareSubmit.value++
     return false
   }

package/components/common/vm/actions/clone/select/options/Options.vue

@@ -49,35 +49,17 @@ const emits = defineEmits<{
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const selectedOptions = ref<string[]>([])
-watch(selectedOptions, newValue => {
-  emits('submit', newValue)
+watch(() => props.selectOptionsSubmit, () => {
+  emits('submit', selectedOptions.value)
 })
 </script>
 
 <style scoped lang="scss">
-.select-os {
-  .select-os-block {
-    label:not(.windows-virtualization-label) {
-      padding: 0 5px 5px 0;
-    }
+.select-options {
+  padding: 12px 0 0;
 
-    .windows-virtualization-label {
-      padding: 0 4px;
-    }
-  }
-}
-
-#os-select-help-icon {
-  h3 {
-    margin-top: 7px;
-    font-size: 22px;
-    color: #565656;
-  }
-  p {
-    width: 310px;
-    margin-top: 24px;
-    font-size: 14px;
-    color: #565656;
+  .checkbox {
+    margin: 6px 0;
   }
 }
 </style>

package/components/common/vm/actions/clone/utils.ts

@@ -12,7 +12,7 @@ export const stepItemsFunc = (
   return [
     {
       text: localization.selectName,
-      disabled: true,
+      disabled: false,
       complete: false,
     },
     { text: localization.selectStorage, disabled: true, complete: false },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.1.98",
+  "version": "1.1.100",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",