Add badges to the tabs in the user page

openSUSE · Dec 7, 2018 · 5d46630 · 5d46630
1 parent db28aee
commit 5d46630
Showing 1 changed file with 15 additions and 6 deletions.
diff --git a/src/api/app/views/webui2/webui/user/_involvement.html.haml b/src/api/app/views/webui2/webui/user/_involvement.html.haml
@@ -2,14 +2,23 @@
   .bg-light
     %ul.nav.nav-tabs.pt-2.px-3.flex-nowrap.collapsible{ 'role': 'tablist' }
       %li.nav-item
-        = link_to('Involved Packages', '#involved-packages', id: 'involved-packages-tab', class: 'nav-link active text-nowrap',
-                  data: { toggle: 'tab' }, role: 'tab', aria: { controls: 'involved-packages', selected: true })
+        = link_to('#involved-packages', id: 'involved-packages-tab', class: 'nav-link active text-nowrap',
+                  data: { toggle: 'tab' }, role: 'tab', aria: { controls: 'involved-packages', selected: true }) do
+          Involved Packages
+          %span.badge.badge-primary
+            = involved_packages.size
       %li.nav-item
-        = link_to('Involved Projects', '#involved-projects', id: 'involved-projects-tab', class: 'nav-link text-nowrap',
-                  data: { toggle: 'tab' }, role: 'tab', aria: { controls: 'involved-projects', selected: false })
+        = link_to('#involved-projects', id: 'involved-projects-tab', class: 'nav-link text-nowrap',
+                  data: { toggle: 'tab' }, role: 'tab', aria: { controls: 'involved-projects', selected: false }) do
+          Involved Projects
+          %span.badge.badge-primary
+            = involved_projects.size
       %li.nav-item
-        = link_to('Owned Project/Packages', '#owned', id: 'owned-tab', class: 'nav-link text-nowrap',
-                  data: { toggle: 'tab' }, role: 'tab', aria: { controls: 'owned', selected: false })
+        = link_to('#owned', id: 'owned-tab', class: 'nav-link text-nowrap',
+                  data: { toggle: 'tab' }, role: 'tab', aria: { controls: 'owned', selected: false }) do
+          Owned Project/Packages
+          %span.badge.badge-primary
+            = owned.size
       %li.nav-item.dropdown
         %a.nav-link.dropdown-toggle{ href: '#', 'data-toggle': 'dropdown', 'role': 'button', 'aria-expanded': 'false', 'aria-haspopup': 'true' }
         .dropdown-menu.dropdown-menu-right