BMC/OpenBmc/webui-vue.git/src/components/Global/StatusIcon.vue, branch processor-chart

Update linting packages to use latest

2020-11-03T16:47:51+00:00

- 99% of changes were small syntax changes that were changed by the lint command. There were a couple of small manual changes to meet the property order patterns established as part of the vue:recommended guidelines. There are rules that were set from errors to warnings and new stories are being opened to address those issues. Testing: - Successfully ran npm run serve - Successfully ran npm run lint - Verified functionality works as expected, e.g. success and failure use cases - Resolved any JavaScript errors thrown to the console Signed-off-by: Derick Montague Change-Id: Ie082f31c73ccbe8a60afa8f88a9ef6dbf33d9fd2

Resolve Content-Security-Policy error

2020-10-22T21:13:55+00:00

In Firefox there was an no unsafe eval error which was caused when users had the vue dev tools extenstion installed and enabled. The other issue was the loading of a resrouce at inline (style-src) which was caused by the SVG icons coming from the Carbon icons vue library. - Updated the Carbon icons to the latest version to resolve the CSP issue. - Remove chainwebpack option only used for prefecth as this is not needed. Originally this was an issue when using code splitting. Changing how we import views for routes and creating a single bundle removes the need for this option. - Update how fill color is applied to StatusIcon component. The Carbon icons update results in adding the fill property to the svg container does not cascade resulting in all icons rendering as their default fill color. GitHub Issue: https://github.com/openbmc/webui-vue/issues/32 Signed-off-by: Derick Montague Change-Id: I4846f80c993c129d5e88fceda13d53fab51d7c8a

Add info icon for informational alert

2020-08-11T21:40:22+00:00

-Add new style carbon icon for informational alert -Change alert icon position from center to top Signed-off-by: Suren Neware Change-Id: If32d712db16472ce9a78e04e5871d0b799bb5895

Add ability to customize theme styles

2020-07-27T13:38:28+00:00

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 Change-Id: Iaf7a59c24fda06a7b74e23f2f042fb3300cb2056

Add the updated icons for critical and export

2020-07-22T23:07:08+00:00

-the critical icon in the header and tables. -the export icon in the event log page. Signed-off-by: Sukanya Pandey Change-Id: I5b3beedb8339ba6e6bbd34b43ea7698fc44f9e42

Update Sass architecture to require helper imports

2020-05-05T05:21:52+00:00

- 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 Change-Id: Iddcefbf305c8dac978ee24e903df33b609e395e3

Add alert message component and documentation

2020-03-20T18:26:45+00:00

- Add custom alert component to simplify the use of custom alerts - Add documentation for using the custom alert - Update the login error alert to use the alert component instead of the Bootstrap-vue component. - Register alert component in enhanceApp - Replace Sass variables used in the StatusIcon component style block to use the Boostrap theme-color and gray Sass functions so the colors can be used in the Vuepress documentation custom components Signed-off-by: Derick Montague Change-Id: Ibd93402c919a42bd5c24cc9e7c6c8fc6f17a4db4

Remove unused colors from color palette

2020-03-10T19:50:53+00:00

The color palette has been stripped down to a maximum of two colors shades per palette. This works for our design since components use a base color with a lighter color as an accent color. This change reduces the amount of CSS generated by Bootstrap when the CSS is compiled. Github Story: https://github.com/openbmc/webui-vue/issues/2 Signed-off-by: Derick Montague Change-Id: I2ddb37f5c89c749a7303799c6f7499ddd83d5a92

Add Health status to app header

2020-02-17T18:48:43+00:00

Added logging path and interface to websocket subscription data filter, to dynamically indicate Health status in the app header. - Update OverviewEvents to use highPriorityEvents data - Refactor EventLogStore Signed-off-by: Yoshie Muranaka Change-Id: I35ad30b005c70625a5f6a69488d45db0fa049374

Change eslint rules to use vue recommended

2020-01-30T23:06:25+00:00

Resubmitting after reverted–original commit here https://gerrit.openbmc-project.xyz/c/openbmc/webui-vue/+/28763/7 - Ran npm run lint - Resolved eslint issues Signed-off-by: Derick Montague Change-Id: I2b8b9244acddd483d0a72f9a5d156a79de9869a0