bfg-common 1.6.47 → 1.6.49

package/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/ChangeLanguage.vue

@@ -11,7 +11,7 @@
 
 <script setup lang="ts">
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
-import type { UI_T_LangValue, UI_T_Project } from '~/lib/models/types'
+import type { UI_T_LangValue } from '~/lib/models/types'
 import type { UI_T_SelectedRadio } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/types'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_RadioItemLang } from '~/components/common/layout/theHeader/userMenu/modals/preferences/changeLanguage/lib/models/interfaces'
@@ -24,7 +24,6 @@ import { defineBrowserLangFunc } from '~/components/common/layout/theHeader/lib/
 const props = defineProps<{
   newView: boolean
   selectedType: UI_T_LangValue
-  project: UI_T_Project
   selectedLanguage: UI_I_Dropdown | UI_T_LangValue
 }>()
 
@@ -42,15 +41,12 @@ const currentComponent = computed(() =>
     : defineAsyncComponent(() => import('./Old.vue'))
 )
 
-/* TODO SC-2104 */
-const description = computed<string>(() =>
-  props.project === 'sphere'
-    ? localization.value.common.languageDesc1
-    : localization.value.common.languageDesc.replaceAll(
-        '{trademark}',
-        String(config.public[`TRADEMARK_${useEnvLanguage()}`])
-      )
-)
+const description = computed<string>(() => {
+  return localization.value.common.languageDesc.replaceAll(
+    '{trademark}',
+    String(config.public[`TRADEMARK_${useEnvLanguage()}`])
+  )
+})
 
 const radioOptions = readonly<UI_I_RadioItemLang[]>(
   radioOptionsFunc(localization.value)

package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/DefaultConsole.vue

@@ -8,13 +8,11 @@
 
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_I_RadioItemConsole } from '~/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/lib/models/interfaces'
 import { consoleOptionsFunc } from '~/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/lib/config/consoleOptions'
 
 const consoleValue = defineModel<string>()
 const props = defineProps<{
-  project: UI_T_Project
   newView: boolean
 }>()
 
