refactor: update breadcrumbs

Author: mrholek

src/pug/_mixins/breadcrumb.pug

@@ -1,15 +1,12 @@
-mixin breadcrumb(items, last)
+mixin breadcrumb(items)
   nav(aria-label="breadcrumb")
     ol.breadcrumb.my-0
-      each item in items
-        li.breadcrumb-item
-          // if breadcrumb is single
-          if (items.length === 1)
-            span= item
-          else
-            a(href="#")= item
+      each item, index in items
+        - var href = item.href
+        - var label = item.label
 
-      if last
-        li.breadcrumb-item.active
-          span= last
-      else
+        li.breadcrumb-item(class=(index === items.length - 1 ? 'active' : false))
+          if (href)
+            a(href=(href ? href : '#'))= label ? label : item
+          else
+            span= label ? label : item

src/pug/views/base/accordion.pug

@@ -4,7 +4,14 @@ block canonical
   link(rel='canonical' href='https://coreui.io/docs/components/accordion/')
 
 block breadcrumb
-  +breadcrumb(['Home', 'Components', 'Base'], 'Accordion')
+  +breadcrumb(
+    [
+      { href: '#', label: 'Home'},
+      { label: 'Components'},
+      { label: 'Base'},
+      'Accordion'
+    ],
+  )
 
 block view
   .row

src/pug/views/base/breadcrumb.pug

@@ -4,7 +4,14 @@ block canonical
   link(rel='canonical' href='https://coreui.io/docs/components/breadcrumb/')
 
 block breadcrumb
-  +breadcrumb(['Home', 'Components', 'Base'], 'Breadcrumb')
+  +breadcrumb(
+    [
+      { href: '#', label: 'Home'},
+      { label: 'Components'},
+      { label: 'Base'},
+      'Breadcrumb'
+    ]
+  )
 
 block view
   .row

src/pug/views/base/cards.pug

@@ -4,7 +4,14 @@ block canonical
   link(rel='canonical' href='https://coreui.io/docs/components/card/')
 
 block breadcrumb
-  +breadcrumb(['Home', 'Components', 'Base'], 'Cards')
+  +breadcrumb(
+    [
+      { href: '#', label: 'Home'},
+      { label: 'Components'},
+      { label: 'Base'},
+      'Cards'
+    ],
+  )
 
 block view
   .card.mb-4

src/pug/views/base/carousel.pug

@@ -4,7 +4,14 @@ block canonical
   link(rel='canonical' href='https://coreui.io/docs/components/carousel/')
 
 block breadcrumb
-  +breadcrumb(['Home', 'Components', 'Base'], 'Carousel')
+  +breadcrumb(
+    [
+      { href: '#', label: 'Home'},
+      { label: 'Components'},
+      { label: 'Base'},
+      'Carousel'
+    ],
+  )
 
 block view
   .card.mb-4

src/pug/views/base/collapse.pug

@@ -4,7 +4,14 @@ block canonical
   link(rel='canonical' href='https://coreui.io/docs/components/collapse/')
 
 block breadcrumb
-  +breadcrumb(['Home', 'Components', 'Base'], 'Collapse')
+  +breadcrumb(
+    [
+      { href: '#', label: 'Home'},
+      { label: 'Components'},
+      { label: 'Base'},
+      'Collapse'
+    ]
+  )
 
 block view
   .card.mb-4

src/pug/views/base/list-group.pug

@@ -4,7 +4,14 @@ block canonical
   link(rel='canonical' href='https://coreui.io/docs/components/list-group/')
 
 block breadcrumb
-  +breadcrumb(['Home', 'Components', 'Base'], 'List group')
+  +breadcrumb(
+    [
+      { href: '#', label: 'Home'},
+      { label: 'Components'},
+      { label: 'Base'},
+      'List group'
+    ],
+  )
 
 block view
   .row

src/pug/views/base/navs-tabs.pug

@@ -4,7 +4,14 @@ block canonical
   link(rel='canonical' href='https://coreui.io/docs/components/navs-tabs/')
 
 block breadcrumb
-  +breadcrumb(['Home', 'Components', 'Base'], 'Navs')
+  +breadcrumb(
+    [
+      { href: '#', label: 'Home'},
+      { label: 'Components'},
+      { label: 'Base'},
+      'Navs & Tabs'
+    ],
+  )
 
 block view
   .row

src/pug/views/base/pagination.pug

@@ -4,7 +4,14 @@ block canonical
   link(rel='canonical' href='https://coreui.io/docs/components/pagination/')
 
 block breadcrumb
-  +breadcrumb(['Home', 'Components', 'Base'], 'Pagination')
+  +breadcrumb(
+    [
+      { href: '#', label: 'Home'},
+      { label: 'Components'},
+      { label: 'Base'},
+      'Pagination'
+    ],
+  )
 
 block view
   .row

src/pug/views/base/placeholders.pug

@@ -4,7 +4,14 @@ block canonical
   link(rel='canonical' href='https://coreui.io/docs/components/placeholders/')
 
 block breadcrumb
-  +breadcrumb(['Home', 'Components', 'Base'], 'Placeholders')
+  +breadcrumb(
+    [
+      { href: '#', label: 'Home'},
+      { label: 'Components'},
+      { label: 'Base'},
+      'Placeholders'
+    ],
+  )
 
 block view
   .row