[Remove Vuetify from Studio] Add / remove admin privileges dialogs #5469
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes #5441
Summary
This PR refactors the User Privilege Modal to remove dependency on Vuetify (
v-dialog
,v-form
, etc.) and migrate it to use Kolibri Design System (KDS) components such asKModal
,KTextbox
, andKButton
.v-dialog
withKModal
for modal rendering.v-form
in favor ofgenerateFormMixin
for validation handling.Add/Remove privilege
,Cancel
) to work with KDS event handling (@submit
,@cancel
).confirmAction
,close
,onSubmit
) and state management remain functional.Manual Verification
Opened the User Privilege Modal in the Admin > Users section.
Verified that:
generateFormMixin
.Screenshots:
(Already included above 👆)
References
Related issue: Refactor Vuetify usage in user privilege modal to KDS equivalents ([Remove Vuetify from Studio] Add / remove admin privileges dialogs #5441 )([Remove Vuetify from Studio] Add / remove admin privileges dialogs #5441)
Internal discussion: Migration to KDS components and removal of Vuetify dependencies
Component references:
kolibri-design-system
v5.2.2vue
v2.7.16Reviewer Guidance
To test these changes:
Navigate to the User Management section in the app.
Open a user’s privilege modal.
Verify:
Ensure no UI regressions or console errors occur.