Commit b7944dc3 authored by Mark Florian's avatar Mark Florian

Migrate background migrations tabs to gl_tabs_nav

A late addition to https://gitlab.com/groups/gitlab-org/-/epics/7078.
parent 2a00d8ea
- page_title _('Background Migrations') - page_title _('Background Migrations')
.tabs.gl-tabs = gl_tabs_nav do
%div = gl_tab_link_to admin_background_migrations_path, item_active: @current_tab == 'queued' do
%ul.nav.gl-tabs-nav{ role: 'tablist' }
- active_tab_classes = ['gl-tab-nav-item-active', 'gl-tab-nav-item-active-indigo']
%li.nav-item{ role: 'presentation' }
%a.nav-link.gl-tab-nav-item{ href: admin_background_migrations_path, class: (active_tab_classes if @current_tab == 'queued'), role: 'tab' }
= _('Queued') = _('Queued')
= gl_tab_counter_badge limited_counter_with_delimiter(@relations_by_tab['queued']) = gl_tab_counter_badge limited_counter_with_delimiter(@relations_by_tab['queued'])
%li.nav-item{ role: 'presentation' } = gl_tab_link_to admin_background_migrations_path(tab: 'failed'), item_active: @current_tab == 'failed' do
%a.nav-link.gl-tab-nav-item{ href: admin_background_migrations_path(tab: 'failed'), class: (active_tab_classes if @current_tab == 'failed'), role: 'tab' }
= _('Failed') = _('Failed')
= gl_tab_counter_badge limited_counter_with_delimiter(@relations_by_tab['failed']) = gl_tab_counter_badge limited_counter_with_delimiter(@relations_by_tab['failed'])
%li.nav-item{ role: 'presentation' } = gl_tab_link_to admin_background_migrations_path(tab: 'finished'), item_active: @current_tab == 'finished' do
%a.nav-link.gl-tab-nav-item{ href: admin_background_migrations_path(tab: 'finished'), class: (active_tab_classes if @current_tab == 'finished'), role: 'tab' }
= _('Finished') = _('Finished')
= gl_tab_counter_badge limited_counter_with_delimiter(@relations_by_tab['finished']) = gl_tab_counter_badge limited_counter_with_delimiter(@relations_by_tab['finished'])
.tab-content.gl-tab-content .tab-content.gl-tab-content
.tab-pane.active{ role: 'tabpanel' } .tab-pane.active{ role: 'tabpanel' }
%table.table.b-table.gl-table.b-table-stacked-md{ role: 'table' } %table.table.b-table.gl-table.b-table-stacked-md{ role: 'table' }
%thead{ role: 'rowgroup' } %thead{ role: 'rowgroup' }
......
...@@ -68,7 +68,7 @@ RSpec.describe "Admin > Admin sees background migrations" do ...@@ -68,7 +68,7 @@ RSpec.describe "Admin > Admin sees background migrations" do
tab.click tab.click
expect(page).to have_current_path(admin_background_migrations_path(tab: 'failed')) expect(page).to have_current_path(admin_background_migrations_path(tab: 'failed'))
expect(tab[:class]).to include('gl-tab-nav-item-active', 'gl-tab-nav-item-active-indigo') expect(tab[:class]).to include('gl-tab-nav-item-active')
expect(page).to have_selector('tbody tr', count: 1) expect(page).to have_selector('tbody tr', count: 1)
...@@ -93,7 +93,7 @@ RSpec.describe "Admin > Admin sees background migrations" do ...@@ -93,7 +93,7 @@ RSpec.describe "Admin > Admin sees background migrations" do
tab.click tab.click
expect(page).to have_current_path(admin_background_migrations_path(tab: 'finished')) expect(page).to have_current_path(admin_background_migrations_path(tab: 'finished'))
expect(tab[:class]).to include('gl-tab-nav-item-active', 'gl-tab-nav-item-active-indigo') expect(tab[:class]).to include('gl-tab-nav-item-active')
expect(page).to have_selector('tbody tr', count: 1) expect(page).to have_selector('tbody tr', count: 1)
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment