Tabs > HAML > Migrate app/views/shared/_event_filter.html.haml to GlTabs

Migrate app/views/shared/_event_filter.html.haml to GlTabs

These tabs interactivity is provided by app/assets/javascripts/activities.js, they are used in (at least) the following pages:

  • app/views/projects/_activity.html.haml (e.g. http://gdk.test:3000/h5bp/html5-boilerplate/activity)
  • app/views/dashboard/_activities.html.haml (e.g. http://gdk.test:3000/dashboard/activity)
  • app/views/groups/_activities.html.haml (e.g. http://gdk.test:3000/groups/h5bp/-/activity)

Because those are scrollable tabs, the recommendation is to either:

  • Migrate to the gl_tabs_nav helper and the ad-hoc scrollable behavior (a combination of !81254 (merged) and !114758 (merged)).
  • Migrate to a full-blown Vue app consuming GlTabs directly. Here's an example implementation: !77653 (merged).
Edited Feb 05, 2024 by Paul Gascou-Vaillancourt
Assignee Loading
Time tracking Loading