bfg-common 1.4.157 → 1.4.159

package/assets/localization/local_be.json

@@ -1121,7 +1121,6 @@
     "physicalNetworkAdapters": "Фізічныя сеткавыя адаптары",
     "physicalNetworkAdaptersWarning": "Папярэджанне аб фізічных сеткавых адаптарах",
     "menu": "Меню",
-    "openMenu": "Адкрыць меню",
     "pinMenu": "Замацаваць меню",
     "playbackCompression": "Сціск прайгравання",
     "plugins": "Убудовы",

package/assets/localization/local_en.json

@@ -1120,7 +1120,6 @@
     "physicalNetworkAdapters": "Physical network adapters",
     "physicalNetworkAdaptersWarning": "Physical Network Adapters Warning",
     "menu": "Menu",
-    "openMenu": "Open menu",
     "pinMenu": "Pin menu",
     "playbackCompression": "Playback Compression",
     "plugins": "Plugins",

package/assets/localization/local_hy.json

@@ -1120,7 +1120,6 @@
     "physicalNetworkAdapters": "Ֆիզիկական ցանցային ադապտերներ",
     "physicalNetworkAdaptersWarning": "Զգուշացում ֆիզիկական ցանցային ադապտերների մասին",
     "menu": "Մենու",
-    "openMenu": "Բացեք ընտրացանկը",
     "pinMenu": "Ամրացնել մենյու",
     "playbackCompression": "Նվագարկման սեղմում",
     "plugins": "Փլագիններ",

package/assets/localization/local_kk.json

@@ -1120,7 +1120,6 @@
     "physicalNetworkAdapters": "Физикалық желі адаптерлері",
     "physicalNetworkAdaptersWarning": "Физикалық Желілік адаптерлер туралы ескерту",
     "menu": "Мәзір",
-    "openMenu": "Мәзірді ашу",
     "pinMenu": "Мәзірді бекіту",
     "playbackCompression": "Ойнатуды қысу",
     "plugins": "Плагиндер",

package/assets/localization/local_ru.json

@@ -1122,7 +1122,6 @@
     "physicalNetworkAdapters": "Физические сетевые адаптеры",
     "physicalNetworkAdaptersWarning": "Предупреждение о физических сетевых адаптерах",
     "menu": "Меню",
-    "openMenu": "Открыть меню",
     "pinMenu": "Закрепить меню",
     "playbackCompression": "Сжатие воспроизведения",
     "plugins": "Плагины",

package/assets/localization/local_zh.json

@@ -1120,7 +1120,6 @@
     "physicalNetworkAdapters": "物理網絡適配器",
     "physicalNetworkAdaptersWarning": "物理网络适配器警告",
     "menu": "菜单",
-    "openMenu": "打开菜单",
     "pinMenu": "引脚菜单",
     "playbackCompression": "回放压缩",
     "plugins": "插件",

package/components/common/layout/theHeader/TheHeaderNew.vue

@@ -31,7 +31,7 @@
           </template>
           <template #content>
             <span class="header-tooltip-text">{{
-              localization.common.openMenu
+              localization.common.menu
             }}</span>
           </template>
         </ui-tooltip>
@@ -202,7 +202,6 @@ const localization = computed<UI_I_Localization>(() => useLocal())
     .header-tooltip-text {
       font-size: 12px;
       font-weight: 500;
-      text-wrap: nowrap;
     }
     .left-content {
       display: flex;

package/components/common/layout/theHeader/helpMenu/helpMenuNew/HelpMenuNew.vue

@@ -112,20 +112,6 @@ const onSelectDropdown = (value: string): void => {
   }
   onHideDropdown()
 }
-
-const hideTooltip = (): void => {
-  const hoverElement = document.querySelector(
-    '#tooltip-help-menu-dropdown-toggle-main .tooltip-container-hover'
-  )
-
-  if (!hoverElement) return
-
-  hoverElement.classList.remove('isShow')
-}
-
-watch(isShowDropdown, (newValue) => {
-  newValue && hideTooltip()
-})
 </script>
 
 <style scoped lang="scss">

package/components/common/layout/theHeader/userMenu/userMenuNew/UserMenuNew.vue

@@ -96,20 +96,6 @@ const onSelectDropdown = (value: string): void => {
   emits('select-dropdown', value)
   onHideDropdown()
 }
-
-const hideTooltip = (): void => {
-  const hoverElement = document.querySelector(
-    '#tooltip-user-menu-dropdown-toggle-main .tooltip-container-hover'
-  )
-
-  if (!hoverElement) return
-
-  hoverElement.classList.remove('isShow')
-}
-
-watch(isShowDropdown, (newValue) => {
-  newValue && hideTooltip()
-})
 </script>
 
 <style lang="scss">

package/components/common/mainNavigationPanel/MainNavigationPanelNew.vue

@@ -55,44 +55,28 @@
 
       <div class="nav-content">
         <template v-for="(item, key) in props.navigationItems" :key="key">
-          <template v-for="(item2, key2) in item" :key="item2.id">
-            <ui-tooltip
-              :id="`tooltip-nav-${key}-${key2}`"
-              :test-id="`tooltip-nav-${key}-${key2}`"
-              size="md"
-              menu
-            >
-              <template #target>
-                <div
-                  :id="`tooltip-nav-${key}-${key2}`"
-                  class="popped tooltip inline-block content-toggle-tooltip"
-                >
-                  <nuxt-link
-                    :id="`nav-item-${key}-${key2}`"
-                    :data-id="item2.testId"
-                    class="nav-link"
-                    active-class="active"
-                    :to="item2.to"
-                    @click="emits('hide-main-menu')"
-                  >
-                    <ui-icon-main-navigation-panel
-                      :name="item2.iconName"
-                      width="20px"
-                      height="20px"
-                    />
-                    <span class="nav-text">{{ item2.title }}</span>
-                  </nuxt-link>
-                </div>
-              </template>
-              <template #content>
-                {{ item2.title }}
-              </template>
-            </ui-tooltip>
-            <div
-              v-show="key !== props.navigationItems.length - 1"
-              class="nav-divider"
+          <nuxt-link
+            v-for="(item2, key2) in item"
+            :id="`nav-item-${key}-${key2}`"
+            :key="item2.id"
+            :data-id="item2.testId"
+            class="nav-link"
+            active-class="active"
+            :to="item2.to"
+            :title="item2.title"
+            @click="emits('hide-main-menu')"
+          >
+            <ui-icon-main-navigation-panel
+              :name="item2.iconName"
+              width="20px"
+              height="20px"
             />
-          </template>
+            <span class="nav-text">{{ item2.title }}</span>
+          </nuxt-link>
+          <div
+            v-show="key !== props.navigationItems.length - 1"
+            class="nav-divider"
+          />
         </template>
       </div>
     </div>
@@ -169,11 +153,6 @@ const localization = computed<UI_I_Localization>(() => useLocal())
         }
       }
     }
-    &:not(.collapsed) {
-      :deep(.tooltip-container-hover) {
-        display: none;
-      }
-    }
 
     .tools {
       display: flex;
@@ -186,10 +165,10 @@ const localization = computed<UI_I_Localization>(() => useLocal())
         border-radius: 4px;
 
         &:hover {
-          //background-color: var(--vertical-nav-hover-bg-color);
+          background-color: var(--vertical-nav-hover-bg-color);
 
           .pin-unpin-label {
-            color: var(--pin-unpin-label-hover-color);
+            color: #008fd6;
           }
         }
 
@@ -219,8 +198,8 @@ const localization = computed<UI_I_Localization>(() => useLocal())
         color: var(--vertical-nav-item-color);
 
         &:hover {
-          //background-color: var(--vertical-nav-hover-bg-color);
-          color: var(--pin-unpin-label-hover-color);
+          background-color: var(--vertical-nav-hover-bg-color);
+          color: #008fd6;
         }
       }
     }
