bfg-common 1.6.65 → 1.6.67

package/components/common/pages/scheduledTasks/table/new/New.vue

@@ -82,18 +82,16 @@
               <ui-icon name="vertical-dotes" width="20" height="20" />
             </span>
           </ui-button>
-          <Teleport to="body">
-            <ui-dropdown
-              :show="actionsShowId === item.data.id"
-              :test-id="`event-table-action-dropdown-${item.data.id}`"
-              :items="schedulerDropActions"
-              :elem-id="`event-table-action-${item.data.id}`"
-              width="max-content"
-              left
-              @select="onSelectAction"
-              @hide="onHideActionsDropdown"
-            />
-          </Teleport>
+          <ui-dropdown
+            :show="actionsShowId === item.data.id"
+            :test-id="`event-table-action-dropdown-${item.data.id}`"
+            :items="schedulerDropActions"
+            :elem-id="`event-table-action-${item.data.id}`"
+            width="max-content"
+            left
+            @select="onSelectAction"
+            @hide="onHideActionsDropdown"
+          />
         </div>
       </template>
 

package/components/common/pages/tasks/Tasks.vue

@@ -58,10 +58,7 @@ const getTasks = async (): Promise<void> => {
     sortBy: sort.value || '',
     filter: filter.value || '',
   }
