Add depend: highcarts. Pages: power, analytical motherboard, memory, fans, event logs, Fix styles, add global components.

2 files changed, 138 insertions, 128 deletions

diff --git a/src/components/AppNavigation/AppNavigation.vue b/src/components/AppNavigation/AppNavigation.vue
index dc7a58d0..84b81ac6 100644
--- a/src/components/AppNavigation/AppNavigation.vue
+++ b/src/components/AppNavigation/AppNavigation.vue
@@ -6,7 +6,6 @@
           <img
             class="server__icon"
             src="@/assets/images/sila-server-navbar-icon.svg"
-            :alt="altLogo"
           />
           <b-form-group class="server-pagination-select">
             <b-form-select
@@ -19,11 +18,7 @@
         <div class="nav-line"></div>
         <div class="form-control server-search">
           <button class="search-button">
-            <img
-              class="server__icon"
-              src="@/assets/images/search-icon.svg"
-              :alt="altLogo"
-            />
+            <img class="server__icon" src="@/assets/images/search-icon.svg" />
           </button>
           <b-form-input
             type="text"
@@ -56,7 +51,7 @@
               >
                 {{ navItem.label }}
                 <component :is="navItem.icon" class="icon-expand" />
-                <icon-expand class="icon-expand" />
+                <!-- <icon-expand class="icon-expand" /> -->
               </b-button>
               <b-collapse :id="navItem.id" tag="ul" class="nav-item__nav">
                 <li class="nav-item">
@@ -92,6 +87,7 @@
 //Exact match alias set to support
 //dotenv customizations.
 import { AppNavigationMixin, KvmNavigationMixin } from './AppNavigationMixin';
