summaryrefslogtreecommitdiff
path: root/src/components/Global
AgeCommit message (Collapse)AuthorFilesLines
2022-06-29fix virtual mediaVitalii Lysak1-0/+6
2022-06-21fix BMC configuration, add global table stylesMaksim Zakharov2-2/+2
2022-06-20fix PageTitle, VirtualMediaMaksim Zakharov1-1/+6
2022-06-20fix Modals, Tables and Pages: event logs, inventoty, post logs, operttions, ↵Maksim Zakharov7-36/+63
global styles
2022-06-10Fix inventory pageAnna Tsyganova2-7/+23
Id task: SILABMC-155
2022-06-07Delete main-container, add global scroll to pages, add global style for logs.Maksim Zakharov1-2/+1
2022-06-01Add PopoverSlot restyled DateTime and ServerPowerOrerations pages add reload ↵Maksim Zakharov7-98/+291
BMC.
2022-05-24Add global popovers. Add pages: pci, adapters, raid, drivers, virtual ↵Maksim Zakharov7-19/+435
drivers. Fix: analytical pannel, bmc-settings popovers. fix global styles
2022-05-24Add depend: highcarts. Pages: power, analytical motherboard, memory, fans, ↵Maksim Zakharov11-25/+981
event logs, Fix styles, add global components.
2022-05-23Add pages: BMC, Ipv4/6, console settings. Fix routes: add console mixin, ↵Maksim Zakharov4-19/+323
disable fullscreen console, add global styles.
2022-04-28restyled login pageMaksim Zakharov1-2/+24
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