Add info icon for informational alert

-Add new style carbon icon for informational alert
-Change alert icon position from center to top

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id:

Add info icon for informational alert

-Add new style carbon icon for informational alert
-Change alert icon position from center to top

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: If32d712db16472ce9a78e04e5871d0b799bb5895

show more ...

Add secondary variant to cancel button

-Update cancel button in table toolbar to match updates in style guide.

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I43554a405259931c5e918796

Add secondary variant to cancel button

-Update cancel button in table toolbar to match updates in style guide.

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I43554a405259931c5e9187968464d286bfe811c7

show more ...

Add ability to customize theme styles

Showcases how different themes/styles can be supported using
.env variables. If an environemnt name is specified during
the build process, an overrides file wil

Add ability to customize theme styles

Showcases how different themes/styles can be supported using
.env variables. If an environemnt name is specified during
the build process, an overrides file will be pulled in to
allow modifications to color and font definitions.

This commit includes possible style modifications with the openpower
env name as an example. To see the openpower changes, add the variable
definition VUE_APP_NAME="openpower" to your .env.development.local file
or build using 'npm run build -- --mode openpower'

- Moves helper imports into vue config to allow for
specific import order
- Removed helper imports in SFCs

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Iaf7a59c24fda06a7b74e23f2f042fb3300cb2056

show more ...

Add table responsive layout and fix search icon visibility

-Add responsive layout for all the tables.
-Fix search icon visibility in search component.

Signed-off-by: Suren Neware <sneware9@in.ibm.c

Add table responsive layout and fix search icon visibility

-Add responsive layout for all the tables.
-Fix search icon visibility in search component.

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: Ibb4f77cf322aeb3699b13ab6cbbdb6cc38efbdc4

show more ...

Update global typography

Updated the following body, label, and heading
styles to match new style guide:
- Font sizes
- Font weight
- Line height
- Color

Signed-off-by: Dixsie Wolmers <dixsie@ibm.c

Update global typography

Updated the following body, label, and heading
styles to match new style guide:
- Font sizes
- Font weight
- Line height
- Color

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I014c968f6542b697fec8c3b9af781e64ac10794d

show more ...

Overlapping search box and toolbar with selected rows

More details: https://github.com/openbmc/webui-vue/issues/19

Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com>
Change-Id: I6c84f979baa1

Overlapping search box and toolbar with selected rows

More details: https://github.com/openbmc/webui-vue/issues/19

Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com>
Change-Id: I6c84f979baa1d381c8ae62781a2607d3de63169a

show more ...

Add the updated icons for critical and export

-the critical icon in the header and tables.
-the export icon in the event log page.

Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id:

Add the updated icons for critical and export

-the critical icon in the header and tables.
-the export icon in the event log page.

Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: I5b3beedb8339ba6e6bbd34b43ea7698fc44f9e42

show more ...

Fix browser warning of non-unique id on Hardware page

Adds a unique id to the global search component.
The search component has an id attribute. When it is reused on
the same page, like Hardware sta

Fix browser warning of non-unique id on Hardware page

Adds a unique id to the global search component.
The search component has an id attribute. When it is reused on
the same page, like Hardware status, the id is no longer unique
within the document.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I1226aa9da69b90b9a7da9ed3d053fde020babcc0

show more ...

Add slot for an optional action in Alert component

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ia2891eaf6e22c367d3080a9a3cb2eff0a27563bf

Update LoadingBar component

Adds "striped" and "animated" prop to loading
component to improve user experience when
saving or loading on a page.

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Chang

Update LoadingBar component

Adds "striped" and "animated" prop to loading
component to improve user experience when
saving or loading on a page.

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: Ie1c3c253172486a5915cdc79952271bad846cfde

show more ...

Update use of Sass variables for better theming

Use Bootstrap color functions for theme-colors and grays instead
of directly referencing Sass variable to allow more flexible
theming.

Signed-off-by:

Update use of Sass variables for better theming

Use Bootstrap color functions for theme-colors and grays instead
of directly referencing Sass variable to allow more flexible
theming.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Id08b77ff6df3bdf99400dcdfe964853706f1070f

show more ...

Add test hooks to TableFilter component

Adding standardized test hooks to filter dropdown component,
nested checkbox options and clear all button.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gma

Add test hooks to TableFilter component

Adding standardized test hooks to filter dropdown component,
nested checkbox options and clear all button.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I46d7166f35eb51ebf5eb6a136266591884e93324

show more ...

Refactor global TableFilter component and mixin

Add key property to TableFilter component to make sure filtering
is based on specific row property. Previously, the table filter
was checking all row

Refactor global TableFilter component and mixin

Add key property to TableFilter component to make sure filtering
is based on specific row property. Previously, the table filter
was checking all row properties for matches.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I589886a0d487ac3ab8def585cc7286e61992afdb

show more ...

Resolve LoadingBar accessibility issue

- Add an aria-label to the b-progress-bar component to meet
accessibility guidelines
- Nest b-progess-bar component in b-progress component in order to add
ari