@@ -26,11 +24,7 @@ const currentComponent = computed(() =>
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-/* TODO SC-2104 */
 const consoleOptions = readonly<UI_I_RadioItemConsole[]>(
-  consoleOptionsFunc(
-    localization.value,
-    props.newView && props.project === 'sphere'
-  )
+  consoleOptionsFunc(localization.value)
 )
 </script>

package/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/lib/config/consoleOptions.ts

@@ -2,17 +2,14 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_RadioItemConsole } from '~/components/common/layout/theHeader/userMenu/modals/preferences/defaultConsole/lib/models/interfaces'
 
 export const consoleOptionsFunc = (
-  localization: UI_I_Localization,
-  isSphereNewView: boolean
+  localization: UI_I_Localization
 ): UI_I_RadioItemConsole[] => {
   const config = useRuntimeConfig()
 
-  const remoteConsole = isSphereNewView
-    ? localization.common.remoteConsoleVmrc1
-    : localization.common.remoteConsoleVmrc.replaceAll(
-        '{trademark}',
-        String(config.public[`TRADEMARK_${useEnvLanguage()}`])
-      )
+  const remoteConsole = localization.common.remoteConsoleVmrc.replaceAll(
+    '{trademark}',
+    String(config.public[`TRADEMARK_${useEnvLanguage()}`])
+  )
 
   return [
     {

package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/TimeFormat.vue

@@ -12,13 +12,12 @@ import type { UI_I_Localization } from '~/lib/models/interfaces'
 import type { UI_I_RadioItem } from '~/components/common/layout/theHeader/userMenu/lib/models/interfaces'
 import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
 import { formatOptionsFunc } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/config/formatOptions'
-import type { UI_T_Project } from '~/lib/models/types'
 
 const timeFormat = defineModel<UI_T_TimeValue>('timeFormat')
 const props = defineProps<{
-  project: UI_T_Project
   newView: boolean
 }>()
+
 const currentComponent = computed(() =>
   props.newView
     ? defineAsyncComponent(() => import('./New.vue'))
@@ -29,14 +28,11 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const config = useRuntimeConfig()
 
-/* TODO SC-2104 */
 const description = computed<string>(() =>
-  props.project === 'sphere'
-    ? localization.value.common.timeFormatDesc1
-    : localization.value.common.timeFormatDesc.replaceAll(
-        '{trademark}',
-        String(config.public[`TRADEMARK_${useEnvLanguage()}`])
-      )
+  localization.value.common.timeFormatDesc.replaceAll(
+    '{trademark}',
+    String(config.public[`TRADEMARK_${useEnvLanguage()}`])
+  )
 )
 
 const formatOptions = readonly<UI_I_RadioItem[]>(

package/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/config/formatOptions.ts

@@ -7,7 +7,7 @@ export const formatOptionsFunc = (
   return [
     {
       id: 1,
-      label: localization.common.automatic,
+      label: localization.common.languageDefault,
       value: 'DEFAULT',
       testId: 'default-type',
     },

package/components/common/layout/theHeader/userMenu/modals/preferences/view/Old.vue

@@ -15,9 +15,13 @@
       />
     </div>
 
-    <div class="flex-align-center second-description">
+    <div class="description second-description">
+      {{ localization.myPreferences.showNotificationDescription }}
+    </div>
+
+    <div class="flex-align-center">
       <label for="show-notification">{{
-        localization.myPreferences.showNotificationDescription
+        localization.myPreferences.showNotification
       }}</label>
       <input
         id="show-notification"
@@ -59,10 +63,10 @@ window.tools = new Proxy(
 <style lang="scss" scoped>
 .description {
   margin-bottom: 10px;
-}
 
-.second-description {
-  margin-top: 20px;
+  &.second-description {
+    margin-top: 20px;
+  }
 }
 
 label {

package/components/common/layout/theHeader/userMenu/modals/preferences/view/View.vue

@@ -30,13 +30,10 @@ const currentComponent = computed(() =>
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-/* TODO SC-2104 */
-const description = computed<string>(() =>
-  props.project === 'sphere'
-    ? localization.value.common.viewDesc1
-    : localization.value.common.viewDesc.replaceAll(
-        '{trademark}',
-        String(config.public[`TRADEMARK_${useEnvLanguage()}`])
-      )
-)
+const description = computed<string>(() => {
+  return localization.value.common.viewDesc.replaceAll(
+    '{trademark}',
+    String(config.public[`TRADEMARK_${useEnvLanguage()}`])
+  )
+})
 </script>

package/components/common/mainNavigationPanel/MainNavigationPanelNew.vue

@@ -143,7 +143,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
   &.pinned {
     .nav-context {
       position: relative;
-      z-index: calc(var(--z-fixed) + 2);
+      z-index: calc(var(--z-default) + 1);
     }
   }
   &:not(.pinned) {
@@ -177,8 +177,6 @@ const localization = computed<UI_I_Localization>(() => useLocal())
       }
     }
     &:not(.collapsed) {
-      min-width: 240px;
-
       :deep(.tooltip-container-hover) {
         display: none;
       }

package/components/common/noDataProvided/NoDataProvidedNew.vue

@@ -43,7 +43,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
     }
 
     .ui-no-data-provided-title {
-      font-weight: 400;
+      font-weight: 500;
       font-size: 16px;
       line-height: 19px;
       letter-spacing: 0;

package/components/common/pages/backups/modals/createBackup/datastores/tableView/new/lib/config/table.ts

@@ -191,19 +191,19 @@ export const getBodyDataFunc = (
         },
         {
           col: 'col2',
-          text: $binary.round(datastore.capacity.capacity_mb || 0, false, lang)
+          text: $binary.round(datastore.capacity.capacity_mb, false, lang)
         },
         {
           col: 'col3',
-          text: $binary.round(datastore.capacity.provisioned_mb || 0, false, lang)
+          text: $binary.round(datastore.capacity.provisioned_mb, false, lang)
         },
         {
           col: 'col4',
-          text: $binary.round(datastore.capacity.free_mb || 0, false, lang)
+          text: $binary.round(datastore.capacity.free_mb, false, lang)
         },
         {
           col: 'col5',
-          text: $binary.round(datastore.capacity.used_mb || 0, false, lang)
+          text: $binary.round(datastore.capacity.used_mb, false, lang)
         },
         {
           col: 'col6',

package/components/common/pages/backups/modals/createBackup/datastores/tableView/old/lib/config/table.ts

@@ -83,7 +83,7 @@ export const bodyItems = (
       },
       {
         key: 'col2',
-        text: $binary.round(datastore.capacity[tableKeys[2]] || 0, false, lang),
+        text: $binary.round(datastore.capacity[tableKeys[2]], false, lang),
         id: datastore.id,
         testId: `backup-datastore-table-item-${datastore.id}`,
         data: {
@@ -93,7 +93,7 @@ export const bodyItems = (
       {
         key: 'col3',
         text: $binary.round(
-          datastore.capacity[tableKeys[3]] || 0,
+          datastore.capacity[tableKeys[3]],
           false,
           lang
         ),
@@ -105,7 +105,7 @@ export const bodyItems = (
       },
       {
         key: 'col4',
-        text: $binary.round(datastore.capacity[tableKeys[4]] || 0, false, lang),
+        text: $binary.round(datastore.capacity[tableKeys[4]], false, lang),
         id: datastore.id,
         testId: `backup-datastore-table-item-${datastore.id}`,
         data: {
@@ -114,7 +114,7 @@ export const bodyItems = (
       },
       {
         key: 'col5',
-        text: $binary.round(datastore.capacity[tableKeys[5]] || 0, false, lang),
+        text: $binary.round(datastore.capacity[tableKeys[5]], false, lang),
         id: datastore.id,
         testId: `backup-datastore-table-item-${datastore.id}`,
         data: {

package/components/common/pages/hardwareHealth/HardwareHealthNew.vue

@@ -235,7 +235,7 @@ const statusCounts = computed<UI_I_IndicatorAlerts>(() => {
 
 .table-content {
   &.alert-warning, &.history-testimony {
-    :deep(.data-table-header th:not(:last-child)) {
+    :deep(.data-table-header th) {
       min-width: max-content !important;
     }
   }

package/components/common/pages/hardwareHealth/historyTestimony/GraphNew.vue

@@ -154,7 +154,7 @@ const emits = defineEmits<{
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
-  grid-gap: 12px;
+  grid-column-gap: 12px;
 
   &.power {
     & > div:nth-child(1) {

package/components/common/pages/hardwareHealth/historyTestimony/tools/chartOptionsModal/actions/ActionsNew.vue

@@ -135,7 +135,7 @@ const onSaveNewName = (): void => {
     &:disabled {
       color: var(--chart-options-name-actions-delete-disabled-text-color);
 
-      :deep(span) {
+      :deep(.button-icon) {
         color: #bdc3c7;
         opacity: 0.44;
       }

package/components/common/pages/scheduledTasks/table/lib/models/enums.ts

@@ -2,12 +2,3 @@ export enum UI_E_SchedulerRunStatus {
   RUNNING = 'this task has been started',
   SUCCESS = 'success',
 }
-
-export enum E_SchedulerFrequencyModeLocale {
-  Once = 'once',
-  Startup = 'afterVCenterStartup',
-  Hourly = 'hourly',
-  Daily = 'daily',
-  Weekly = 'weekly',
-  Monthly = 'monthly',
-}

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<{