bfg-common 1.1.97 → 1.1.98

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

@@ -1,7 +1,7 @@
 <template>
-  <div class="add-vm">
+  <div class="clone-vm">
     <atoms-modal-by-steps
-      test-id="add-vm-wizard"
+      test-id="clone-vm-wizard"
       :show="true"
       :title="localization.cloneExistingVirtualMachine"
       :step-items="stepItems"
@@ -11,7 +11,8 @@
       @hide="onHideModal"
     >
       <template #modalBody>
-        <div class="add-vm-context">
+        <atoms-loader v-show="!vmSettings || loading" id="loader" />
+        <div v-if="vmSettings" class="vm-context">
           <div class="context-title-wrap">
             <p>{{ stepSubTitle }}</p>
           </div>
@@ -146,7 +147,10 @@ import type {
   UI_I_FolderOrFileTreePayload,
 } from '~/models/store/storage/interfaces'
 import type { UI_I_NetworkTableItem } from '~/models/store/network/interfaces'
-import type { API_UI_I_Error, UI_I_TablePayload } from '~/models/store/interfaces'
+import type {
+  API_UI_I_Error,
+  UI_I_TablePayload,
+} from '~/models/store/interfaces'
 import type { UI_I_FileTreeNode } from '~/components/models/interfaces'
 import type { UI_I_Localization } from '~/models/interfaces'
 import type { UI_I_SendDataCustomizeHardware } from '~/components/common/vm/actions/add/customizeHardware/models/interfaces'
@@ -188,11 +192,9 @@ const props = defineProps<{
   errorValidationFields: UI_I_ErrorValidationField[]
   readyCompleteTableInfo: UI_I_TableInfoItem[]
   vmCpuHelpTextSecond: string
-  finishFunc: UI_T_AddVmFinishFunc
+  finishFunc: any
   getDatastoreTableFunc: (payload: UI_I_TablePayload) => Promise<void>
-  validateSendDataFunc: UI_T_AddVmFinishFunc<
-    [UI_T_SelectedNavItem, null | number] | null
-  >
+  validateSendDataFunc: any
   passthroughDevices: UI_I_ConfigurePciDevicesTable | null
   vmNameInWizard: string
 }>()
@@ -425,8 +427,6 @@ const onChangeStep = (key: number): void => {
 }
 
 const compatibility = ref<UI_I_OptionItem[]>(capabilities.compatibility)
-const cpuModels = ref<UI_I_OptionItem[]>(capabilities.cpuModels)
-const maxCpus = ref<number>(capabilities.maxCpus)
 const maxMemory = ref<number>(capabilities.maxMemory)
 
 const vmSettings = computed<UI_I_VmSettings | null>(() => props.vmSettings)
@@ -445,7 +445,7 @@ const onHideModal = (): void => {
   width: 20px;
   top: 0;
 }
-.add-vm-context {
+.vm-context {
   padding: 16px 15px 10px 10px;
   height: 100%;
   display: flex;
@@ -458,12 +458,12 @@ const onHideModal = (): void => {
     h4 {
       font-weight: 700;
       font-size: 13px;
-      color: var(--add-vm-context-title);
+      color: var(--vm-context-title);
     }
     p {
       font-weight: 400;
       font-size: 13px;
-      color: var(--add-vm-context-sub-title);
+      color: var(--vm-context-sub-title);
     }
   }
 
@@ -534,11 +534,11 @@ const onHideModal = (): void => {
 
 <style>
 :root {
-  --add-vm-context-title: #333;
-  --add-vm-context-sub-title: #000;
+  --vm-context-title: #333;
+  --vm-context-sub-title: #000;
 }
 :root.dark-theme {
-  --add-vm-context-title: #adbbc4;
-  --add-vm-context-sub-title: #adbbc4;
+  --vm-context-title: #adbbc4;
+  --vm-context-sub-title: #adbbc4;
 }
 </style>

package/components/common/vm/actions/editSettings/EditSettings.vue

@@ -1,7 +1,7 @@
 <template>
-  <div class="add-vm">
+  <div class="edit-vm">
     <atoms-modal
-      test-id="vm-edit-settings"
+      test-id="edit-vm-wizard"
       :show="true"
       :title="localization.editSettings"
       :second-title="vmNameCash"
@@ -14,7 +14,7 @@
           v-show="!vmSettings || loading"
           id="loader"
         />
-        <div v-if="vmSettings" class="add-vm-context">
+        <div v-if="vmSettings" class="vm-context">
           <common-vm-actions-add-customize-hardware
             v-model:vm-name="vmName"
             v-model:guest-machine-type="vmSettings.guestMachineType"
@@ -205,7 +205,7 @@ const validateSendData = async (): Promise<void> => {
 </script>
 
 <style scoped lang="scss">
-.add-vm-context {
+.vm-context {
   padding: 16px 15px 10px 10px;
   height: 100%;
   display: flex;
@@ -218,12 +218,12 @@ const validateSendData = async (): Promise<void> => {
     h4 {
       font-weight: 700;
       font-size: 13px;
-      color: var(--add-vm-context-title);
+      color: var(--vm-context-title);
     }
     p {
       font-weight: 400;
       font-size: 13px;
-      color: var(--add-vm-context-sub-title);
+      color: var(--vm-context-sub-title);
     }
   }
 
@@ -306,11 +306,11 @@ const validateSendData = async (): Promise<void> => {
 
 <style>
 :root {
-  --add-vm-context-title: #333;
-  --add-vm-context-sub-title: #000;
+  --vm-context-title: #333;
+  --vm-context-sub-title: #000;
 }
 :root.dark-theme {
-  --add-vm-context-title: #adbbc4;
-  --add-vm-context-sub-title: #adbbc4;
+  --vm-context-title: #adbbc4;
+  --vm-context-sub-title: #adbbc4;
 }
 </style>

package/package.json

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