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
diff --git a/src/env/components/AppNavigation/ibm.js b/src/env/components/AppNavigation/ibm.js
index b8186a4..8792ccc 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 @@
const AppNavigationMixin = {
components: {
- iconOverview: IconAnalytics,
+ iconOverview: IconDashboard,
+ iconLogs: IconTextLinkAnalysis,
iconHealth: IconDataCheck,
iconControl: IconSettingsAdjust,
iconConfiguration: IconSettings,
@@ -24,20 +26,27 @@
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'),