summaryrefslogtreecommitdiff
path: root/src/components/Mixins
AgeCommit message (Collapse)AuthorFilesLines
2021-09-24Rename TableDataFormatter mixin to DataFormatterDixsie Wolmers1-4/+4
Mixin was renamed to reflect usage on all components, not only tables. Signed-off-by: Dixsie Wolmers <dixsie@ibm.com> Change-Id: Ic962ba879fffa39b9f6f93446771fbf6f67915d0
2021-06-09Add quicklinks to hardware status pageDixsie Wolmers2-12/+27
- 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-05-11Resolve bug while selecting the checkboxesSukanya Pandey1-3/+3
-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 <sukapan1@in.ibm.com> Change-Id: I0e3c3e2248c22bcf805eb6f0b73378bcf4e8ea61
2021-02-17Fix skip link 404 error on refresh bugDerick Montague1-0/+12
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-16Add enhancements to BVToastMixinYoshie Muranaka1-35/+91
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 <yoshiemuranaka@gmail.com> Change-Id: I30b1da04a0e0b5f29a419950462d1ca35e207552
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-12Resolve custom-event-name-casing lint warningsSukanya Pandey1-3/+3
Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com> Change-Id: I9eea4eac3b8cacc216fc9ad1011e51622622e75f
2020-11-03Update linting packages to use latestDerick Montague11-41/+41
- 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-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-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-24Add table search filter clear buttonDixsie Wolmers1-0/+17
- 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-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-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-17Refactor global TableFilter component and mixinYoshie Muranaka1-5/+11
Add key property to TableFilter component to make sure filtering is based on specific row property. Previously, the table filter was checking all row properties for matches. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I589886a0d487ac3ab8def585cc7286e61992afdb
2020-06-26Update Sensors page to use table mixinsYoshie Muranaka1-0/+2
- Add number formatting to TableDataFormatter mixin - Use TableDataFormatter mixin to show different status icons for sensor status (OK, Warning, Critical) - Use TableSortMixin to sort by status (OK, Warning, Critical) Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I99899bbc19db3529f0fdfe34be30b09d41456b42
2020-06-18Update TableDataFormatter filenameYoshie Muranaka1-2/+2
Changed TableDataFormatter to TableDataFormatterMixin to be consistent with other Mixin files. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Iae6528deda3099cf730150164739ee2fb64bbfe3
2020-06-18Add BMC manager table to hardware status pageYoshie Muranaka1-0/+3
Add properties at /redfish/v1/Managers/bmc endpoint in a table with expandable row to view details. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ieb32a9b2a535ddd7d24edcb68761c51eace2e5a8
2020-06-18Add DIMM slot table to hardware status pageYoshie Muranaka1-1/+1
Add items at /redfish/v1/Systems/system/Memory endpoint to DIMM slot table. The table is sortable and has a row expansion to view details. The code is currently missing most properties needed to match the design. This table will need to be revisited when all properties are available. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I07cacf3403fe84431cb9fe0e4315069fc7baf27d
2020-06-17Add power supplies table to hardware status pageYoshie Muranaka1-0/+11
Adds items at /redfish/v1/Chassis/chassis/Power endpoint in Power supplies table. Table is sortable and has a row expansion to view details. - Table sort mixin to reuse sort method for status values Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ib2953ad06be3fa25e9dbbbed34e37d09154431f5
2020-06-17Add Hardware status page and system tableYoshie Muranaka1-0/+25
Adds ability to see system information in table format with a row expansion details view. Modified tables styles to add table borders. Created global mixin for table data formatting: - Show '--' for undefined or empty string values - Map Redfish health status options to status-icon values Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I5b45c37997647f5a265c1e84eb53f0b51699ee20
2020-06-13Add date filter on Event logs pageYoshie Muranaka1-0/+19
Created global TableDateFilter component that uses the BootstrapVue Datepicker with a native text input. This will allow users to manually enter a date in ISO format or use the Bootstrap calendar dropdown. Storing language preference from Login to use locale prop on BootstrapVue Datepicker component. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I66de9fb04451572c9a90f90d8522934b6204aed2
2020-06-10Add pagination to Event Log tableYoshie Muranaka1-0/+37
Created BvPaginationMixin for shared pagination values and methods. Chose to use exising BoostrapVue components as-is instead of wrapping in a custom component since it would add unnecessary complexity. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I246d761d90db36efeb442b0ee1074b629d32edef
2020-05-01Create LoadingBar componentYoshie Muranaka1-0/+15
Create loading bar component to indicate when page data is 'loading'. Not every component view will need to show the loading bar (eg Reboot BMC). The LoadingBarMixin can be imported per component as needed. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I6735be37bc0a81f5bb2b7c93fb31a0e0ef9b40d1
2020-04-21Create TableFilter componentYoshie Muranaka1-0/+23
Global TableFilter component and TableFilterMixin can be used with any table. The TableFilterMixin will return filtered data with items that match any of the filter tags. When the table search component is built, it should use the BoostrapVue Table :filter prop. - Filter by status added to Sensors table Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I57ebab1686b2d267383cb0e1be252627bf42c98c
2020-03-20Add toast component documentationDerick Montague1-0/+9
- Add documentation that describes when and how to use a toast message with code snippets - Add an informational toast method in the BVToastMixin - Add BVToastMixin to enhaceApp to register mixin globally. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: I89bf2aa8b3fdb9294354a80c98ccf692b6e3615a
2020-02-26Update language json structureYoshie Muranaka1-3/+3
Restructure language file to use consistent pattern across pages following loose guidelines. - Create buckets for common global labels - Create common component objects–appHeader, appNavigation, appPageTitle - Page specific labels should be nested in an object with a key prefixed with 'page' followed by the page title - Any 'major' child components should be nested inside page specific objects - Avoid any complex linked locale messages - Alphabetize object keys, alphabetize nested properties at end of object block Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ie4222b3ce24dec7af31b55b5a77425ca2f492789
2020-02-22Add batch actions to local user tableYoshie Muranaka2-4/+59
- Create TableToolbar component for table batch actions - Added Toast warning type and toast title message translations - Update vue-i18n package to latest v8.15.3 to use improved pluarlization features Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I455beba4f56b8209b1201bbc5ff3f616e960d189
2020-02-13Add toast component interactionsYoshie Muranaka1-0/+24
Include boostrap toast component to communicate success and error requests on the local user management page. - Created BVToastMixin to share initialization options - Used async/await pattern to make sure toasts are shown after asynchronous calls are complete - Followed current AngularJS pattern of manual dismiss for error toast and automatic dismiss for success toast Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I5d5c037b5f41781972106fb5e9a2096cc72c39ab
2020-01-31Update local user layout and stylesYoshie Muranaka1-0/+10
Resubmitting after reverted–original commit here https://gerrit.openbmc-project.xyz/c/openbmc/webui-vue/+/28790 - Add BVConfig plugin to modify boostrap component defaults - Add vuelidate - Add package and basic validations to user form - Add all user form validations - Add checks for edit user - Create VuelidateMixin for shared methods - Update Login to use Vuelidate Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Ib50ee4d1fb5f14637c9460e77f0682869a86ac8a
generated by cgit v1.2.3 (git 2.39.0) at 2024-07-01 14:00:42 +0300