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

Rename TableDataFormatter mixin to DataFormatter

2021-09-24T19:59:31+00:00

Mixin was renamed to reflect usage on all components, not only tables. Signed-off-by: Dixsie Wolmers Change-Id: Ic962ba879fffa39b9f6f93446771fbf6f67915d0

Add quicklinks to hardware status page

2021-06-09T12:18:01+00:00

- Renames SetFocusMixin to JumpLinkMixin to better describe what the mixin is for: jump links like quick links and skip to main content - Adds scrollToOffset method to JumpLinkMixin methods to scroll to selected page elements - Scroll offset is required to show table header below the nav header - Setting focus is required for accessibility Signed-off-by: Dixsie Wolmers Change-Id: I500a2d70727c5a78aeae4a6193ba22a38e4f0b6f

Resolve bug while selecting the checkboxes

2021-05-11T13:57:25+00:00

-While selecting the checkbox in the table, user have to click twice to select the data. -The issue occured after upgrading vue-bootstrap. -vue-bootstrap community improved the code for checkbox toggling which causes the issue, openBmc code is been updated to support the new changes. Signed-off-by: Sukanya Pandey Change-Id: I0e3c3e2248c22bcf805eb6f0b73378bcf4e8ea61

Fix skip link 404 error on refresh bug

2021-02-16T21:27:55+00:00

Problem: When a user uses the skip link anchor to skip the navigation, the route was being changed to /#main-content. This route does not exist. If a user were to manually refresh the page, it would return a 404. This link is critical to meet accessibility guidelines and is needed by users that navigate with a keyboard. The challenge is that we need to mirror a full page refresh on all route changes, so we set focus on the app-header element on each route change. When we click the skip to navigation link, there should not be a route change. All we need is to set focus on the

element so that the user can tab to the first tabbable element in the main content section. Solution: - Use a native element with an attached click event handler - Prevent the default action of adding the hash to the URL - Create a global mixin to reuse for route changes and skip link activation - Emit an event that can be listened for to call the global mixin Signed-off-by: Derick Montague Change-Id: I4c2301b02f608eeb376ed2d1bd809f3d5c1bf545

Add enhancements to BVToastMixin

2021-02-16T17:31:36+00:00

Adds ability to create toasts with multi-lined body content and options to include a timestamp and application refresh action. Signed-off-by: Yoshie Muranaka Change-Id: I30b1da04a0e0b5f29a419950462d1ca35e207552

Update data option for components using Mixin data

2020-11-30T23:52:42+00:00

- Removed all the data options from all the mixins. - Updated component data property relying on data property defined in mixin. - Export data property from mixin file itself. Signed-off-by: Suren Neware Change-Id: I4aeffcb333bbaf5b78bcadd711b3169b0b4cb10e

Resolve custom-event-name-casing lint warnings

2020-11-12T20:44:36+00:00

Signed-off-by: Sukanya Pandey Change-Id: I9eea4eac3b8cacc216fc9ad1011e51622622e75f

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

Fix hardware status expand button accessiblity

2020-10-05T20:10:23+00:00

- Aria label added to provide screen readers context for button action - Title added to chevron icon to display label on hover Signed-off-by: Dixsie Wolmers Change-Id: Ib8c0cef36d7aa61e0b4b0ac7fdabffb7e8a0a17a

Add icon to the toast component

2020-09-27T16:19:14+00:00

- Add status icon to the toast component. - Add a method that return title with associated icon. Signed-off-by: Suren Neware Change-Id: Iae75e3eec7317af6b25a0ed1bfa4cc72644f7cd7