Vue Shared - Shared popover component
What does this MR do and why?
Closes #462498 (closed)
This change implements a lightweight way to include a GlPopover in a HAML file without needing to create an entire Vue app or full page migration. This will be really helpful as we implement more disabled settings with our locked settings UX guidance.
This change was heavily inspired by a similar component vue_alerts.js.
First Usage
Included with this change is also a first usage originally implemented for #421310 (closed)
Screenshots or screen recordings
| Locked Setting | Unlocked Setting |
|---|---|
| Screen_Recording_2024-05-31_at_12.21.41_PM |  |
How to set up and validate locally
- License your GDK to Premium+
- Enable feature flag disallow_private_profiles
- Go to Admin -> Settings -> General
- Expand Account and limit (2nd collapsable) and scroll to the bottom section of that panel
- Disable or Enable
Allow users to make their profiles privatecheckbox and save - Important: Sometimes when toggling settings in the GDK there is a delay, restarting your GDK here may help
- Impersonate a non-admin user
- Click your profile image in the sidebar and click Edit profile
- Scroll to bottom and find Private profile section
- Ensure the checkbox either works or is disabled with a popover on the lock icon depending on the setting you chose in the admin
Edited by Zack Cuddy