@@ -228,54 +207,45 @@ const localization = computed<UI_I_Localization>(() => useLocal())
     .nav-content {
       overflow: auto;
       padding: 0 12px 12px;
-      height: inherit;
 
-      &::-webkit-scrollbar-thumb {
-        background: var(--nav-content-scrollbar-thumb-bg);
-      }
+      .nav-link {
+        display: flex;
+        align-items: center;
+        padding: 10px 12px;
+        border-radius: 8px;
+        color: var(--vertical-nav-item-color);
+        font-size: 12px;
+        font-weight: 500;
+        white-space: nowrap;
+        text-decoration: none;
 
-      .content-toggle-tooltip {
-        width: 100%;
+        &.active {
+          background-color: var(--vertical-active-nav-bg-color);
+          color: var(--vertical-active-nav-color);
 
-        .nav-link {
-          display: flex;
-          align-items: center;
-          padding: 10px 12px;
-          border-radius: 8px;
-          color: var(--vertical-nav-item-color);
-          font-size: 12px;
-          font-weight: 500;
-          white-space: nowrap;
-          text-decoration: none;
-
-          &.active {
-            background-color: var(--vertical-active-nav-bg-color);
+          .nav-text {
             color: var(--vertical-active-nav-color);
-
-            .nav-text {
-              color: var(--vertical-active-nav-color);
-            }
-          }
-
-          &:not(.active):hover {
-            background-color: var(--vertical-nav-hover-bg-color);
           }
+        }
 
-          .nav-text {
-            margin-left: 12px;
-            font-size: 14px;
-            font-weight: 400;
-          }
+        &:not(.active):hover {
+          background-color: var(--vertical-nav-hover-bg-color);
         }
-        .nav-link + .nav-link {
-          margin-top: 4px;
+
+        .nav-text {
+          margin-left: 12px;
+          font-size: 14px;
+          font-weight: 400;
         }
       }
+      .nav-link + .nav-link {
+        margin-top: 4px;
+      }
 
       .nav-divider {
         width: 100%;
         height: 1px;
-        background-color: var(--nav-content-divider-bg);
+        background-color: #d3d6da;
         margin: 12px 0;
       }
     }
@@ -290,18 +260,12 @@ const localization = computed<UI_I_Localization>(() => useLocal())
   --vertical-nav-hover-bg-color: rgba(211, 214, 218, 0.48);
   --vertical-active-nav-bg-color: #213444;
   --vertical-active-nav-color: #ffffff;
-  --pin-unpin-label-hover-color: #008fd6;
-  --nav-content-scrollbar-thumb-bg: #9da6ad;
-  --nav-content-divider-bg: #d3d6da;
 }
 :root.is-new-view.dark-theme {
   --vertical-nav-bg-color: rgba(51, 68, 83, 0.92);
-  --vertical-nav-item-color: #e9eaec;
-  --vertical-nav-hover-bg-color: rgba(233, 234, 236, 0.12);
+  --vertical-nav-item-color: #ffffff;
+  --vertical-nav-hover-bg-color: #485865;
   --vertical-active-nav-bg-color: rgba(233, 235, 237, 0.96);
   --vertical-active-nav-color: #213444;
-  --pin-unpin-label-hover-color: #2ba2de;
-  --nav-content-scrollbar-thumb-bg: rgba(157, 166, 173, 0.32);
-  --nav-content-divider-bg: rgba(211, 214, 218, 0.12);
 }
 </style>

package/components/common/monitor/advanced/tools/chartOptionsModal/counters/timespan/object/Object.vue

@@ -148,10 +148,7 @@ watch(
           target_object: 'averageMHz',
         })
       }
-    } else if (
-      newValue[0] === 'host' &&
-      ['disk', 'network'].includes(newValue[1])
-    ) {
+    } else if (newValue[0] === 'host' && ['network'].includes(newValue[1])) {
       let newItems = [
         {
           id: 'total',

package/components/common/select/input/lib/models/interfaces.ts

@@ -2,4 +2,5 @@ export interface UI_I_SelectInputItem {
   label: string
   value: string | number
   disabled?: boolean
+  testId?: string
 }

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

@@ -199,7 +199,6 @@ onUnmounted(() => {
   }
   .firstPanel {
     width: calc(50% - 1.5px);
-    background-color: var(--center-pane-container);
 
     .left-panel {
       @include flex($dir: column);

package/components/common/wizards/vm/common/computeResource/TreeView.vue

@@ -2,9 +2,9 @@
   <div class="tree-view">
     <atoms-loader-pre-loader
       v-show="loading"
+      show
       id="loader"
       class="absolute-center tree-view__loading"
-      :show="true"
     />
     <common-recursion-tree
       :nodes="props.computeResourceTree"
@@ -20,19 +20,16 @@
 import type { UI_I_TreeNode } from '~/components/common/recursionTree/lib/models/interfaces'
 
 const props = defineProps<{
-  modelValue: UI_I_TreeNode | null
   computeResourceTree: UI_I_TreeNode[]
 }>()
-
+const modelNode = defineModel<UI_I_TreeNode>()
 const emits = defineEmits<{
-  (event: 'update:modelValue', value: UI_I_TreeNode): void
   (
     event: 'get-compute-resource-tree',
     value: { id: string | number; cb: () => void }
   ): void
   (event: 'show-compute-resource-tree', value: UI_I_TreeNode): void
   (event: 'select-compute-resource-tree', value: UI_I_TreeNode): void
-  (event: 'clear-compute-resource-tree'): void
 }>()
 
 const loading = ref<boolean>(false)
@@ -42,7 +39,7 @@ const onShowNodes = (event: any): void => {
 const onSelectNode = (node: UI_I_TreeNode): void => {
   emits('select-compute-resource-tree', node)
 
-  emits('update:modelValue', node)
+  modelNode.value = node
 }
 </script>
 

package/components/common/wizards/vm/common/tooltip/Tooltip.vue

@@ -4,7 +4,7 @@
       v-if="props.isShowElement"
       href="javascript:void(0)"
       data-id="show-find-help-button"
-      @click.stop="isShowFindHelp = !isShowFindHelp"
+      @click.stop="isShowTooltip = !isShowTooltip"
       >{{ localization.common.vmOrigin }}
     </a>
     <atoms-the-icon
@@ -12,14 +12,14 @@
       data-id="show-help-tooltip-icon"
       class="info-icon"
       name="info-circle"
-      @click.stop="isShowFindHelp = !isShowFindHelp"
+      @click.stop="isShowTooltip = !isShowTooltip"
     />
 
     <atoms-tooltip-signpost
-      v-if="isShowFindHelp"
+      v-if="isShowTooltip"
       :elem-id="tooltipTestId"
       class="sign-post__content"
-      @hide="isShowFindHelp = false"
+      @hide="isShowTooltip = false"
     >
       <slot name="content"> </slot>
     </atoms-tooltip-signpost>
@@ -46,7 +46,7 @@ const tooltipTestId = computed<string>(
   () => `${props.testId}-configure-navigation`
 )
 
-const isShowFindHelp = ref<boolean>(false)
+const isShowTooltip = ref<boolean>(false)
 </script>
 
 <style lang="scss" scoped>