bfg-common 1.5.188 → 1.5.190

package/assets/localization/local_be.json

@@ -2949,6 +2949,7 @@
     "createdHosts": "Створаны хасты",
     "availableZabbixServer": "Даступна на серверы Zabbix",
     "addNew": "Дадаць новы",
+    "addNew2": "Дадаць новы",
     "main": "Асноўны",
     "useIp": "Выкарыстоўвайце IP",
     "ip": "IP",
@@ -3058,7 +3059,11 @@
     "sameFormatAsSource": "Той жа фармат, што і крыніца",
     "thickProvisionLazyZeroed": "Тоўстае выдзяленне з адкладзеным абнуленнем",
     "thickProvisionEagerZeroed": "Тоўстае выдзяленне з неадкладным абнуленнем",
-    "thinProvision": "Тонкае выдзяленне"
+    "thinProvision": "Тонкае выдзяленне",
+    "writeThrough": "Скразны запіс",
+    "writeBack": "Адкладзены запіс",
+    "directSync": "Сінхронны прамы запіс",
+    "unsafe": "Небяспечны рэжым"
   },
   "feedback": {
     "additionalDetailsHelp": "Даведка па дадатковых звестках",

package/assets/localization/local_en.json

@@ -2953,6 +2953,7 @@
     "createdHosts": "Created Hosts",
     "availableZabbixServer": "Available in Zabbix Server",
     "addNew": "Add New",
+    "addNew2": "Add New",
     "main": "Main",
     "useIp": "Use IP",
     "ip": "IP",
@@ -3062,7 +3063,11 @@
     "sameFormatAsSource": "Same Format as source",
     "thickProvisionLazyZeroed": "Thick Provision Lazy Zeroed",
     "thickProvisionEagerZeroed": "Thick Provision Eager Zeroed",
-    "thinProvision": "Thin Provision"
+    "thinProvision": "Thin Provision",
+    "writeThrough": "Write Through",
+    "writeBack": "Write Back",
+    "directSync": "Direct Sync",
+    "unsafe": "Unsafe"
   },
   "feedback": {
     "additionalDetailsHelp": "Additional Details Help",

package/assets/localization/local_hy.json

@@ -2953,6 +2953,7 @@
     "createdHosts": "Ստեղծված Հոսթեր",
     "availableZabbixServer": "Հասանելի է Zabbix սերվերում",
     "addNew": "Ավելացնել նոր",
+    "addNew2": "Ավելացնել նորը",
     "main": "Հիմնական",
     "useIp": "Օգտագործվող IP",
     "ip": "IP",
@@ -3062,7 +3063,11 @@
     "sameFormatAsSource": "Նույն ձևաչափը, ինչպես աղբյուրը",
     "thickProvisionLazyZeroed": "Հաստ պահուստ Ծույլ զրոյացում",
     "thickProvisionEagerZeroed": "Անհամբերի ճարպի պաշարը զրոյացվել է",
-    "thinProvision": "Նուրբ պատրաստում"
+    "thinProvision": "Նուրբ պատրաստում",
+    "writeThrough": "Ձայնագրման միջոցով",
+    "writeBack": "Ձայնագրման ուշացում",
+    "directSync": "Սինխրոն ուղիղ ձայնագրություն",
+    "unsafe": "Անապահով ռեժիմ"
   },
   "feedback": {
     "additionalDetailsHelp": "Լրացուցիչ մանրամասներ Օգնություն",

package/assets/localization/local_kk.json

@@ -2952,6 +2952,7 @@
     "createdHosts": "Жасалған хосттар",
     "availableZabbixServer": "Zabbix серверінде қол жетімді",
     "addNew": "Жаңа қосу",
+    "addNew2": "Жаңа қосу",
     "main": "Негізгі",
     "useIp": "IP пайдаланыңыз",
     "ip": "IP",
@@ -3061,7 +3062,11 @@
     "sameFormatAsSource": "Дереккөзбен бірдей пішім",
     "thickProvisionLazyZeroed": "Қалың резерв Жалқау нөлдеу",
     "thickProvisionEagerZeroed": "Шыдамсыз адамның май қоры нөлге дейін қалпына келтірілді",
-    "thinProvision": "Жақсы дайындық"
+    "thinProvision": "Жақсы дайындық",
+    "writeThrough": "Жазба арқылы",
+    "writeBack": "Кешіктірілген жазу",
+    "directSync": "Синхронды тікелей жазу",
+    "unsafe": "Қауіпті режим"
   },
   "feedback": {
     "additionalDetailsHelp": "Қосымша мәліметтер анықтамасы",

package/assets/localization/local_ru.json

@@ -1638,7 +1638,7 @@
     "virtualApp": "Виртуальное приложение",
     "virtualDeviceNode": "Узел виртуального устройства",
     "virtualDisk": "Виртуальный диск",
-    "virtualFlash": "Виртуальная вспышка",
+    "virtualFlash": " Виртуальный флеш-накопитель",
     "virtualFlashHostSwapCache": "Виртуальный флэш-кэш подкачки хоста",
     "virtualFlashResource": "Виртуальный флэш-ресурс",
     "virtualFlashResourceManagement": "Управление виртуальными флэш-ресурсами",
@@ -2952,6 +2952,7 @@
     "createdHosts": "Созданные хосты",
     "availableZabbixServer": "Доступно на Zabbix сервере",
     "addNew": "Добавить",
+    "addNew2": "Добавить новый",
     "main": "Основной",
     "useIp": "Использовать IP",
     "ip": "IP",
@@ -3061,7 +3062,11 @@
     "sameFormatAsSource": "Тот же формат, что и источник",
     "thickProvisionLazyZeroed": "\"Толстый\" том",
     "thickProvisionEagerZeroed": "\"Толстый\" том с очисткой",
-    "thinProvision": "\"Тонкий\" том"
+    "thinProvision": "\"Тонкий\" том",
+    "writeThrough": "Сквозная запись",
+    "writeBack": "Отложенная запись",
+    "directSync": "Синхронная прямая запись",
+    "unsafe": "Небезопасный режим"
   },
   "feedback": {
     "additionalDetailsHelp": "Дополнительная информация Помощь",

package/assets/localization/local_zh.json

@@ -2950,6 +2950,7 @@
     "createdHosts": "创建的主机",
     "availableZabbixServer": "在 Zabbix 服务器中可用",
     "addNew": "添加新内容",
+    "addNew2": "添加新内容",
     "main": "主要的",
     "useIp": "使用IP",
     "ip": "IP",
@@ -3059,7 +3060,11 @@
     "sameFormatAsSource": "与源格式相同",
     "thickProvisionLazyZeroed": "厚储备延迟归零",
     "thickProvisionEagerZeroed": "不耐烦的脂肪供应已归零",
-    "thinProvision": "苗条的位置"
+    "thinProvision": "苗条的位置",
+    "writeThrough": "直写式",
+    "writeBack": "延迟录音",
+    "directSync": "同步直接记录",
+    "unsafe": "不安全模式"
   },
   "feedback": {
     "additionalDetailsHelp": "其他详细信息帮助",

package/assets/scss/common/theme.scss

@@ -143,8 +143,10 @@
 
   /*  Table Action  */
   --table-actions-icon: #4d5d69;
-  --table-actions-icon-hover: #008fd6;
-  --table-actions-view: #182531;
+  --table-actions-icon-hover: #182531;
+  --table-actions-icon-active: #008fd6;
+  --table-actions-view: #4d5d69;
+  --table-actions-view-hover: #182531;
   --table-actions-remove: #ea3223;
   --table-actions-bg-hover: #e9ebed66;
 
@@ -262,7 +264,7 @@
   --nav-panel-border-color: #495865;
 
   //--gutter-bg-color: #25333d; // for old
-  --gutter-bg-color: #E9EBED1F; // for new
+  --gutter-bg-color: #e9ebed1f; // for new
   --gutter-hover-bg-color: #495a67;
   --gutter-active-bg-color: #495a67;
   --gutter-before-bg: rgba(157, 166, 173, 0.32);
@@ -303,7 +305,9 @@
   /*  Table Action  */
   --table-actions-icon: #e9eaec;
   --table-actions-icon-hover: #ffffff;
-  --table-actions-view: #ffffff;
+  --table-actions-icon-active: #2ba2de;
+  --table-actions-view: #e9eaec;
+  --table-actions-view-hover: #ffffff;
   --table-actions-remove: #ea3223;
   --table-actions-bg-hover: #e9ebed0f;
 

package/components/common/portlets/customAttributes/Portlet.vue

@@ -9,6 +9,7 @@
       :is-open="props.isOpen"
       :portlet-id="props.portletId"
       :is-loading="props.isLoading"
+      :is-last="props.isLast"
       @toggle="onTogglePortlet"
     >
       <template #portletBody="{ isLoadingBody }">
@@ -166,7 +167,7 @@
             is-without-sizes
             @click="onAddNew"
           >
-            {{ localization.zabbix.addNew }}...
+            {{ localization.zabbix.addNew2 }}...
           </ui-button>
           <ui-portlet-skeleton-footer v-else />
         </div>
@@ -217,6 +218,7 @@ const props = defineProps<{
   type: UI_I_Dropdown
   bodyItems: UI_I_DataTableBody[]
   isLoading: boolean
+  isLast: boolean
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
@@ -492,10 +494,12 @@ const onTogglePortlet = (id: string): void => {
   cursor: pointer;
   color: var(--table-actions-icon);
 
-  &:hover,
-  &.selected {
+  &:hover {
     color: var(--table-actions-icon-hover);
   }
+  &.selected {
+    color: var(--table-actions-icon-active);
+  }
 }
 
 .action-remove {
@@ -543,6 +547,7 @@ const onTogglePortlet = (id: string): void => {
 
   &:hover {
     background: var(--table-actions-bg-hover);
+    color: var(--table-actions-view-hover);
   }
 }
 
@@ -551,8 +556,7 @@ const onTogglePortlet = (id: string): void => {
 
   :deep(button.ui-btn) {
     line-height: 16px;
-    margin-bottom: 11px;
-    margin-left: 6px;
+    margin-bottom: 8px;
     width: fit-content;
   }
 }

package/components/common/portlets/customAttributes/lib/config/config.ts

@@ -142,4 +142,5 @@ export const skeletonData: UI_I_DataTableSkeleton = {
   columnsCount: 3,
   withoutPagination: true,
   withoutHeader: true,
+  withoutFilters: true
 }

package/components/common/portlets/tag/Portlet.vue

@@ -7,6 +7,7 @@
       :is-open="props.isOpen"
       :portlet-id="props.portletId"
       :is-loading="props.isLoading"
+      :is-last="props.isLast"
       class="tags"
       test-id="tags-portlet"
       @toggle="onTogglePortlet"
@@ -26,6 +27,7 @@
           <template #icon="{ item }">
             <div class="actions-dropdown-button-container">
               <span
+                v-development="true"
                 :id="`actions-tags-${item.data.row}`"
                 :class="[
                   'icon-container',
@@ -54,7 +56,6 @@
                     <span>{{ localization.common.viewDetails }}</span>
                   </div>
                   <div
-                    v-development="true"
                     class="action-remove"
                     data-id="show-remove-tag-dialog-action"
                     @click="onShowRemoveDialog(item.data.row)"
@@ -138,6 +139,7 @@ const props = defineProps<{
   selectedItemName: string
   bodyItems: UI_I_DataTableBody[]
   isLoading: boolean
+  isLast: boolean
 }>()
 
 const emits = defineEmits<{
@@ -363,10 +365,12 @@ const onTogglePortlet = (id: string): void => {
   cursor: pointer;
   color: var(--table-actions-icon);
 
-  &:hover,
-  &.selected {
+  &:hover {
     color: var(--table-actions-icon-hover);
   }
+  &.selected {
+    color: var(--table-actions-icon-active);
+  }
 }
 
 .action-remove {
@@ -407,6 +411,7 @@ const onTogglePortlet = (id: string): void => {
 
   &:hover {
     background: var(--table-actions-bg-hover);
+    color: var(--table-actions-view-hover);
   }
 }
 
@@ -415,8 +420,7 @@ const onTogglePortlet = (id: string): void => {
 
   :deep(button.ui-btn) {
     line-height: 16px;
-    margin-bottom: 11px;
-    margin-left: 6px;
+    margin-bottom: 8px;
     width: fit-content;
   }
 }

package/components/common/portlets/tag/lib/config/config.ts

@@ -206,4 +206,5 @@ export const skeletonData: UI_I_DataTableSkeleton = {
   columnsCount: 3,
   withoutPagination: true,
   withoutHeader: true,
+  withoutFilters: true
 }

package/components/common/split/horizontal/HorizontalNew.vue

@@ -10,7 +10,10 @@
           v-if="props.showToggleButton"
           :class="['panel-toggle', { collapsed: leftPanelCollapsed }]"
         >
-          <div v-show="!leftPanelCollapsed">
+          <div
+            v-show="!leftPanelCollapsed"
+            class="left-panel-toggle-content-block"
+          >
             <slot name="toggleContent" />
           </div>
           <button
@@ -207,7 +210,7 @@ onUnmounted(() => {
 :root.is-new-view {
   --split-horizontal-border-color: #e9ebed;
   --horizontal-panel-bg-color: #fff;
-  --trigger-bg-color: #e9ebed;
+  --trigger-bg-color: #e9ebeda3;
   --trigger-color: #213444;
   --new-gutter-bg-color: #e9ebed;
   --new-gutter-hover-bg-color: #008fd6;

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

@@ -1,80 +1,80 @@
 <template>
   <div :class="['customize-hardware', themeMode]">
     <ui-tabs
-        v-model="selectedNavItem"
-        :tabs="navItemsLocal"
-        test-id="vm-wizard-tabs"
-        type="underline"
-        class="navigation mx-8"
+      v-model="selectedNavItem"
+      :tabs="navItemsLocal"
+      test-id="vm-wizard-tabs"
+      type="underline"
+      class="navigation mx-8"
     />
     <ui-alert
-        v-show="props.errors.length"
-        :messages="props.errors"
-        status="alert-danger"
-        test-id="customize-hardware-alert"
-        class="errors-alert"
-        @remove="emits('remove-validation-errors')"
+      v-show="props.errors.length"
+      :messages="props.errors"
+      status="alert-danger"
+      test-id="customize-hardware-alert"
+      class="errors-alert"
+      @remove="emits('remove-validation-errors')"
     />
 
     <div v-show="selectedNavItem === 0">
       <common-vm-actions-common-customize-hardware-virtual-hardware
-          :vm-name="vmName"
-          :storage="props.storage"
-          :max-cpus="props.maxCpus"
-          :max-memory="props.maxMemory"
-          :cpu-models="props.cpuModels"
-          :cpu="props.cpu"
-          :memory="props.memory"
-          :is-edit="props.isEdit"
-          :is-clone="props.isClone"
-          :state="props.state"
-          :hard-disks="props.hardDisks"
-          :cd-dvd-drives="props.cdDvdDrives"
-          :networks="props.networks"
-          :networks-table="props.networksTable"
-          :video-card="props.videoCard"
-          :usb-controller="props.usbController"
-          :pci-devices="props.pciDevices"
-          :nodes="props.nodes"
-          :files="props.files"
-          :error-validation-fields="props.errorValidationFields"
-          :get-datastore-table-func="props.getDatastoreTableFunc"
-          :datastore="props.datastore"
-          :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
-          :passthrough-devices="props.passthroughDevices"
-          :mediated-devices="props.mediatedDevices"
-          :project="props.project"
-          :guest-machine-type="guestMachineType"
-          :computeResource="props.computeResource"
-          @send-data="emits('send-data-virtual-hardware-method', $event)"
-          @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)"
-          @remove-error-by-title="emits('remove-error-by-title', $event)"
-          @invalid="virtualHardwareInvalid = $event"
-          @get-networks-table="emits('get-networks-table', $event)"
-          @get-pci-devices="emits('get-pci-devices')"
+        :vm-name="vmName"
+        :storage="props.storage"
+        :max-cpus="props.maxCpus"
+        :max-memory="props.maxMemory"
+        :cpu-models="props.cpuModels"
+        :cpu="props.cpu"
+        :memory="props.memory"
+        :is-edit="props.isEdit"
+        :is-clone="props.isClone"
+        :state="props.state"
+        :hard-disks="props.hardDisks"
+        :cd-dvd-drives="props.cdDvdDrives"
+        :networks="props.networks"
+        :networks-table="props.networksTable"
+        :video-card="props.videoCard"
+        :usb-controller="props.usbController"
+        :pci-devices="props.pciDevices"
+        :nodes="props.nodes"
+        :files="props.files"
+        :error-validation-fields="props.errorValidationFields"
+        :get-datastore-table-func="props.getDatastoreTableFunc"
+        :datastore="props.datastore"
+        :vm-cpu-help-text-second="props.vmCpuHelpTextSecond"
+        :passthrough-devices="props.passthroughDevices"
+        :mediated-devices="props.mediatedDevices"
+        :project="props.project"
+        :guest-machine-type="guestMachineType"
+        :computeResource="props.computeResource"
+        @send-data="emits('send-data-virtual-hardware-method', $event)"
+        @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)"
+        @remove-error-by-title="emits('remove-error-by-title', $event)"
+        @invalid="virtualHardwareInvalid = $event"
+        @get-networks-table="emits('get-networks-table', $event)"
+        @get-pci-devices="emits('get-pci-devices')"
       />
     </div>
     <div v-show="selectedNavItem === 1">
       <common-vm-actions-common-customize-hardware-vmoptions
-          v-model:vm-name="vmName"
-          v-model:guest-machine-type="guestMachineType"
-          v-model:guest-os-family="guestOsFamily"
-          v-model:guest-os-version="guestOsVersion"
-          :hard-disks="props.hardDisksForBootOptions"
-          :cd-dvd-drives="props.cdDvdDrivesForBootOptions"
-          :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="emits('change-boot-order', $event)"
-          @send-data="emits('send-data-vm-options-method', $event)"
-          @invalid="vmOptionsInvalid = $event"
-          @remove-error-by-title="emits('remove-error-by-title', $event)"
+        v-model:vm-name="vmName"
+        v-model:guest-machine-type="guestMachineType"
+        v-model:guest-os-family="guestOsFamily"
+        v-model:guest-os-version="guestOsVersion"
+        :hard-disks="props.hardDisksForBootOptions"
+        :cd-dvd-drives="props.cdDvdDrivesForBootOptions"
+        :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="emits('change-boot-order', $event)"
+        @send-data="emits('send-data-vm-options-method', $event)"
+        @invalid="vmOptionsInvalid = $event"
+        @remove-error-by-title="emits('remove-error-by-title', $event)"
       />
     </div>
   </div>
@@ -122,8 +122,8 @@ const selectedNavItem = defineModel<UI_T_SelectedNavItem>('selectedNavItem', {
   required: true,
 })
 const guestMachineType = defineModel<UI_I_OptionItem | null>(
-    'guestMachineType',
-    { required: true }
+  'guestMachineType',
+  { required: true }
 )
 const vmOptionsInvalid = defineModel<string[]>('vmOptionsInvalid', {
   required: true,
@@ -177,8 +177,8 @@ const emits = defineEmits<{
   (event: 'remove-validation-errors'): void
   (event: 'send-data-vm-options-method', value: UI_I_SendDataVmoptions): void
   (
-      event: 'send-data-virtual-hardware-method',
-      value: UI_I_SendDataVirtualHardware
+    event: 'send-data-virtual-hardware-method',
+    value: UI_I_SendDataVirtualHardware
   ): void
   (event: 'change-boot-order', value: UI_T_ChangeBootOrder): void
 }>()
@@ -186,7 +186,7 @@ const emits = defineEmits<{
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const navItemsLocal = computed<UI_I_TabItem[]>(() =>
-    navItemsNewViewFunc(localization.value)
+  navItemsNewViewFunc(localization.value)
 )
 
 const themeMode = useLocalStorage('themeMode')
@@ -228,6 +228,9 @@ const themeMode = useLocalStorage('themeMode')
   .ui-checkbox-label {
     min-height: 32px;
   }
+  .drag-drop-item .ui-checkbox-label {
+    min-height: auto;
+  }
 }
 </style>
 <style lang="scss">
@@ -262,7 +265,7 @@ const themeMode = useLocalStorage('themeMode')
     border-color: #e9ebed3d;
     color: #e9eaec;
   }
-  .stack-block-expanded {
+  .stack-block-expanded > .stack-block-label {
     .ui-custom-checkbox {
       background-color: transparent;
     }
@@ -292,10 +295,10 @@ const themeMode = useLocalStorage('themeMode')
       border-color: #9da6ad;
     }
     &.open {
-      border-color: #008FD6;
+      border-color: #008fd6;
 
       .ui-arrow-icon {
-        color: #008FD6;
+        color: #008fd6;
       }
     }
     .ui-arrow-icon {
@@ -322,7 +325,7 @@ const themeMode = useLocalStorage('themeMode')
     border-color: #d3d6da14;
     color: #bdc3c770;
   }
-  .stack-block-expanded {
+  .stack-block-expanded > .stack-block-label {
     .ui-custom-checkbox {
       background-color: transparent;
     }

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/NewHardDiskNew.vue

@@ -240,9 +240,6 @@ const localization = computed<UI_I_Localization>(() => useLocal())
     .ui-custom-checkbox {
       background-color: transparent;
     }
-    .ui-checkbox-label-text {
-      color: #e9eaec;
-    }
   }
 }
 .dark-theme {
@@ -253,9 +250,6 @@ const localization = computed<UI_I_Localization>(() => useLocal())
     .ui-custom-checkbox {
       background-color: transparent;
     }
-    .ui-checkbox-label-text {
-      color: #4d5d69;
-    }
   }
 }
 </style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newHardDisk/cache/lib/config/options.ts

@@ -4,9 +4,9 @@ import type {UI_I_OptionItem} from "~/components/atoms/lib/models/interfaces";
 export const cacheOptionsFunc = (localization: UI_I_Localization): UI_I_OptionItem[] => {
   return [
     { text: localization.common.none2, value: 'none' },
-    { text: localization.common.writeThrough, value: 'writethrough' },
-    { text: localization.common.writeBack, value: 'writeback' },
-    { text: localization.common.directSync, value: 'directsync' },
-    { text: localization.common.unsafe, value: 'unsafe' },
+    { text: localization.vmWizard.writeThrough, value: 'writethrough' },
+    { text: localization.vmWizard.writeBack, value: 'writeback' },
+    { text: localization.vmWizard.directSync, value: 'directsync' },
+    { text: localization.vmWizard.unsafe, value: 'unsafe' },
   ]
 }

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/OrderNew.vue

@@ -8,6 +8,7 @@
         :items="props.bootList"
         grab-item-key="text"
         @drop="emits('change-order', $event)"
+        @grab="onGrab"
       >
         <template
           v-for="(item, index) in props.bootList"
@@ -26,7 +27,10 @@
           #[`rightSide${index}`]
         >
           <div :class="['device-icon', item.iconClassName]" />
-          <span>{{ item.text }}</span>
+          <span class="device-name">{{ item.text }}</span>
+        </template>
+        <template #icon v-if="grabedItem">
+          <div :class="['device-icon', grabedItem.iconClassName]" />
         </template>
       </ui-drag-drop-list>
     </template>
@@ -46,6 +50,15 @@ const props = defineProps<{
 const emits = defineEmits<{
   (event: 'change-order', value: UI_I_DropEvent): void
 }>()
+
+const grabedItem = ref<any>(null)
+const onGrab = (item: any): void => {
+  grabedItem.value = item
+}
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss">
+.device-name {
+  margin-left: -4px;
+}
+</style>

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

@@ -25,7 +25,10 @@
           {{ localization.common.vmName }}
         </template>
         <template #stackBlockContent>
-          <span>{{ vmName }}</span>
+          <div class="vm-name-wrap">
+            <span class="vsphere-icon-vm"></span>
+            <span>{{ vmName }}</span>
+          </div>
           <!--            <span v-if="!props.isEdit">{{ vmName }}</span>-->
           <!--            <input-->
           <!--              v-else-->

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/password/PasswordNew.vue

@@ -12,6 +12,7 @@
           :label-text="localization.common.enable"
           test-id="enable-password-input"
           size="md"
+          class="mr-2"
           @change="emits('set-password-disable')"
         />
 
@@ -27,7 +28,13 @@
           @change="onChangePassword"
         >
           <template #icon>
-            <div class="pointer" @click="onCopyToClipboard">
+            <div
+              :class="[
+                'copy-icon pointer',
+                { disabled: !isEnabledPassword || props.disabled },
+              ]"
+              @click="onCopyToClipboard"
+            >
               <ui-icon
                 name="copy-to-clipboard"
                 type="input"
@@ -46,7 +53,12 @@
           class="generate-password-button"
           @click="emits('generate-password')"
         >
-          <ui-icon name="key" width="16" height="16" />
+          <ui-icon
+            name="key"
+            width="16"
+            height="16"
+            class="generate-password-icon"
+          />
         </ui-button>
       </div>
     </template>
@@ -89,8 +101,21 @@ const onCopyToClipboard = (): void => {
   grid-template-columns: max-content 144px max-content;
   grid-gap: 8px;
 
+  .copy-icon {
+    color: #9da6ad;
+
+    &.disabled {
+      color: #bdc3c770;
+    }
+  }
   .generate-password-button {
     padding: 8px;
+
+    &:disabled {
+      .generate-password-icon {
+        color: #e9eaec;
+      }
+    }
   }
 }
 

package/lib/utils/utils.ts

@@ -1,48 +1,48 @@
-import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
-export const enumKeyFromValue = (
-  enumObj: UI_I_ArbitraryObject<string | number>,
-  value: string
-): string | undefined => {
-  // Преобразуем enum в массив пар [ключ, значение] и находим нужную пару
-  const dataFromEnum = Object.entries(enumObj).find(([_, val]) => val === value)
-
-  // Возвращаем ключ, если найдена пара, иначе undefined
-  return dataFromEnum ? dataFromEnum[0] : undefined
-}
-
-export const extractContentLastSlash = (
-  inputString: string,
-  after = false
-): string => {
-  const regex = after ? /\/([^/]+)\/?$/ : /(.*)\//
-
-  const match = inputString.match(regex)
-
-  return match ? match[1] : ''
-}
-
-export const intToIp = (value: number): string => {
-  return [
-    (value >> 24) & 0xff,
-    (value >> 16) & 0xff,
-    (value >> 8) & 0xff,
-    value & 0xff,
-  ].join('.')
-}
-
-export const ipToUint32 = (ip: string): number => {
-  const octets = ip.split('.').map(Number)
-  if (
-    octets.length !== 4 ||
-    octets.some((octet) => isNaN(octet) || octet < 0 || octet > 255)
-  ) {
-    return 0
-  }
-  return (
-    (((octets[0] << 24) >>> 0) |
-      (octets[1] << 16) |
-      (octets[2] << 8) |
-      octets[3]) >>>
-    0
-  )
-}
+import type { UI_I_ArbitraryObject } from '~/lib/models/interfaces'
+export const enumKeyFromValue = (
+  enumObj: UI_I_ArbitraryObject<string | number>,
+  value: string
+): string | undefined => {
+  // Преобразуем enum в массив пар [ключ, значение] и находим нужную пару
+  const dataFromEnum = Object.entries(enumObj).find(([_, val]) => val === value)
+
+  // Возвращаем ключ, если найдена пара, иначе undefined
+  return dataFromEnum ? dataFromEnum[0] : undefined
+}
+
+export const extractContentLastSlash = (
+  inputString: string,
+  after = false
+): string => {
+  const regex = after ? /\/([^/]+)\/?$/ : /(.*)\//
+
+  const match = inputString.match(regex)
+
+  return match ? match[1] : ''
+}
+
+export const intToIp = (value: number): string => {
+  return [
+    (value >> 24) & 0xff,
+    (value >> 16) & 0xff,
+    (value >> 8) & 0xff,
+    value & 0xff,
+  ].join('.')
+}
+
+export const ipToUint32 = (ip: string): number => {
+  const octets = ip.split('.').map(Number)
+  if (
+    octets.length !== 4 ||
+    octets.some((octet) => isNaN(octet) || octet < 0 || octet > 255)
+  ) {
+    return 0
+  }
+  return (
+    (((octets[0] << 24) >>> 0) |
+      (octets[1] << 16) |
+      (octets[2] << 8) |
+      octets[3]) >>>
+    0
+  )
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.188",
+  "version": "1.5.190",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",
@@ -35,7 +35,7 @@
     "@vueuse/components": "^10.1.2",
     "date-fns": "^2.29.3",
     "bfg-nuxt-3-graph": "1.0.25",
-    "bfg-uikit": "1.0.417",
+    "bfg-uikit": "1.0.421",
     "html2canvas": "^1.4.1",
     "prettier-eslint": "^15.0.1"
   }