-  await $store.dispatch('tasks/A_GET_TASKS', {
-    data: payload,
-    project: props.project,
-  })
+  await $store.dispatch('tasks/A_GET_TASKS', payload)
 }
 const onUpdatePagination = (event: UI_I_Pagination): void => {
   pagination.value = event

package/components/common/pages/tasks/table/Table.vue

@@ -67,30 +67,28 @@
             <ui-icon name="vertical-dotes" width="20" height="20" />
           </span>
         </ui-button>
-        <Teleport to="body">
-          <ui-dropdown
-            :show="actionsShowId === item.data.id"
-            :test-id="`data-table-task-dropdown-${item.data.id}`"
-            :items="actions"
-            :elem-id="`data-table-task-action-${item.data.id}`"
-            width="max-content"
-            left
-            @select="onSelectAction(item.data.target, $event)"
-            @hide="onHideActionsDropdown"
-          >
-            <template #row="{ item: dropMenu }">
-              <ui-icon
-                v-if="dropMenu.iconName === 'hide'"
-                name="password-hide"
-                width="16"
-                height="16"
-              />
-              <span class="action-text">
-                {{ dropMenu.text }}
-              </span>
-            </template>
-          </ui-dropdown>
-        </Teleport>
+        <ui-dropdown
+          :show="actionsShowId === item.data.id"
+          :test-id="`data-table-task-dropdown-${item.data.id}`"
+          :items="actions"
+          :elem-id="`data-table-task-action-${item.data.id}`"
+          width="max-content"
+          left
+          @select="onSelectAction(item.data.target, $event)"
+          @hide="onHideActionsDropdown"
+        >
+          <template #row="{ item: dropMenu }">
+            <ui-icon
+              v-if="dropMenu.iconName === 'hide'"
+              name="password-hide"
+              width="16"
+              height="16"
+            />
+            <span class="action-text">
+              {{ dropMenu.text }}
+            </span>
+          </template>
+        </ui-dropdown>
       </div>
     </template>
 
@@ -164,7 +162,7 @@ const texts = computed<UI_I_TableTexts>(() => ({
   searchHere: localization.value.common.searchHere,
   rowsPerPage: localization.value.common.rowsPerPage,
   of: localization.value.common.of,
-  selected: localization.value.common.selected2,
+  selected: localization.value.common.selected,
   columns: localization.value.common.columns,
   previous: localization.value.common.previous,
   next: localization.value.common.next,

package/components/common/readyToComplete/New.vue

@@ -74,7 +74,6 @@ const dataLocal = computed<UI_I_TableInfoItem[]>(() => {
   row-gap: 12px;
   column-gap: 24px;
   margin-top: 16px;
-  padding-bottom: 16px;
 
   &.lang-ru {
     .details-item {

package/components/common/split/vertical/New.vue

@@ -3,22 +3,13 @@
     :id="props.elementId"
     :class="['fill-parent vertical', { dragging: props.isDrag }]"
   >
-    <div
-      :style="props.topPanelStyle"
-      :class="[
-        'vui-horizontal-panel firstPanel',
-        {
-          'hidden-second': !props.bottomPermission,
-        },
-      ]"
-    >
+    <div :style="props.topPanelStyle" class="vui-horizontal-panel firstPanel">
       <div class="vui-horizontal-panel sec-nav-container">
         <slot name="firstPanel" />
       </div>
     </div>
 
     <div
-      v-if="props.bottomPermission"
       :id="`gutter-${props.elementId}`"
       class="gutter gutter-vertical"
       tabindex="0"
@@ -29,16 +20,7 @@
       <div class="gutter-vertical-handler"></div>
     </div>
 
-    <div
-      v-if="props.bottomPermission"
-      :style="props.bottomPanelStyle"
-      :class="[
-        'secondPanel bottom',
-        {
-          hidden: !props.bottomPermission,
-        },
-      ]"
-    >
+    <div :style="props.bottomPanelStyle" class="secondPanel bottom">
       <slot name="secondPanel" />
     </div>
   </div>
@@ -55,7 +37,6 @@ const props = defineProps<{
   isDrag: boolean
   topPanelStyle: UI_I_SplitVerticalStyle
   bottomPanelStyle: UI_I_SplitVerticalStyle
-  bottomPermission: boolean
 }>()
 </script>
 
@@ -71,14 +52,10 @@ const props = defineProps<{
 </style>
 
 <style scoped lang="scss">
-.vertical {
+.fill-parent {
   &.dragging {
     .gutter-vertical.gutter {
-      background-color: var(--new-gutter-active-bg-color);
-
-      &::before {
-        background-color: var(--new-gutter-active-before-bg-color);
-      }
+      background-color: var(--gutter-active-bg-color);
     }
   }
 
@@ -86,11 +63,6 @@ const props = defineProps<{
     max-height: calc(100% - 36px);
     height: calc(100vh - 36px);
 
-    &.hidden-second {
-      max-height: 100%;
-      height: 100% !important;
-    }
-
     .sec-nav-container {
       width: 100%;
       height: 100%;
@@ -123,11 +95,11 @@ const props = defineProps<{
     //}
 
     &:hover {
-      background-color: var(--new-gutter-hover-bg-color);
+      background-color: var(--gutter-hover-bg-color);
       cursor: row-resize;
 
       &:before {
-        background-color: var(--new-gutter-active-before-bg-color);
+        background-color: var(--gutter-handler-active-bg-color);
       }
     }
 
@@ -140,9 +112,8 @@ const props = defineProps<{
       transition-duration: 0.25s;
       width: 24px;
       height: 2px;
-      left: 50%;
-      top: 50%;
-      transform: translate(-50%, -50%);
+      left: calc(50% - 12px);
+      top: calc(50% - 1px);
       border-radius: 4px;
     }
   }
@@ -151,11 +122,6 @@ const props = defineProps<{
     overflow: hidden;
     flex: 1;
     box-shadow: var(--second-panel-box-shadow);
-
-    &.hidden {
-      display: none;
-      height: 0;
-    }
     //z-index: calc(var(--z-default) + 1);
   }
 }

package/components/common/split/vertical/Old.vue

@@ -3,22 +3,13 @@
     :id="props.elementId"
     :class="['fill-parent vertical', { dragging: props.isDrag }]"
   >
-    <div
-      :style="props.topPanelStyle"
-      :class="[
-        'vui-horizontal-panel firstPanel',
-        {
-          'hidden-second': !props.bottomPermission,
-        },
-      ]"
-    >
+    <div :style="props.topPanelStyle" class="vui-horizontal-panel firstPanel">
       <div class="vui-horizontal-panel sec-nav-container">
         <slot name="firstPanel" />
       </div>
     </div>
 
     <div
-      v-if="props.bottomPermission"
       :id="`gutter-${props.elementId}`"
       class="gutter gutter-vertical"
       tabindex="0"
@@ -29,16 +20,7 @@
       <div class="gutter-vertical-handler"></div>
     </div>
 
-    <div
-      v-if="props.bottomPermission"
-      :style="props.bottomPanelStyle"
-      :class="[
-        'secondPanel bottom',
-        {
-          hidden: !props.bottomPermission,
-        },
-      ]"
-    >
+    <div :style="props.bottomPanelStyle" class="secondPanel bottom">
       <slot name="secondPanel" />
     </div>
   </div>
@@ -55,7 +37,6 @@ const props = defineProps<{
   isDrag: boolean
   topPanelStyle: UI_I_SplitVerticalStyle
   bottomPanelStyle: UI_I_SplitVerticalStyle
-  bottomPermission: boolean
 }>()
 </script>
 
@@ -71,11 +52,6 @@ const props = defineProps<{
     max-height: calc(100% - 36px);
     height: calc(100vh - 36px);
 
-    &.hidden-second {
-      max-height: 100%;
-      height: 100% !important;
-    }
-
     .sec-nav-container {
       width: 100%;
       height: 100%;
@@ -133,11 +109,6 @@ const props = defineProps<{
     height: auto;
     overflow: hidden;
     flex: 1;
-
-    &.hidden {
-      display: none;
-      height: 0;
-    }
   }
 }
 </style>

package/components/common/split/vertical/Vertical.vue

@@ -7,7 +7,6 @@
     :is-drag="isDrag"
     :top-panel-style="topPanelStyle"
     :bottom-panel-style="bottomPanelStyle"
-    :bottom-permission="props.bottomPermission"
   >
     <template #firstPanel>
       <slot name="firstPanel" />
@@ -26,7 +25,6 @@
     :is-drag="isDrag"
     :top-panel-style="topPanelStyle"
     :bottom-panel-style="bottomPanelStyle"
-    :bottom-permission="props.bottomPermission"
   >
     <template #firstPanel>
       <slot name="firstPanel" />
@@ -48,14 +46,12 @@ const props = withDefaults(
     topPanelH?: number
     topPanelMinHeight?: number
     bottomPanelMinHeight?: number
-    bottomPermission?: boolean
   }>(),
   {
     topPanelMinHeight: 200, // 200px
     bottomPanelMinHeight: 200, // 200px
     topPanelHForce: '',
     topPanelH: undefined,
-    bottomPermission: true,
   }
 )
 const emits = defineEmits<{

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

@@ -55,13 +55,13 @@
           <div ref="subTitleBlockName">
             <div class="subtitle-block">
               <div
-                id="name-alert-wrapper"
-                :class="[{ 'mb-4': !isNameAlertWrapperEmpty }]"
+                  id="name-alert-wrapper"
+                  :class="[{ 'mb-4': !isNameAlertWrapperEmpty }]"
               ></div>
               <ui-wizard-subtitle
-                :sub-title="
-                  localization.vmWizard.specifyUniqueNameAndTargetLocationForVm
-                "
+                  :sub-title="
+                localization.vmWizard.specifyUniqueNameAndTargetLocationForVm
+              "
               />
             </div>
           </div>
@@ -153,8 +153,7 @@
             :datastore="props.datastore"
             :is-datastore-loading="props.isDatastoreLoading"
             :get-datastore-table-func="props.getDatastoreTableFunc"
-            :storage="storageLocal"
-            @change-storage="setSelectedStorageIdLocal"
+            :storage="props.vmtSettings?.storage"
             @submit="emits('change-storage', $event)"
             @has-errors="isStorageAlertWrapperEmpty = $event"
           />
@@ -594,20 +593,6 @@ const isNameAlertWrapperEmpty = ref<boolean>(false)
 // const isComputeResourceAlertWrapperEmpty = ref<boolean>(false)
 const isStorageAlertWrapperEmpty = ref<boolean>(false)
 const isCompatibilityAlertWrapperEmpty = ref<boolean>(false)
-
-const storageLocal = computed<UI_I_DatastoreTableItem | undefined>(() => {
-  return selectedStorageLocal.value ?? props.vmtSettings?.storage
-})
-
-/* TODO: В дальнейшем необходимо вынести все данные наружу и передавать его через v-model */
-// рефакторинг. При возврате на шаг выбора хранилища ранее выбранное хранилище не отображается как выбранное.
-// Для хранилища в v-model необходимо сохранять ID хранилища, а не ключ индекса.
-const selectedStorageLocal = ref<UI_I_DatastoreTableItem | null>(null)
-const setSelectedStorageIdLocal = (datastore: UI_I_DatastoreTableItem) => {
-  selectedStorageLocal.value = {
-    id: datastore.id,
-  } as UI_I_DatastoreTableItem
-}
 </script>
 
 <style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cdDvdDrive/media/Media.vue

@@ -1,7 +1,7 @@
 <template>
   <component
     :is="currentComponent"
-    v-model:cd-dvd-media="localCdDvdMedia"
+    v-model:cd-dvd-media="cdDvdMedia"
     :index="props.index"
     @browse="emits('browse')"
   />
@@ -24,19 +24,6 @@ const currentComponent = computed(() =>
     ? defineAsyncComponent(() => import('./New.vue'))
     : defineAsyncComponent(() => import('./Old.vue'))
 )
-
-const localCdDvdMedia = ref<string>('')
-
-watch(cdDvdMedia, (newValue) => {
-  localCdDvdMedia.value = newValue.replace(/^([^:]+):\//, '[$1]:/')
-}, { immediate: true })
-
-watch(localCdDvdMedia, (newValue) => {
-  const cleaned = newValue.replace(/^\[([^\]]+)\]:\//, '$1:/')
-  if (cleaned !== cdDvdMedia.value) {
-    cdDvdMedia.value = cleaned
-  }
-})
 </script>
 
 <style scoped></style>

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

@@ -56,11 +56,6 @@ const emits = defineEmits<{
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
-
-onMounted(() => {
-  const cdDvdMediaInputElement = document.getElementById('vm-wizard-dvd-media-input')
-  cdDvdMediaInputElement?.classList.remove('text-ellipsis')
-})
 </script>
 
 <style>

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

@@ -12,7 +12,6 @@
           <input
             id="vm-wizard-dvd-media-input"
             v-model="cdDvdMedia"
-            :title="cdDvdMedia"
             data-id="vm-wizard-dvd-media-input"
             type="text"
             disabled

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

@@ -242,7 +242,6 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 .cpu-info-block {
   :deep(.help-text) {
     margin-bottom: 12px;
-    color: var(--stack-block-text-color);
   }
   :deep(.cpu-more-info) {
     font-size: 13px;

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

@@ -106,8 +106,6 @@ const onSelectReservation = (value: number): void => {
 
   .ui-checkbox-label {
     min-height: unset !important;
-    height: max-content;
-    word-break: break-word;
   }
 }
 </style>

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

@@ -76,20 +76,18 @@
         {{ localization.vmWizard.powerVMAfterCreation }}
       </p>
     </div>
-
-<!--    SC-2112-->
-<!--    <div-->
-<!--      v-if="props.isNewVmFromTemplate && props.project === 'sphere'"-->
-<!--      class="checkbox-container"-->
-<!--    >-->
-<!--      <ui-input-->
-<!--        v-model="maxParallel"-->
-<!--        :placeholder="localization.vmWizard.maxParallel"-->
-<!--        test-id="max-parallel"-->
-<!--        type="number"-->
-<!--        class="ml-1 mt-2"-->
-<!--      />-->
-<!--    </div>-->
+    <div
+      v-if="props.isNewVmFromTemplate && props.project === 'sphere'"
+      class="checkbox-container"
+    >
+      <ui-input
+        v-model="maxParallel"
+        :placeholder="localization.vmWizard.maxParallel"
+        test-id="max-parallel"
+        type="number"
+        class="ml-1 mt-2"
+      />
+    </div>
     <!--    Пока что нужно скрыть-->
     <!--    <div-->
     <!--      v-if="props.isNewVmFromTemplate"-->

package/components/common/vm/actions/common/select/options/Old.vue

@@ -40,22 +40,21 @@
       }}</label>
     </div>
 
-    <!--    SC-2112-->
-    <!--    <div-->
-    <!--      v-if="props.isNewVmFromTemplate && props.project === 'sphere'"-->
-    <!--      class="checkbox"-->
-    <!--    >-->
-    <!--      <label for="max-parallel">{{ localization.vmWizard.maxParallel }}</label>-->
-    <!--      <input-->
-    <!--        id="max-parallel"-->
-    <!--        v-model="maxParallel"-->
-    <!--        data-id="max-parallel"-->
-    <!--        type="number"-->
-    <!--        class="ml-1"-->
-    <!--        :min="1"-->
-    <!--        :max="100"-->
-    <!--      />-->
-    <!--    </div>-->
+    <div
+      v-if="props.isNewVmFromTemplate && props.project === 'sphere'"
+      class="checkbox"
+    >
+      <label for="max-parallel">{{ localization.vmWizard.maxParallel }}</label>
+      <input
+        id="max-parallel"
+        v-model="maxParallel"
+        data-id="max-parallel"
+        type="number"
+        class="ml-1"
+        :min="1"
+        :max="100"
+      />
+    </div>
     <!--    Пока что нужно скрыть-->
     <!--    <div v-if="props.isNewVmFromTemplate" class="checkbox">-->
     <!--      &lt;!&ndash;      :disabled="props.isNewVmFromTemplate"&ndash;&gt;-->

package/components/common/vm/actions/common/select/storage/new/lib/config/table.ts

@@ -9,7 +9,9 @@ import type { UI_I_StatusData } from '~/components/common/vm/actions/common/sele
 import { datastoreLocalizationByState } from '~/components/common/lib/config/states'
 import { getStatus } from '~/components/common/vm/actions/common/select/storage/new/lib/utils/utils'
 
-export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable => ({
+export const tableDataFunc = (
+  localization: UI_I_Localization
+): UI_I_DataTable => ({
   id: 'select-storage',
   header: [
     {
@@ -29,7 +31,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.inventorySummary.state,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '160px',
       show: true,
       filter: true,
@@ -40,7 +42,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.capacity,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '150px',
       show: true,
       filter: true,
@@ -51,7 +53,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.provisioned,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '150px',
       show: true,
       filter: true,
@@ -62,7 +64,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.free,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '150px',
       show: true,
       filter: true,
@@ -73,7 +75,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.used,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '150px',
       show: true,
       filter: true,
@@ -84,7 +86,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.type,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '120px',
       show: true,
       filter: true,
@@ -95,7 +97,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.thinProvisioning,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '160px',
       show: true,
       filter: true,
@@ -106,7 +108,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.access,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '120px',
       show: true,
       filter: true,
@@ -117,7 +119,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.hardwareAcceleration,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '200px',
       show: true,
       filter: true,
@@ -128,7 +130,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.driverType,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '150px',
       show: true,
       filter: true,
@@ -139,7 +141,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.device,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '150px',
       show: true,
       filter: true,
@@ -150,7 +152,7 @@ export const tableDataFunc = (localization: UI_I_Localization): UI_I_DataTable =
       text: localization.common.storageIoControl,
       isSortable: false,
       sort: 'asc',
-      sortColumn: false,
+      sortColumn: true,
       width: '180px',
       show: true,
       filter: true,

package/components/common/vm/actions/confirm/Confirm.vue

@@ -4,7 +4,6 @@
     :sub-title="props.subTitle"
     :description="props.description"
     :modal-texts="props.modalTexts"
-    :loading="props.isLoading"
     @hide-modal="emits('hide')"
     @confirm="emits('confirm')"
   >
@@ -23,11 +22,9 @@ const props = withDefaults(
     subTitle: string
     description: string
     modalTexts?: UI_I_ModalTexts
-    isLoading?: boolean
   }>(),
   {
     modalTexts: undefined,
-    isLoading: false
   }
 )
 

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

@@ -1,7 +1,6 @@
 <template>
   <common-modals-rename
     :name="props.vmName"
-    :subtitle="props.vmName"
     :is-loading="props.isLoading"
     test-id="rename-vm"
     @hide="emits('hide')"