summaryrefslogtreecommitdiff
path: root/src/components/Global/TableToolbar.vue
AgeCommit message (Collapse)AuthorFilesLines
2025-03-26style: add Sass configuration for Vue 3suryav97241-6/+1
Configure sass in the vue.config.js file and remove the import of the scss file from each page. The styles are handled by the css loaderOptions in the config file. Every component and page has the appropriate style applied. The appearance adjusts to the openBmc webui in Vue 2. Change-Id: I3773c063646185b80b7bd61d05aa80a993cbd121 Signed-off-by: Surya Venkatesan <suryav@ami.com>
2024-10-03i18n, vue-router and vuex upgradeEd Tanous1-0/+2
1. Configuration of i18n legacy as false. 2. Translation function t is called using the useI18n. 3. Used the i18n.global.t() function from i18n instead of this.$t() 4. Event bus error that occurred during logout. 5. Implemented vue-router 4.4.0 and vuex upgrade to 4.1.0 Change-Id: I9464d82c76dcc1445ce271983ea3ab9d7b03d265 Signed-off-by: Surya Venkatesan <suryav@ami.com>
2024-10-03Upgrade vue3 and all dependenciesEd Tanous1-1/+6
Start the process of porting everything to Vue 3. I have most things working. npm run-scripts build works, npm install works. prettier passes. Styles load, login works, webui loads. This was primarily done using the linked documents below. It makes the following design decisions: 1. Vue is put in compat 2 mode, which allows most of the components to work as-is. 2. Bootstrap v4 is used along with bootstrap-vue to keep our components working. 3. Minor changes are made to load the latest versions of vue-router, vuex, and vue-i18n. I suspect this patchset is good enough to start with, and we can clean up the broken things one patchset at a time. The things that need to happen are: 1. Get remaining features working again. This primiarily is vue-i18n for mixins, and non vue components. This likely needs to be done by not pulling in i18n into the non vue components, then using the .Vue files to do the internationalization in the component context, NOT in the mixin context. Alternatively, we could drop MixIns alltogether. 2. Get custom styles working again. Previously, we used some path hackery in vue.config.js to optionally pre-load styles. This stops working now that we're required to @import our modules. Likely we need some rearangement of the paths such that custom styles are a complete replacement (possibly importing the original) rather than additive with overrides. That's a guess, but I don't really see anyone else doing customization the way we've defined it here. 3. Bootstrap 5 no longer requires ANY custom vue modules, as it has dropped the jquery dependency. We won't be able to pull in bootstrap 5 all at once, so pull in bootstrap 5 under an alias, like "bootstrap5" that we can optionally import 5 or 4. 4. One at a time, start porting components over to Vue3 syntax and bootstrap 5. This will be the bulk of the manual work and review. The only thing I think left is getting unit tests passing, which I commented out the pre-commit hook to make this PR. Tested: Code builds. Needs better testing. [1] https://router.vuejs.org/guide/migration/ [2] https://vue-i18n.intlify.dev/guide/migration/vue3 [3] https://vuelidate-next.netlify.app/migration_guide.html#package-name-and-imports Change-Id: I5bb3187b9efbf2e4ff63e57994bc528756e2a981 Signed-off-by: Ed Tanous <ed@tanous.net>
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-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
2020-11-13Add new transition class nameSurenNeware1-1/+2
- 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 Pandey1-2/+2
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 Montague1-9/+9
- 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-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 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-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-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-21Update use of Sass variables for better themingYoshie Muranaka1-1/+1
Use Bootstrap color functions for theme-colors and grays instead of directly referencing Sass variable to allow more flexible theming. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Id08b77ff6df3bdf99400dcdfe964853706f1070f
2020-06-26Add test hooks to event logs pageYoshie Muranaka1-0/+1
- Add data-test-id test hooks to simplify the xpath queries needed to set up automation testing - Reduce the possibility of breaking automation tests when/if pages are updated Adds test hooks to table checkboxes, batch action delete button, inline row delete button. Will add hooks to table filter dropdown separately, because the component needs refactoring. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I84fef897bbe29ea410a3b7d663828ddd7c91aa88
2020-05-05Update Sass architecture to require helper importsDerick Montague1-0/+2
- Restructuring file strucure to support single file components use of Sass variables when imported into vuepress. - Creating a scalable file structure using Sass best practices Tested by building and testing both the vue web ui and the the documentation application. Signed-off-by: Derick Montague <derick.montague@ibm.com> Change-Id: Iddcefbf305c8dac978ee24e903df33b609e395e3
2020-05-05Add export functionality to Sensors pageYoshie Muranaka1-1/+2
- Create TableToolbarExport component to be used as a slot in TableToolbar - Allows selected table items to be exported Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: I929347e046af8a5d5188e4c4fd9fc874e067cce5
2020-03-03Add translation to user management pageYoshie Muranaka1-2/+2
Updated TableToolbar component to handle label translation outside of the component which is more consistent with bootstrap table component patterns. Signed-off-by: Yoshie Muranaka <yoshiemuranaka@gmail.com> Change-Id: Ic2e75e327f6a6067905c541f9a3ea55c5d103f4b
2020-02-26Update language json structureYoshie Muranaka1-2/+2
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 Muranaka1-0/+119
- 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
generated by cgit v1.2.3 (git 2.39.0) at 2025-09-24 18:54:49 +0300