summaryrefslogtreecommitdiff
path: root/src/env
diff options
context:
space:
mode:
authorDerick Montague <derick.montague@ibm.com>2021-06-28 23:52:22 +0300
committerDerick Montague <derick.montague@ibm.com>2021-08-10 22:20:42 +0300
commit828dda9b187684902710bb11621eca27bf0c6eec (patch)
tree322a9511f7df3317ae23ab55b08c9b3730dfd810 /src/env
parent03dc2b7b9f0672aac84349fbc77aab55403447e0 (diff)
downloadwebui-vue-828dda9b187684902710bb11621eca27bf0c6eec.tar.xz
IA update: Add logs and update overview icon
This is the first patchset of the information architecture changes. These changes are the result of several months of design research with users to improve the existing information architecture (IA). More information can we found in the Github story. This patchset will add a Logs section and move event logs and dumps from the Health section to the new Logs section. It will also update the icon used for the Overview page. Github story: https://github.com/openbmc/webui-vue/issues/56 Testing: 1. IBM build: - Logs contained Event logs and dumps - Both pages rendered when clicking link 2. Intel build - Logs contained Event logs only - Logs page rendered when clicking link 3. Tested default build - Logs contained Event logs only - Logs page rendered when clicking link Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I4621837202cf5ad3469d6ea460d9a5bdc79c8816
Diffstat (limited to 'src/env')
-rw-r--r--src/env/components/AppNavigation/ibm.js23
-rw-r--r--src/env/components/AppNavigation/intel.js21
-rw-r--r--src/env/router/ibm.js8
-rw-r--r--src/env/router/intel.js4
-rw-r--r--src/env/store/ibm.js2
5 files changed, 38 insertions, 20 deletions
diff --git a/src/env/components/AppNavigation/ibm.js b/src/env/components/AppNavigation/ibm.js
index b8186a44..8792ccc8 100644
--- a/src/env/components/AppNavigation/ibm.js
+++ b/src/env/components/AppNavigation/ibm.js
@@ -1,4 +1,5 @@
-import IconAnalytics from '@carbon/icons-vue/es/analytics/16';
+import IconDashboard from '@carbon/icons-vue/es/dashboard/16';
+import IconTextLinkAnalysis from '@carbon/icons-vue/es/text-link--analysis/16';
import IconDataCheck from '@carbon/icons-vue/es/data--check/16';
import IconSettingsAdjust from '@carbon/icons-vue/es/settings--adjust/16';
import IconSettings from '@carbon/icons-vue/es/settings/16';
@@ -7,7 +8,8 @@ import IconChevronUp from '@carbon/icons-vue/es/chevron--up/16';
const AppNavigationMixin = {
components: {
- iconOverview: IconAnalytics,
+ iconOverview: IconDashboard,
+ iconLogs: IconTextLinkAnalysis,
iconHealth: IconDataCheck,
iconControl: IconSettingsAdjust,
iconConfiguration: IconSettings,
@@ -24,20 +26,27 @@ const AppNavigationMixin = {
icon: 'iconOverview',
},
{
- id: 'health',
- label: this.$t('appNavigation.health'),
- icon: 'iconHealth',
+ id: 'logs',
+ label: this.$t('appNavigation.logs'),
+ icon: 'iconLogs',
children: [
{
id: 'dumps',
label: this.$t('appNavigation.dumps'),
- route: '/health/dumps',
+ route: '/logs/dumps',
},
{
id: 'event-logs',
label: this.$t('appNavigation.eventLogs'),
- route: '/health/event-logs',
+ route: '/logs/event-logs',
},
+ ],
+ },
+ {
+ id: 'health',
+ label: this.$t('appNavigation.health'),
+ icon: 'iconHealth',
+ children: [
{
id: 'hardware-status',
label: this.$t('appNavigation.hardwareStatus'),
diff --git a/src/env/components/AppNavigation/intel.js b/src/env/components/AppNavigation/intel.js
index 7144487b..9c3591f5 100644
--- a/src/env/components/AppNavigation/intel.js
+++ b/src/env/components/AppNavigation/intel.js
@@ -1,4 +1,5 @@
-import IconAnalytics from '@carbon/icons-vue/es/analytics/16';
+import IconDashboard from '@carbon/icons-vue/es/dashboard/16';
+import IconTextLinkAnalysis from '@carbon/icons-vue/es/text-link--analysis/16';
import IconDataCheck from '@carbon/icons-vue/es/data--check/16';
import IconSettingsAdjust from '@carbon/icons-vue/es/settings--adjust/16';
import IconSettings from '@carbon/icons-vue/es/settings/16';
@@ -7,7 +8,8 @@ import IconChevronUp from '@carbon/icons-vue/es/chevron--up/16';
const AppNavigationMixin = {
components: {
- iconOverview: IconAnalytics,
+ iconOverview: IconDashboard,
+ iconLogs: IconTextLinkAnalysis,
iconHealth: IconDataCheck,
iconControl: IconSettingsAdjust,
iconConfiguration: IconSettings,
@@ -24,15 +26,22 @@ const AppNavigationMixin = {
icon: 'iconOverview',
},
{
- id: 'health',
- label: this.$t('appNavigation.health'),
- icon: 'iconHealth',
+ id: 'logs',
+ label: this.$t('appNavigation.logs'),
+ icon: 'iconLogs',
children: [
{
id: 'event-logs',
label: this.$t('appNavigation.eventLogs'),
- route: '/health/event-logs',
+ route: '/logs/event-logs',
},
+ ],
+ },
+ {
+ id: 'health',
+ label: this.$t('appNavigation.health'),
+ icon: 'iconHealth',
+ children: [
{
id: 'hardware-status',
label: this.$t('appNavigation.hardwareStatus'),
diff --git a/src/env/router/ibm.js b/src/env/router/ibm.js
index 91b70a70..8b94cf78 100644
--- a/src/env/router/ibm.js
+++ b/src/env/router/ibm.js
@@ -3,7 +3,7 @@ import ChangePassword from '@/views/ChangePassword';
import ClientSessions from '@/views/AccessControl/ClientSessions';
import ConsoleLayout from '@/layouts/ConsoleLayout.vue';
import DateTimeSettings from '@/views/Configuration/DateTimeSettings';
-import EventLogs from '@/views/Health/EventLogs';
+import EventLogs from '@/views/Logs/EventLogs';
import FactoryReset from '@/views/Control/FactoryReset';
import Firmware from '@/views/Configuration/Firmware';
import HardwareStatus from '@/views/Health/HardwareStatus';
@@ -29,7 +29,7 @@ import SslCertificates from '@/views/AccessControl/SslCertificates';
import i18n from '@/i18n';
// Custom components
-import Dumps from '@/views/Health/Dumps';
+import Dumps from '@/views/Logs/Dumps';
const routes = [
{
@@ -96,7 +96,7 @@ const routes = [
},
},
{
- path: '/health/dumps',
+ path: '/logs/dumps',
name: 'dumps',
component: Dumps,
meta: {
@@ -104,7 +104,7 @@ const routes = [
},
},
{
- path: '/health/event-logs',
+ path: '/logs/event-logs',
name: 'event-logs',
component: EventLogs,
meta: {
diff --git a/src/env/router/intel.js b/src/env/router/intel.js
index 53f6154e..3e3349d0 100644
--- a/src/env/router/intel.js
+++ b/src/env/router/intel.js
@@ -3,7 +3,7 @@ import ChangePassword from '@/views/ChangePassword';
import ClientSessions from '@/views/AccessControl/ClientSessions';
import ConsoleLayout from '@/layouts/ConsoleLayout.vue';
import DateTimeSettings from '@/views/Configuration/DateTimeSettings';
-import EventLogs from '@/views/Health/EventLogs';
+import EventLogs from '@/views/Logs/EventLogs';
import Firmware from '@/views/Configuration/Firmware';
import HardwareStatus from '@/views/Health/HardwareStatus';
import Kvm from '@/views/Control/Kvm';
@@ -100,7 +100,7 @@ const routes = [
},
},
{
- path: '/health/event-logs',
+ path: '/logs/event-logs',
name: 'event-logs',
component: EventLogs,
meta: {
diff --git a/src/env/store/ibm.js b/src/env/store/ibm.js
index ff20b9cf..787f8975 100644
--- a/src/env/store/ibm.js
+++ b/src/env/store/ibm.js
@@ -1,5 +1,5 @@
import store from '@/store';
-import DumpsStore from '@/store/modules/Health/DumpsStore';
+import DumpsStore from '@/store/modules/Logs/DumpsStore';
store.unregisterModule('virtualMedia');