+
 export default {
   name: 'AppNavigation',
   mixins: [AppNavigationMixin, KvmNavigationMixin],
@@ -300,7 +296,7 @@ svg {
   }
   &::-webkit-scrollbar-thumb {
     border: 4px solid transparent;
-    background: rgba(14, 32, 48, 0.384);
+    background: $faint-secondary-primary-20;
     border-radius: 16px;
     background-clip: content-box;
   }
@@ -387,6 +383,7 @@ svg {
   width: 237px;
   border: none;
   height: 48px;
+  background-image: url('../../assets/images/icon-chevron.svg');
   &:focus {
     box-shadow: none;
   }
diff --git a/src/components/AppNavigation/AppNavigationMixin.js b/src/components/AppNavigation/AppNavigationMixin.js
index ad5f58b5..7c981ec6 100644
--- a/src/components/AppNavigation/AppNavigationMixin.js
+++ b/src/components/AppNavigation/AppNavigationMixin.js
@@ -20,12 +20,12 @@ export const AppNavigationMixin = {
             {
               id: 'network',
               label: this.$t('appNavigation.networkParametrs'),
-              route: '/network',
+              route: '/network-parametrs',
             },
             {
-              id: 'post-code-logs',
+              id: 'event-logs',
               label: this.$t('appNavigation.eventLogs'),
-              route: '/logs/post-code-logs',
+              route: '/event-logs',
             },
             {
               id: 'server-parametrs',
@@ -40,97 +40,114 @@ export const AppNavigationMixin = {
           icon: 'iconChevronUp',
           children: [
             {
-              id: 'configuration',
+              id: 'bmc-configuration',
               label: this.$t('appNavigation.config'),
               route: '/bmc-configuration',
             },
             {
-              id: 'post-code-logs',
+              id: 'bmc-firmware',
               label: this.$t('appNavigation.deviceFirmware'),
-              route: '/logs/post-code-logs',
+              route: '/bmc-firmware',
             },
             {
-              id: 'post-code-logs',
+              id: 'bmc-settings',
               label: this.$t('appNavigation.broadcast'),
-              route: '/logs/post-code-logs',
+              route: '/bmc-settings',
             },
           ],
         },
+        // {
+        //   id: 'analytical-panel',
+        //   label: this.$t('appNavigation.analyticalPanel'),
+        //   route: '/',
+        // },
+        // {
+        //   id: 'RAID',
+        //   label: this.$t('appNavigation.raidControllers'),
+        //   icon: 'iconChevronUp',
+        //   children: [
+        //     {
+        //       id: 'overview-info',
+        //       label: this.$t('appNavigation.specifications'),
+        //       route: '/logs/event-logs',
+        //     },
+        //     {
+        //       id: 'post-code-logs',
+        //       label: this.$t('appNavigation.settings'),
+        //       route: '/logs/post-code-logs',
+        //     },
+        //     {
+        //       id: 'post-code-logs',
+        //       label: this.$t('appNavigation.cachRaid'),
+        //       route: '/logs/post-code-logs',
+        //     },
+        //   ],
+        // },
+        // {
+        //   id: 'power-supplies',
+        //   label: this.$t('appNavigation.powerSupplies'),
+        //   icon: 'iconChevronUp',
+        //   children: [
+        //     {
+        //       id: 'overview-info',
+        //       label: this.$t('appNavigation.specifications'),
+        //       route: '/logs/event-logs',
+        //     },
+        //     {
+        //       id: 'post-code-logs',
+        //       label: this.$t('appNavigation.analyticalPanel'),
+        //       route: '/logs/post-code-logs',
+        //     },
+        //   ],
+        // },
         {
-          id: 'analytical-panel',
-          label: this.$t('appNavigation.analyticalPanel'),
-          route: '/',
-        },
-        {
-          id: 'RAID',
-          label: this.$t('appNavigation.raidControllers'),
-          icon: 'iconChevronUp',
-          children: [
-            {
-              id: 'overview-info',
-              label: this.$t('appNavigation.specifications'),
-              route: '/logs/event-logs',
-            },
-            {
-              id: 'post-code-logs',
-              label: this.$t('appNavigation.settings'),
-              route: '/logs/post-code-logs',
-            },
-            {
-              id: 'post-code-logs',
-              label: this.$t('appNavigation.cachRaid'),
-              route: '/logs/post-code-logs',
-            },
-          ],
-        },
-        {
-          id: 'memoryModules',
-          label: this.$t('appNavigation.memoryModules'),
+          id: 'processors',
+          label: this.$t('appNavigation.processors'),
           icon: 'iconChevronUp',
           children: [
             {
-              id: 'overview-info',
-              label: this.$t('appNavigation.specifications'),
-              route: '/logs/event-logs',
+              id: 'processors-specification',
+              label: this.$t('appNavigation.specification'),
+              route: '/processors-specification',
             },
             {
-              id: 'post-code-logs',
+              id: 'processors-dynamic-info',
               label: this.$t('appNavigation.analyticalPanel'),
-              route: '/logs/post-code-logs',
+              route: '/processors-dynamic-info',
             },
           ],
         },
         {
-          id: 'processors',
-          label: this.$t('appNavigation.processors'),
+          id: 'power',
+          label: this.$t('appNavigation.powerSupplies'),
           icon: 'iconChevronUp',
           children: [
             {
-              id: 'overview-info',
-              label: this.$t('appNavigation.specifications'),
-              route: '/logs/event-logs',
+              id: 'power-specification',
+              label: this.$t('appNavigation.specification'),
+              route: '/power-specification',
             },
             {
-              id: 'post-code-logs',
+              id: 'power-dynamic-info',
               label: this.$t('appNavigation.analyticalPanel'),
-              route: '/logs/post-code-logs',
+              route: '/power-dynamic-info',
             },
           ],
         },
         {
-          id: 'power-supplies',
-          label: this.$t('appNavigation.powerSupplies'),
+          id: 'memory',
+          label: this.$t('appNavigation.memoryModules'),
           icon: 'iconChevronUp',
           children: [
             {
-              id: 'overview-info',
-              label: this.$t('appNavigation.specifications'),
-              route: '/logs/event-logs',
+              id: 'memory-specification',
+              label: this.$t('appNavigation.specification'),
+              route: '/memory-specification',
             },
             {
-              id: 'post-code-logs',
+              id: 'memory-dynamic-info',
               label: this.$t('appNavigation.analyticalPanel'),
-              route: '/logs/post-code-logs',
+              route: '/memory-dynamic-info',
             },
           ],
         },
@@ -140,58 +157,14 @@ export const AppNavigationMixin = {
           icon: 'iconChevronUp',
           children: [
             {
-              id: 'overview-info',
+              id: 'fans-static',
               label: this.$t('appNavigation.statisticInformation'),
-              route: '/logs/event-logs',
+              route: '/fans-static',
             },
             {
-              id: 'post-code-logs',
+              id: 'fans',
               label: this.$t('appNavigation.dynamicInformation'),
-              route: '/logs/post-code-logs',
-            },
-          ],
-        },
-        {
-          id: 'physical-drives',
-          label: this.$t('appNavigation.physicalDrives'),
-          icon: 'iconChevronUp',
-          children: [
-            {
-              id: 'overview-info',
-              label: this.$t('appNavigation.specifications'),
-              route: '/logs/event-logs',
-            },
-            {
-              id: 'post-code-logs',
-              label: this.$t('appNavigation.analyticalPanel'),
-              route: '/logs/post-code-logs',
-            },
-          ],
-        },
-        {
-          id: 'virtual-drives',
-          label: this.$t('appNavigation.virtualDrives'),
-          route: '/',
-        },
-        {
-          id: 'network-adapters',
-          label: this.$t('appNavigation.networkAdapters'),
-          icon: 'iconChevronUp',
-          children: [
-            {
-              id: 'overview-info',
-              label: this.$t('appNavigation.ethernetAdapters'),
-              route: '/logs/event-logs',
-            },
-            {
-              id: 'post-code-logs',
-              label: this.$t('appNavigation.fcHbaAdapters'),
-              route: '/logs/post-code-logs',
-            },
-            {
-              id: 'post-code-logs',
-              label: this.$t('appNavigation.analyticalPanel'),
-              route: '/logs/post-code-logs',
+              route: '/fans',
             },
           ],
         },
@@ -201,28 +174,71 @@ export const AppNavigationMixin = {
           icon: 'iconChevronUp',
           children: [
             {
-              id: 'overview-info',
-              label: this.$t('appNavigation.specifications'),
-              route: '/logs/event-logs',
+              id: 'motherboard-specification',
+              label: this.$t('appNavigation.specification'),
+              route: '/motherboard-specification',
             },
             {
-              id: 'post-code-logs',
+              id: 'motherboard-dynamic-info',
               label: this.$t('appNavigation.analyticalPanel'),
-              route: '/logs/post-code-logs',
+              route: '/motherboard-dynamic-info',
             },
           ],
         },
-        {
-          id: 'pci-devises',
-          label: this.$t('appNavigation.pciDevises'),
-          route: '/',
-        },
+        // {
+        //   id: 'physical-drives',
+        //   label: this.$t('appNavigation.physicalDrives'),
+        //   icon: 'iconChevronUp',
+        //   children: [
+        //     {
+        //       id: 'overview-info',
+        //       label: this.$t('appNavigation.specifications'),
+        //       route: '/logs/event-logs',
+        //     },
+        //     {
+        //       id: 'post-code-logs',
+        //       label: this.$t('appNavigation.analyticalPanel'),
+        //       route: '/logs/post-code-logs',
+        //     },
+        //   ],
+        // },
+        // {
+        //   id: 'virtual-drives',
+        //   label: this.$t('appNavigation.virtualDrives'),
+        //   route: '/',
+        // },
+        // {
+        //   id: 'network-adapters',
+        //   label: this.$t('appNavigation.networkAdapters'),
+        //   icon: 'iconChevronUp',
+        //   children: [
+        //     {
+        //       id: 'overview-info',
+        //       label: this.$t('appNavigation.ethernetAdapters'),
+        //       route: '/logs/event-logs',
+        //     },
+        //     {
+        //       id: 'post-code-logs',
+        //       label: this.$t('appNavigation.fcHbaAdapters'),
+        //       route: '/logs/post-code-logs',
+        //     },
+        //     {
+        //       id: 'post-code-logs',
+        //       label: this.$t('appNavigation.analyticalPanel'),
+        //       route: '/logs/post-code-logs',
+        //     },
+        //   ],
+        // },
+        // {
+        //   id: 'pci-devises',
+        //   label: this.$t('appNavigation.pciDevises'),
+        //   route: '/',
+        // },
         //old tabs
         {
           id: 'overview',
-          label: 'СТАРЫЕ ВКЛАДКИ',
+          label: 'Страницы BMC webui-vue',
           route: '/Info',
-          icon: 'iconOverview',
         },
         {
           id: 'logs',
@@ -232,7 +248,7 @@ export const AppNavigationMixin = {
             {
               id: 'event-logs',
               label: this.$t('appNavigation.eventLogs'),
-              route: '/logs/event-logs',
+              route: '/logs/event-logs-old',
             },
             {
               id: 'post-code-logs',
@@ -298,7 +314,6 @@ export const AppNavigationMixin = {
         {
           id: 'settings',
           label: this.$t('appNavigation.settings'),
-          icon: 'iconSettings',
           children: [
             {
               id: 'date-time',
@@ -320,7 +335,6 @@ export const AppNavigationMixin = {
         {
           id: 'security-and-access',
           label: this.$t('appNavigation.securityAndAccess'),
-          icon: 'iconSecurityAndAccess',
           children: [
             {
               id: 'sessions',
@@ -352,7 +366,6 @@ export const AppNavigationMixin = {
         {
           id: 'resource-management',
           label: this.$t('appNavigation.resourceManagement'),
-          icon: 'iconResourceManagement',
           children: [
             {
               id: 'power',