summaryrefslogtreecommitdiff
path: root/src/components
AgeCommit message (Collapse)AuthorFilesLines
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-16Show asset name in the app headerSukanya Pandey1-1/+15
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: If5394604d6c91b3604eaadb33178376fe6da672c
2020-12-16Add client sessions pageSukanya Pandey1-0/+5
- This page will show the list of sessions that are currently connected to the BMC. APIs used: - To get all the sessions API used is `/redfish/v1/SessionService/Sessions` - To delete the sessions API used is `/redfish/v1/SessionService/Sessions/<session id>` Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: Ia81f62cbbea749809b9b7f7e62356cfe2db7fc18
2020-12-16Add security settings pageDixsie Wolmers1-0/+5
Adds ability to enable/disable: - SSH protocol - IPMI protocol Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I2430a46343dd8756ef75fcc3cb068df8d51dd415
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-12-01Update data option for components using Mixin dataSurenNeware5-50/+36
- 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 <sneware9@in.ibm.com> Change-Id: I4aeffcb333bbaf5b78bcadd711b3169b0b4cb10e
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-13Add SNMP settings route to app navigationYoshie Muranaka1-1/+1
Adding a router "to" value so the SNMP settings navigation item can be redirected to the 404 page instead of refreshing the app. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I6e87e2bf6d3682fa0f380a852a555b389132f86f
2020-11-13Align button iconsDixsie Wolmers6-81/+63
- 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 nameSurenNeware3-3/+7
- 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 Pandey8-16/+16
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 Montague29-186/+180
- 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-30Fix app nav focus state on current linkDerick Montague1-13/+9
- Removed :active psuedo-elements that were overriding default states - Removed use of specific colors in place of theme-color or theme-color-level to improve theming scalability - Moved outline declaration to the primary :focus pseudo-element Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I2af984fd1b29ed21d9278f5ad65dc563c81afc29
2020-10-29Update button focus state for small screenDerick Montague1-8/+10
The focus state uses the box-shadow and two inset values. The first should match the background of the button or link container. The second is the actual color of the outline focus state. On smaller viewports, the menu stacks and is a different color. - Add mixin with optional color param for setting the color of the inset box-shadow that matches the container's background color - Add a focus state for the helper-menu at the smaller breakpoint - Remove the multiple :focus pseudo-selector declarations that remove the outline and set it when we set the initial focus state Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I8eb046f892b395baba41dd62460d2a771bd1f92a
2020-10-23Add style to left sidebar and app headerSurenNeware2-28/+70
- Updated hover, active and focus state for left sidebar menu items. - Add style guide for top header navigation. - Add new white color logo. - Add focus and active state to current menu item. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Ib97df4efda216f653ce0415c3f3ae9ae75bcb9cd
2020-10-23Add support for mutual TLSYoshie Muranaka1-0/+3
Adding check for 'IsAuthenticated' cookie in AuthenticationStore and adding a check in created hook for AppHeader component because it is visible on all authenticated pages. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic558c9c45fd3f5874c8c516cb6bc005cba4946e2
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-21Show error toast notification on unauthorized accessSukanya Pandey1-0/+15
-When 403 status code which is an unauthorized access occured -show error toast notification. Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I55fa7052073f87f28c3584b68fd4e84247a4237e
2020-10-19Add comments for imports that support dotenvYoshie Muranaka1-0/+3
We have set up exact match resolve aliases to support different dotenv build customizations. Added comments to the imports that should not be changed. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ie371b42ec35f876ccb89ef976f7126d5234a1b47
2020-10-19Update relative path imports to use '@' aliasSurenNeware2-3/+3
- Add '@/' instead of '../../../' Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Ida1dc26f2bd62f38914a74b729ee8fd143c360ac
2020-10-16Add title attribute to header actionsSurenNeware1-6/+11
- Add title attrbute to refresh and avatar icons in app header. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: I89629548ecf5141e3c168fe7b5e1a60d1f86620c
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-05Fix hardware status expand button accessiblityDixsie Wolmers1-0/+17
- 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 <dixsie@ibm.com> Change-Id: Ib8c0cef36d7aa61e0b4b0ac7fdabffb7e8a0a17a
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-28Fix duplicate nav itemYoshie Muranaka1-1/+1
There are two "Configuration" nav items in the primary app nav. Changed the second one to "Access control" Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I5de41892ec3f675c7cb98b1600d77f0342723d57
2020-09-27Add icon to the toast componentSurenNeware1-6/+21
- Add status icon to the toast component. - Add a method that return title with associated icon. Signed-off-by: Suren Neware <sneware9@in.ibm.com> Change-Id: Iae75e3eec7317af6b25a0ed1bfa4cc72644f7cd7
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 Wolmers2-2/+48
- 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-15Refactor navigation componentYoshie Muranaka2-168/+179
We are anticipating necessary customizations to the app navigation for different environments. This refactoring will allow for a more programmatic approach. By abstracting the navigation into a JS object we can leverage the Vue mixin to isolate customizations while sharing a standard template and styles. There may be slight changes to data-test-id-* hooks. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I0d095acfee29cfdd4ce1094b860d754f45dc6db9
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 VirtualMedia pageMateusz Gapski1-0/+3
More info: https://github.com/openbmc/webui-vue/issues/7 Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: I68f2074e77301c68c425f1e661988c751224b713
2020-08-28Add Intel themeMateusz Gapski2-5/+5
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-25Add link to header logoDixsie Wolmers1-5/+7
- Adds link to app header logo that will redirect to overview Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ia17356ee89d732c30d681754d1c9c26c0ea6481b
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-14Remove date bug in event logs pageSukanya Pandey1-5/+15
- Before this commit the filtering on date for offset timing wasnt working. -After this commit the filtering on date for UTC as well for offset is working as expected. Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: Ib627ce944c269dfe52b2ac4fd5670786ec05bb1f
2020-08-13Add Firmware pageYoshie Muranaka1-1/+1
Adds ability to upload a fimware image by local workstation or TFTP. Also adds ability to reboot BMC from the backup image. - Add route definition, component view, and store for Firmware page - Get ActiveSoftwareImage location at /redfish/v1/Managers/bmc - Get backup by checking for an image id that is not the same as the active image /redfish/v1/UpdateService/FirmwareInventory - Switch running firmware image by making PATCH request to /redfish/v1/Managers/bmc Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I04450e5a170d374122908c4c0349ba3b6e93ed2c
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-08-07Update Date and Time Settings to include UTC/offset labelDixsie Wolmers1-0/+14
Label updates allow the user to easily understand the expectation for entering time by using specific label text for "24 hour time" and removing parenthesis from the helper text as parenthesis are not needed to in the input field. UTC/offset is displayed based on user preference. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: I41f98d9d16f0a4a81af39ce9b25768a1c0b89f08
2020-07-29Disable elements on page during loadingMateusz Gapski1-0/+7
Pages: Network settings, Date and time, LDAP, Manage power usage More details: https://github.com/openbmc/webui-vue/issues/15 Signed-off-by: Mateusz Gapski <mateuszx.gapski@intel.com> Change-Id: I02c5aaff180a4ce445b7135403a169a8db3704da
2020-07-28Update Interface colorsDixsie Wolmers1-1/+1
Components affected by style guide gray pallete changes were updated from gray200 to gray100. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ib5b2cca55f2c7d1d6be49e8e64a10db6ef5e4524