bfg-common 1.4.21 → 1.4.22

package/components/common/mainNavigationPanel/MainNavigationPanelNew.vue

@@ -18,14 +18,21 @@
             :disabled="props.disabledPin"
             @change="emits('change-menu-pin')"
           />
-          <label for="pin-menu-control" class="pointer flex-align-center">
+          <label
+            for="pin-menu-control"
+            class="pointer flex-align-center pin-unpin-label"
+          >
             <ui-icon-main-navigation-panel
               :name="menuPined ? 'unpin' : 'pin'"
-              width="12px"
-              height="12px"
+              width="16px"
+              height="16px"
             />
-            <span v-if="!menuPined">{{ localization.common.pinMenu }}</span>
-            <span v-else>{{ localization.common.unpinMenu }}</span>
+            <span v-if="!menuPined" class="pin-unpin-text">{{
+              localization.common.pinMenu
+            }}</span>
+            <span v-else class="pin-unpin-text">{{
+              localization.common.unpinMenu
+            }}</span>
           </label>
         </div>
 
@@ -37,7 +44,11 @@
           @click="emits('collapse-menu')"
         >
           <span class="nav-trigger-icon flex">
-            <ui-icon-main-navigation-panel name="doubleArrow" width="16px" height="16px" />
+            <ui-icon-main-navigation-panel
+              name="doubleArrow"
+              width="16px"
+              height="16px"
+            />
           </span>
         </button>
       </div>
@@ -55,7 +66,11 @@
             :title="item2.title"
             @click="emits('hide-main-menu')"
           >
-            <ui-icon-main-navigation-panel :name="item2.iconName" width="20px" height="20px" />
+            <ui-icon-main-navigation-panel
+              :name="item2.iconName"
+              width="20px"
+              height="20px"
+            />
             <span class="nav-text">{{ item2.title }}</span>
           </nuxt-link>
           <div
@@ -151,17 +166,23 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
         &:hover {
           background-color: var(--vertical-nav-hover-bg-color);
+
+          .pin-unpin-label {
+            color: #008fd6;
+          }
         }
 
         input {
           display: none;
         }
-        label {
+        .pin-unpin-label {
           color: var(--vertical-nav-item-color);
           font-size: 12px;
           font-weight: 500;
 
-          span {
+          .pin-unpin-text {
+            font-size: 12px;
+            font-weight: 500;
             margin-left: 6px;
           }
         }
@@ -178,6 +199,7 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
         &:hover {
           background-color: var(--vertical-nav-hover-bg-color);
+          color: #008fd6;
         }
       }
     }
@@ -212,6 +234,8 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
         .nav-text {
           margin-left: 12px;
+          font-size: 14px;
+          font-weight: 400;
         }
       }
       .nav-link + .nav-link {
@@ -231,14 +255,14 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 <style>
 :root.is-new-view {
-  --vertical-nav-bg-color: rgba(233, 235, 237, 0.96);
+  --vertical-nav-bg-color: rgba(233, 235, 237, 0.92);
   --vertical-nav-item-color: #4d5d69;
-  --vertical-nav-hover-bg-color: #d3d6da;
+  --vertical-nav-hover-bg-color: rgba(211, 214, 218, 0.48);
   --vertical-active-nav-bg-color: #213444;
   --vertical-active-nav-color: #ffffff;
 }
 :root.is-new-view.dark-theme {
-  --vertical-nav-bg-color: rgba(33, 52, 68, 0.96);
+  --vertical-nav-bg-color: rgba(51, 68, 83, 0.92);
   --vertical-nav-item-color: #ffffff;
   --vertical-nav-hover-bg-color: #485865;
   --vertical-active-nav-bg-color: rgba(233, 235, 237, 0.96);

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

@@ -152,7 +152,15 @@ watch(
       newValue[0] === 'host' &&
       ['disk', 'network'].includes(newValue[1])
     ) {
-      items = props.currentItems
+      let newItems = [
+        {
+          id: 'total',
+          target_object: localization.value.common.total,
+        },
+      ]
+      newItems = [...newItems, ...props.currentItems]
+
+      items = newItems
     }
 
     bodyItems.value = table.bodyItems(items)

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

@@ -104,8 +104,15 @@ const updateAllSelectedSelectedRow = (): void => {
   selectedRowTemperature.value = []
   props.mainSelectedRow.forEach((key) => {
     const category = props.countersTableData[key].category.toLowerCase()
-    if (category === 'power') selectedRowPower.value.push(key)
-    else if (category === 'temperature') selectedRowTemperature.value.push(key)
+
+    switch (category) {
+      case 'power':
+        selectedRowPower.value.push(key)
+        break
+      case 'temperature':
+        selectedRowTemperature.value.push(key)
+        break
+    }
   })
 }
 watch(

package/package.json

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