summaryrefslogtreecommitdiff
path: root/src/components/Global
AgeCommit message (Collapse)AuthorFilesLines
2024-03-05Reformat files with new linterEd Tanous3-4/+7
All changes should be whitespace, and were done using npm run-script lint. Change-Id: I943c6b435c5c872841af5affc1e89910468b5ca6 Signed-off-by: Ed Tanous <ed@tanous.net>
2023-03-15Fix pre commit script breakkirankumarb071-11/+13
There is no validation handle before checking the page title name from the router. Which causes the pre-commit script to through error. This patch set will handle this scenario and fix the break. Change-Id: I5aed3bfeba643c2eb2b2753bf8f6d984b5100361 Signed-off-by: Kirankumar Ballapalli <kirankumarb@ami.com>
2023-02-13Page heading do not translated on language changekirankumarb071-0/+15
Log in and log out of the application, change the language, and login to the application. The heading and title are in the previous language translation is handled in the router, and the languages are selected after the router has rendered.The page title and heading translation are handled after the language is selected. Change-Id: Iba42fe3a535fe0b402f551c3f43e19d5ff12181d Signed-off-by: Kirankumar Ballapalli <kirankumarb@ami.com>
2021-08-16Resolve the download bug on postcode logs pageSandeepa Singh1-3/+9
The design has been updated to hide the download button when the key 'AdditionalDataURI' is not present in the redfish API response. Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com> Change-Id: If78968ad72e62348b4b81967a3b61c2af53fa020
2021-07-21Add POST code logs pageSandeepa Singh1-0/+16
This page will be included in the Health section of the primary navigation. The user will be able to export and download POST code logs. Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com> Change-Id: I26cf1e01bfdfcf298f24f2c7dd9633ab7d31f1b5
2021-06-29Increase the filter menu marginsSandeepa Singh1-1/+3
This will increase readability of filter menu options, by preventing the wrapping up of long options/labels. Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com> Change-Id: I75199b7608b5aeed067530e374e45750e26bb6eb
2021-06-09Add quicklinks to hardware status pageDixsie Wolmers1-2/+2
- 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-06-09Add event log resolve and unresolve log functionalityDixsie Wolmers1-1/+1
Displays resolved or unresolved status, adds ability to filter by resolved or unresolved, and adds ability to resolve or unresolve one or more logs. Move event type table field to expanded row. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ie5761753a7660a714f98c238d8d89aa018719dcf
2021-05-25Add dividers between table batch action buttonsSneha Patel1-0/+20
Signed-off-by: Sneha Patel <Snehaben.Patel@ibm.com> Change-Id: I54ddce13b1fc02138f42141c636453f499d35b96
2021-02-17Fix skip link 404 error on refresh bugDerick Montague1-1/+13
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-10Update FormFile component button styleYoshie Muranaka1-1/+23
Default file upload button will be secondary, with the ability to optionally pass 'primary' variant as a prop. Added correct disabled button styles to the SFC scoped styles. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Idacb84a9298db0d5bce727f20842d2a1a15b7448
2021-01-27Fixed icon or text only button accessibilitySurenNeware6-10/+17
- Add sr-only element to icon only buttons - Removed title from text only buttons Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Ica57dec70401c04a9d7506306a406fe394e52113
2021-01-23Add disabled class to FormFile componentYoshie Muranaka1-2/+6
Passing disabled prop to button and span so file upload button can visually reflect a disabled form control state. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I78f2db521c4f4016e7e2aa92e5a56bc4f9170fe0
2021-01-20Add ability to downlad dumpYoshie Muranaka1-0/+16
- Adds download row action in bmc dumps table - Adds new rowAction download type to support <a> tag with download attribute Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I97fd70e6a6783d4336ca1a8486cf1cd3062ebb5d
2021-01-08Fix input icon being hidden on input focusDerick Montague1-2/+1
Both the datepicker and password fields have an assoicated icon. When the input element receives focus the associated icons are hidden. This is caused by a z-index issue and was a bug created when fixing another bug that caused the datepicker icon from rendering above the table batch actions toolbar. Both bugs have been resolved with this patchset. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: If923cd5bc6a076b01efa44492f717b78fb6584ca
2021-01-07Add test case for input password toggle componentSukanya Pandey1-1/+1
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I00e3fc12a58d644d0aad3c0caf4a94d2ed435109
2021-01-05Update class name and improve transitionDerick Montague1-4/+7
The class name showBtn uses a camelCase naming convention and CSS selector names use the kebab-case naming convention. The z-index solution is not needed if we hide the element with visibility. Using both opacity and visibility allows the transition to be elegant. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ie555f958daaadd2bc3a3777b6c2bc7d5e83a0cc5
2021-01-05Fixed Back to top button appearance issueSurenNeware1-1/+2
- Changed back to top button style when its getting disappear. - So that button should not come over the page contents. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I0a013c2bcdd291edd9f52566130882360451a280
2020-12-02Add alignment on Event Logs pageSurenNeware2-2/+3
- Align table search, count and date components on Event Logs page. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Id681d50f57a6fca86b8d8ba57f8e3420c1a0e56e
2020-12-01Add back to top button to hardware status pageDixsie Wolmers1-0/+64
- Created global back to top button Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I32022613e1ba62667b46150463c8f407b0b4ff11
2020-11-25Add datepicker labelDixsie Wolmers1-3/+7
Span with sr-only class added to date picker button to implicity add label. The bootstrap vue datepicker component does not have an accessibility prop for the button inside the datepicker wrapper. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I6fd3e55b865343769d6c0a179ae4c5d8c1038ffb
2020-11-25Fix TableFilter componentYoshie Muranaka1-36/+17
Updates to the event values passed by BootstrapVue checkbox components required changes to the custom component. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic6b1f3c22ff4c056b11a572777fc2f589f121676
2020-11-23Add new style for form file componentSurenNeware1-0/+90
- Now only add file button will be visible. - And selected file name will come down to the button. - Changed form file component from custom type to plain. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Ib59135691495c4dddfdbbae0e4228b55cdfda2a8
2020-11-13Align button iconsDixsie Wolmers5-81/+62
- Fixes button icon and text alignment - App header buttons to be addressed separately - Button documentation will be addressed in separate commit - Aligns form input buttons: datepicker, clear search, and password toggle - Moves title from icon to button for icon only buttons - Aligns validation icon with form input buttons Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ie28d7d7dd7303ab6bf1897d1fa569e1580cc2f9d
2020-11-13Add new transition class nameSurenNeware2-2/+5
- Modified transition class name needed for vue3. - Add comment for vue version based classes. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I3578ca7c45e71326e38888412a4f36c266b005a0
2020-11-12Resolve custom-event-name-casing lint warningsSukanya Pandey5-9/+9
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I9eea4eac3b8cacc216fc9ad1011e51622622e75f
2020-11-03Fix eslint no-prototype-builtins errorsYoshie Muranaka1-1/+2
Made updates to TableToolbar, ModalAddRoleGroup, and ModalUploadCertificate components. https://eslint.org/docs/rules/no-prototype-builtins Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic143cd244b288bc089a9416699d7c3d4349a500c
2020-11-03Update linting packages to use latestDerick Montague15-101/+95
- 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-23Resolve Content-Security-Policy errorDerick Montague1-9/+11
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 <derick.montague@ibm.com> Change-Id: I4846f80c993c129d5e88fceda13d53fab51d7c8a
2020-10-19Update relative path imports to use '@' aliasSurenNeware1-1/+1
- Add '@/' instead of '../../../' Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Ida1dc26f2bd62f38914a74b729ee8fd143c360ac
2020-10-14Add custom IBM progress loading barDixsie Wolmers1-2/+2
- Current out of the box bootstrap did not meet IBM style guide - Custom gradient and animation added to loading bar to indicate progress Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I9d12c1709e7e344545a7ecfd211db0507fd40794
2020-10-09Fix "Export" button height on hoverMichalX Szopinski1-3/+4
Details: https://github.com/openbmc/webui-vue/issues/38 Signed-off-by: MichalX Szopinski <michalx.szopinski@intel.com> Change-Id: I956938186fa06b9670cb716979572a3b8d6a1b6a
2020-10-07Add new style guide to global button styleSurenNeware2-13/+3
- Updated new style guide for Primary, Secondary and Link button variants - Changed box-shadow style from outer to inside on focus and active state - Updated font weight from bold to regular for normal buttons and font weight bold for link button. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I38ca94baa9daec3fd03b830fc7b6d676fcce15b0
2020-10-05Update class to make event logs filter responsiveSurenNeware1-2/+2
- For small viewports updated class to make event logs filter responsive. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I95ff82c0b4765815f70467b5ca748dcc3043d35d
2020-09-25Move translation into routes fileYoshie Muranaka1-1/+1
- Added intial application load document title update with created hook Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I73d18ed4a56bd04601fa7382c2d6c2ec504b03f5
2020-09-24Add table search filter clear buttonDixsie Wolmers1-2/+31
- Adds ability to quickly clear a table input search field - Uses similar styling to password toggle icon and datepicker - Button style to be addressed in separate commit to match style guide Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I18f2e01c28c00c7e7b2ad1af924070241caf36a5
2020-09-22Show total and filtered number of items in a tableSukanya Pandey1-0/+35
-The total number of items and the filtered items will be shown in the EventLogs, Sensors and HardwareStatus table. Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I0ee6410bf675038a350a71a02ec076f9e8baf004
2020-09-09Add title attribute to all icon only buttonsDixsie Wolmers2-4/+18
- Title attribute allows action text to be displayed on hover - Carets in hardware status table will be addressed in a separate commit as part of Hardware status accessibility updates Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I58a85b6d244d1125f0b43c22d0bb456a36815097
2020-09-01Increase the global margin size for page sectionSurenNeware1-7/+1
- Increase the global margin bottom size to 4rem for the page section. - Kept same size for responsive sizes. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I155006a0ea9a7f6fd947d6daaea4510cadf641db
2020-08-28Add Intel themeMateusz Gapski1-0/+3
Add Intel fonts, colours Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: Idbfa1422f2667515efb60e24f9a84b7d77d11fcd
2020-08-26Update page section heading to match style guideDixsie Wolmers1-1/+0
- Removes partial border below section heading Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ica98d171c16ebc694e0c8c816a161f94425a33b9
2020-08-18Add form input field validation iconsDixsie Wolmers2-10/+3
Updates form validation to match updated style guide: - Datepicker and password toggle form field padding adjusted to accomodate validation icons - Valid form validation icon is hidden - Adds carbon icons and enables validation icons in IBM environment Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I7edff1e9527ad2c2cfec236daacb83ad4864d785
2020-08-12Add info icon for informational alertSurenNeware2-5/+21
-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
2020-08-12Add secondary variant to cancel buttonSurenNeware1-15/+1
-Update cancel button in table toolbar to match updates in style guide. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I43554a405259931c5e9187968464d286bfe811c7
2020-07-27Add ability to customize theme stylesYoshie Muranaka9-18/+0
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-07-24Add table responsive layout and fix search icon visibilitySurenNeware1-0/+1
-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
2020-07-23Update global typographyDixsie Wolmers3-8/+1
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
2020-07-23Overlapping search box and toolbar with selected rowsMateusz Gapski1-0/+1
More details: https://github.com/openbmc/webui-vue/issues/19 Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: I6c84f979baa1d381c8ae62781a2607d3de63169a
2020-07-23Add the updated icons for critical and exportSukanya Pandey1-2/+3
-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
2020-07-23Fix browser warning of non-unique id on Hardware pageYoshie Muranaka1-3/+4
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
generated by cgit v1.2.3 (git 2.39.0) at 2024-06-26 18:43:39 +0300