Consider converting HAML user callouts/alerts to Vue

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Summary

Callouts defined in app/views/layouts/_page.html.haml could be converted to Vue using app/assets/javascripts/vue_shared/components/dismissible_alert.vue and app/assets/javascripts/vue_shared/components/dismissible_container.vue

One Vue app could be mounted in app/views/layouts/_page.html.haml. From that Vue app multiple alerts could be added.

Improvements

  • Improve consistency by using GlAlert

Risks

Minimal

  • Will have to be carful to capture all functionality
  • Any corresponding feature specs will have to use :js which makes them slower

Involved components

  • app/views/shared/_outdated_browser.html.haml
  • ee/app/views/layouts/header/_licensed_user_count_threshold.html.haml
  • ee/app/views/layouts/header/_token_expiry_notification.html.haml
  • app/views/layouts/_broadcast.html.haml
  • app/views/layouts/header/_read_only_banner.html.haml
  • app/views/layouts/nav/_classification_level_banner.html.haml
  • app/views/shared/_ping_consent.html.haml
  • app/views/shared/_check_recovery_settings.html.haml
  • ee/app/views/layouts/header/_ee_subscribable_banner.html.haml
  • ee/app/views/shared/_namespace_storage_limit_alert.html.haml
  • app/views/layouts/header/_registration_enabled_callout.html.haml
Edited by 🤖 GitLab Bot 🤖