summaryrefslogtreecommitdiff
path: root/src/components/Global/TableDateFilter.vue
AgeCommit message (Collapse)AuthorFilesLines
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-13Align button iconsDixsie Wolmers1-52/+40
- 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-03Update linting packages to use latestDerick Montague1-14/+14
- 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-07Add new style guide to global button styleSurenNeware1-2/+2
- 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-09Add title attribute to all icon only buttonsDixsie Wolmers1-2/+8
- 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-08-18Add form input field validation iconsDixsie Wolmers1-9/+2
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-07-27Add ability to customize theme stylesYoshie Muranaka1-2/+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-06-13Add date filter on Event logs pageYoshie Muranaka1-0/+176
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