Resolve LoadingBar accessibility issue

- Add an aria-label to the b-progress-bar component to meet
accessibility guidelines
- Nest b-progess-bar component in b-progress component in order to add
aria-label to the correct element

Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: I3b7d23026d4bcdb607fdbad24170e38116a7eb8a

show more ...

Add test hooks to event logs page

- Add data-test-id test hooks to simplify the xpath queries needed
to set up automation testing
- Reduce the possibility of breaking automation tests when/if page

Add test hooks to event logs page

- Add data-test-id test hooks to simplify the xpath queries needed
to set up automation testing
- Reduce the possibility of breaking automation tests when/if pages are
updated

Adds test hooks to table checkboxes, batch action delete button,
inline row delete button. Will add hooks to table filter dropdown
separately, because the component needs refactoring.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I84fef897bbe29ea410a3b7d663828ddd7c91aa88

show more ...

Fix Search component default prop validation

Changed placeholder prop validation to use a regular function instead of
an arrow function to fix undefined errors where 'this' is undefined.

Signed-off

Fix Search component default prop validation

Changed placeholder prop validation to use a regular function instead of
an arrow function to fix undefined errors where 'this' is undefined.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I315542aae3d53a169767fda0407d8379d1b13027

show more ...

Add date filter on Event logs page

Created global TableDateFilter component that uses the BootstrapVue
Datepicker with a native text input. This will allow users to manually
enter a date in ISO form

Add date filter on Event logs page

Created global TableDateFilter component that uses the BootstrapVue
Datepicker with a native text input. This will allow users to manually
enter a date in ISO format or use the Bootstrap calendar dropdown.

Storing language preference from Login to use locale prop on
BootstrapVue Datepicker component.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I66de9fb04451572c9a90f90d8522934b6204aed2

show more ...

Global Search component

Added global Search component to Sensors page.

Signed-off-by: Suren Neware <sneware9@in.ibm.com>
Change-Id: I3121cc4e582c782fa7e9937738cefbeddc23610e

Add batch actions and row action to Event Logs

Adds ability to export and delete event logs by row or in a
table batch action.

- Modifications to TableRowAction component to allow single
row expo

Add batch actions and row action to Event Logs

Adds ability to export and delete event logs by row or in a
table batch action.

- Modifications to TableRowAction component to allow single
row export functionality

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: Ica50dd0868ac85cc2d6925a9448858b40da9c529

show more ...

Import sass helpers to LoaderBar component

Fixes errors when trying to access Sass variables in LoaderBar
component.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I9aa4baa2c1

Import sass helpers to LoaderBar component

Fixes errors when trying to access Sass variables in LoaderBar
component.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I9aa4baa2c1725a62bdbad36a5bda342563090b0a

show more ...

Update Sass architecture to require helper imports

- Restructuring file strucure to support single file components use of
Sass variables when imported into vuepress.
- Creating a scalable file struc

Update Sass architecture to require helper imports

- Restructuring file strucure to support single file components use of
Sass variables when imported into vuepress.
- Creating a scalable file structure using Sass best practices

Tested by building and testing both the vue web ui and the
the documentation application.

Signed-off-by: Derick Montague <derick.montague@ibm.com>
Change-Id: Iddcefbf305c8dac978ee24e903df33b609e395e3

show more ...

Add export functionality to Sensors page

- Create TableToolbarExport component to be used as a slot
in TableToolbar
- Allows selected table items to be exported

Signed-off-by: Yoshie Muranaka <yo

Add export functionality to Sensors page

- Create TableToolbarExport component to be used as a slot
in TableToolbar
- Allows selected table items to be exported

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I929347e046af8a5d5188e4c4fd9fc874e067cce5

show more ...

Create LoadingBar component

Create loading bar component to indicate when page data
is 'loading'. Not every component view will need to show the
loading bar (eg Reboot BMC).
The LoadingBarMixin can

Create LoadingBar component

Create loading bar component to indicate when page data
is 'loading'. Not every component view will need to show the
loading bar (eg Reboot BMC).
The LoadingBarMixin can be imported per component as needed.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I6735be37bc0a81f5bb2b7c93fb31a0e0ef9b40d1

show more ...

Create TableFilter component

Global TableFilter component and TableFilterMixin can be used
with any table. The TableFilterMixin will return filtered
data with items that match any of the filter tags

Create TableFilter component

Global TableFilter component and TableFilterMixin can be used
with any table. The TableFilterMixin will return filtered
data with items that match any of the filter tags.

When the table search component is built, it should use the
BoostrapVue Table :filter prop.

- Filter by status added to Sensors table

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I57ebab1686b2d267383cb0e1be252627bf42c98c

show more ...

Create accessible InfoTooltip Component

Adds a global reusable component that will display
the info icon with accesible markup.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id:

Create accessible InfoTooltip Component

Adds a global reusable component that will display
the info icon with accesible markup.

Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com>
Change-Id: I5f7ee4a45e19ce851b3eff705d722517db07c0bf

show more ...