Web-based user interface built on Vue.js for managing OpenBMC systems (mirror) https://git.radix-linux.su/BMC/OpenBmc/webui-vue.git/atom?h=processor-chart 2021-12-20T02:51:41+00:00 2021-12-20T02:51:41+00:00 kennyneedsmilky kennyneedsmilky@gmail.com 2021-11-10T21:26:07+00:00 urn:sha1:14172d745cec46a6ad4cce61eb02df962eb4f309 The refresh button in the App header previously only re-rendered the main mage section, this change also refreshes the app header and main content. Signed-off-by: Kenneth Fullbright <kennyneedsmilky@gmail.com> Change-Id: Iff7f3f14bca8ddfd815ccb1b87dd182c4bfd79ba 2021-06-09T12:18:01+00:00 Dixsie Wolmers dixsie@ibm.com 2021-05-21T00:01:42+00:00 urn:sha1:dc6b3cde1a064e55560798a94deaba14247bcae4 - 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 <dixsie@ibm.com> Change-Id: I500a2d70727c5a78aeae4a6193ba22a38e4f0b6f 2021-02-16T21:27:55+00:00 Derick Montague derick.montague@ibm.com 2021-02-16T15:47:03+00:00 urn:sha1:8026797012a0cbdce357a5c47304134fec9eca73 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 <main> element so that the user can tab to the first tabbable element in the main content section. Solution: - Use a native <a> 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 <derick.montague@ibm.com> Change-Id: I4c2301b02f608eeb376ed2d1bd809f3d5c1bf545 2021-02-16T17:31:15+00:00 Yoshie Muranaka yoshiemuranaka@gmail.com 2021-02-04T19:23:03+00:00 urn:sha1:6f71284973ee2f0b35fb22fa36a1afa883a0cc7a These updates are visible with IBM dotenv variables. Updates include changes to layout and verbiage. - Added a global application refresh listener, so app refresh can be called from components outside of the application header Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I5ebe6452a0360b6cced5597b648cde33e97c5a1f 2020-12-01T01:19:33+00:00 Dixsie Wolmers dixsie@ibm.com 2020-11-16T22:46:01+00:00 urn:sha1:970ea7d7af09246294474693eca4e6d275a3e27b - Created global back to top button Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I32022613e1ba62667b46150463c8f407b0b4ff11 2020-11-03T16:47:51+00:00 Derick Montague derick.montague@ibm.com 2020-10-21T21:20:00+00:00 urn:sha1:602e98aa32f82fd3b0c3d250c7cc1f8da971db24 - 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 <derick.montague@ibm.com> Change-Id: Ie082f31c73ccbe8a60afa8f88a9ef6dbf33d9fd2 2020-10-19T14:49:33+00:00 SurenNeware sneware9@in.ibm.com 2020-10-01T04:07:32+00:00 urn:sha1:61859097d8a129de1d8292f3ebde5e9228d82838 - Add '@/' instead of '../../../' Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Ida1dc26f2bd62f38914a74b729ee8fd143c360ac 2020-07-27T13:38:28+00:00 Yoshie Muranaka yoshiemuranaka@gmail.com 2020-07-08T23:15:46+00:00 urn:sha1:d388a28b478bf0224e37e292f8bc30fabe2c7059 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 2020-05-05T05:21:52+00:00 Derick Montague derick.montague@ibm.com 2020-04-13T22:01:19+00:00 urn:sha1:408657262515e015a2964aafb8a1c76fb5259699 - 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 2020-02-19T19:17:46+00:00 Yoshie Muranaka yoshiemuranaka@gmail.com 2020-02-10T20:28:37+00:00 urn:sha1:74f8687d4ab358c071bd081b0b7709eba5a521c2 The main navigation will be collapsed until the viewport minimum width reaches the Bootstrap defined 'lg' breakpoint (defaults to 992px). - Adding motion variables and updating some CSS values to use existing Sass variables Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Id159b84da6adf55fdb15842b0e33b1ede4eeceb4