diff options
Diffstat (limited to 'src/components/AppNavigation')
-rw-r--r-- | src/components/AppNavigation/AppNavigation.vue | 13 | ||||
-rw-r--r-- | src/components/AppNavigation/AppNavigationMixin.js | 253 |
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', |