refactor: update breadcrumbs

mrholek · mrholek · commit cfe464253550 · 2021-04-29T20:44:20.000+02:00
diff --git a/src/pug/_layout/default.pug b/src/pug/_layout/default.pug
@@ -1,7 +1,9 @@
 - var static = true
 doctype html
 include ../_partials/banner.pug
+include ../_mixins/breadcrumb.pug
 include ../_mixins/callout.pug
+include ../_mixins/callout-custom.pug
 include ../_mixins/example.pug
 
 html(lang='en')
diff --git a/src/pug/_mixins/breadcrumb.pug b/src/pug/_mixins/breadcrumb.pug
@@ -0,0 +1,24 @@
+// Breadcrumb
+//- nav(aria-label="breadcrumb")
+//-   ol.breadcrumb.my-0.ms-2
+//-     li.breadcrumb-item Home
+//-     li.breadcrumb-item
+//-       a(href="#") Admin
+//-     li.breadcrumb-item.active Dashboard
+  
+
+mixin breadcrumb(items, last)
+  nav(aria-label="breadcrumb")
+    ol.breadcrumb.my-0.ms-2
+      each item in items
+        li.breadcrumb-item
+          // if breadcrumb is single
+          if (items.length === 1)
+            span= item
+          else
+            a(href="#")= item
+
+      if last
+        li.breadcrumb-item.active
+          span= last
+      else
diff --git a/src/pug/_mixins/callout-custom.pug b/src/pug/_mixins/callout-custom.pug
@@ -0,0 +1,3 @@
+mixin callout-custom
+  .callout.callout-info.bg-white
+    block
diff --git a/src/pug/_mixins/callout.pug b/src/pug/_mixins/callout.pug
@@ -3,6 +3,7 @@ mixin callout(name, href)
     | CoreUI #{name} has been created as an extension of Bootstrap #{name}. #{name} is delivered with some new features, variants, and unique design that matches CoreUI Design System requirements.
     br
     br
-    | For more information please visit our official 
+    | For more information please visit our official
+    |
     a(href=href target="_blank") documentation
     | .
diff --git a/src/pug/_partials/breadcrumb.pug b/src/pug/_partials/breadcrumb.pug
@@ -5,3 +5,4 @@ nav(aria-label="breadcrumb")
     li.breadcrumb-item
       a(href="#") Admin
     li.breadcrumb-item.active Dashboard
+  
diff --git a/src/pug/_partials/header.pug b/src/pug/_partials/header.pug
@@ -84,5 +84,5 @@ header.header.header-sticky.mb-4
             |  Logout
   .header-divider
   .container-fluid
-    include ./../_partials/breadcrumb.pug
+    block breadcrumb
 
diff --git a/src/pug/views/base/accordion.pug b/src/pug/views/base/accordion.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/accordion/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Accordion')
+
 block view
   +callout('Accordion', 'https://coreui.io/docs/4.0/components/accordion/')
   .row
diff --git a/src/pug/views/base/breadcrumb.pug b/src/pug/views/base/breadcrumb.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/breadcrumb/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Breadcrumb')
+
 block view
   +callout('Breadcrumb', 'https://coreui.io/docs/4.0/components/breadcrumb/')
   .row
diff --git a/src/pug/views/base/cards.pug b/src/pug/views/base/cards.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/card/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Cards')
+
 block view
   +callout('Card', 'https://coreui.io/docs/4.0/components/card/')
   .card.mb-4
diff --git a/src/pug/views/base/carousel.pug b/src/pug/views/base/carousel.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/carousel/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Carousel')
+
 block view
   +callout('Carousel', 'https://coreui.io/docs/4.0/components/carousel/')
   .card.mb-4
diff --git a/src/pug/views/base/collapse.pug b/src/pug/views/base/collapse.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/collapse/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Collapse')
+
 block view
   +callout('Collapse', 'https://coreui.io/docs/4.0/components/collapse/')
   .card.mb-4
diff --git a/src/pug/views/base/list-group.pug b/src/pug/views/base/list-group.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/list-group/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'List group')
+
 block view
   +callout('List group', 'https://coreui.io/docs/4.0/components/list-group/')
   .row
diff --git a/src/pug/views/base/navs.pug b/src/pug/views/base/navs.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/navs-tabs/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Navs')
+
 block view
   +callout('Navs', 'https://coreui.io/docs/4.0/components/navs-tabs/')
   .row
diff --git a/src/pug/views/base/pagination.pug b/src/pug/views/base/pagination.pug
@@ -1,10 +1,13 @@
 extends ../../_layout/default.pug
 
 block canonical
-  link(rel='canonical' href='https://coreui.io/docs/4.0/forms/select/')
+  link(rel='canonical' href='https://coreui.io/docs/4.0/components/pagination/')
+
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Pagination')
 
 block view
-  +callout('Select', 'https://coreui.io/docs/4.0/forms/select/')
+  +callout('Pagination', 'https://coreui.io/docs/4.0/components/pagination/')
   .row
     .col-12
       .card.mb-4
diff --git a/src/pug/views/base/popovers.pug b/src/pug/views/base/popovers.pug
@@ -4,6 +4,9 @@ block scripts
   // Plugins and scripts required by this view
   script(src='js/popovers.js')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Popovers')
+
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/popovers/')
 
diff --git a/src/pug/views/base/progress.pug b/src/pug/views/base/progress.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/progress/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Progress')
+
 block view
   +callout('Progress', 'https://coreui.io/docs/4.0/components/progress/')
   .row
diff --git a/src/pug/views/base/scrollspy.pug b/src/pug/views/base/scrollspy.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/scrollspy/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Scrollspy')
+
 block view
   +callout('Scrollspy', 'https://coreui.io/docs/4.0/components/scrollspy/')
   .card.mb-4
diff --git a/src/pug/views/base/spinners.pug b/src/pug/views/base/spinners.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/spinners/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Spinners')
+
 block view
   +callout('Spinner', 'https://coreui.io/docs/4.0/components/spinners/')
   .row
@@ -193,4 +196,4 @@ block view
               span.visually-hidden Loading...
             button.btn.btn-primary(type='button' disabled='')
               span.spinner-grow.spinner-grow-sm(role='status' aria-hidden='true')
-              | Loading...
+              | Loading...
diff --git a/src/pug/views/base/tables.pug b/src/pug/views/base/tables.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/content/tables/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Tables')
+
 block view
   +callout('Table', 'https://coreui.io/docs/4.0/content/tables/')
   .car
diff --git a/src/pug/views/base/tooltips.pug b/src/pug/views/base/tooltips.pug
@@ -4,6 +4,9 @@ block scripts
   // Plugins and scripts required by this view
   script(src='js/tooltips.js')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Base'], 'Tooltips')
+
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/tooltips/')
 
diff --git a/src/pug/views/blank.pug b/src/pug/views/blank.pug
@@ -1,3 +1,6 @@
 extends ../_layout/default.pug
 
+block breadcrumb
+  +breadcrumb(['Home'], 'Blank')
+
 block view
diff --git a/src/pug/views/buttons/button-group.pug b/src/pug/views/buttons/button-group.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/button-group/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Buttons'], 'Buttons group')
+
 block view
   +callout('Button group', 'https://coreui.io/docs/4.0/components/button-group/')
   .row
diff --git a/src/pug/views/buttons/buttons.pug b/src/pug/views/buttons/buttons.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/buttons/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Buttons'], 'Buttons')
+
 block view
   +callout('Button', 'https://coreui.io/docs/4.0/components/buttons/')
   
@@ -435,4 +438,4 @@ block view
       +example()
         .d-grid.gap-2.d-md-flex.justify-content-md-end
           button.btn.btn-primary.me-md-2(type='button') Button
-          button.btn.btn-primary(type='button') Button
+          button.btn.btn-primary(type='button') Button
diff --git a/src/pug/views/buttons/dropdowns.pug b/src/pug/views/buttons/dropdowns.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/components/dropdowns/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Buttons'], 'Loading buttons')
+
 block view
   +callout('Dropdown', 'https://coreui.io/docs/4.0/components/dropdowns/')
   .row
diff --git a/src/pug/views/charts.pug b/src/pug/views/charts.pug
@@ -8,6 +8,9 @@ block scripts
   script(src='node_modules/@coreui/chartjs/dist/js/coreui-chartjs.js')
   script(src='js/charts.js')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components'], 'Charts')
+
 block view
   .row.row-cols-2
     .col
diff --git a/src/pug/views/colors.pug b/src/pug/views/colors.pug
@@ -6,6 +6,9 @@ block scripts
     script(src='node_modules/@coreui/utils/dist/coreui-utils.js')
     script(src='js/colors.js')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Theme'], 'Colors')
+
 block view
   .card.mb-4
     .card-header
diff --git a/src/pug/views/forms/checks-radios.pug b/src/pug/views/forms/checks-radios.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/forms/checks-radios/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Forms'], 'Checks and radios')
+
 block view
   +callout('Checks and radios', 'https://coreui.io/docs/4.0/forms/checks-radios/')
   .row
diff --git a/src/pug/views/forms/floating-labels.pug b/src/pug/views/forms/floating-labels.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/forms/floating-labels/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Forms'], 'Floating labels')
+
 block view
   +callout('Floating label', 'https://coreui.io/docs/4.0/forms/floating-labels/')
   .row
diff --git a/src/pug/views/forms/form-control.pug b/src/pug/views/forms/form-control.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/forms/form-control/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Forms'], 'Form Control')
+
 block view
   +callout('Form Control', 'https://coreui.io/docs/4.0/forms/form-control/')
   .row
diff --git a/src/pug/views/forms/input-group.pug b/src/pug/views/forms/input-group.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/forms/input-group/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Forms'], 'Input group')
+
 block view
   +callout('Input group', 'https://coreui.io/docs/4.0/forms/input-group/')
   .row
diff --git a/src/pug/views/forms/layout.pug b/src/pug/views/forms/layout.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/forms/layout/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Forms'], 'Layout')
+
 block view
   +callout('Layout', 'https://coreui.io/docs/4.0/forms/layout/')
   .row
diff --git a/src/pug/views/forms/range.pug b/src/pug/views/forms/range.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/forms/range/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Forms'], 'Range')
+
 block view
   +callout('Range', 'https://coreui.io/docs/4.0/forms/range/')
   .row
diff --git a/src/pug/views/forms/select.pug b/src/pug/views/forms/select.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/forms/select/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Forms'], 'Select')
+
 block view
   +callout('Select', 'https://coreui.io/docs/4.0/forms/select/')
   .row
diff --git a/src/pug/views/forms/validation.pug b/src/pug/views/forms/validation.pug
@@ -3,6 +3,9 @@ extends ../../_layout/default.pug
 block canonical
   link(rel='canonical' href='https://coreui.io/docs/4.0/forms/validation/')
 
+block breadcrumb
+  +breadcrumb(['Home', 'Components', 'Forms'], 'Validation')
+
 block view
   +callout('Validation', 'https://coreui.io/docs/4.0/forms/validation/')
   .row
diff --git a/src/pug/views/icons/coreui-icons-brand.pug b/src/pug/views/icons/coreui-icons-brand.pug
diff --git a/src/pug/views/icons/coreui-icons-flag.pug b/src/pug/views/icons/coreui-icons-flag.pug
diff --git a/src/pug/views/icons/coreui-icons-free.pug b/src/pug/views/icons/coreui-icons-free.pug
diff --git a/src/pug/views/index.pug b/src/pug/views/index.pug
diff --git a/src/pug/views/notifications/alerts.pug b/src/pug/views/notifications/alerts.pug
diff --git a/src/pug/views/notifications/badge.pug b/src/pug/views/notifications/badge.pug
diff --git a/src/pug/views/notifications/modals.pug b/src/pug/views/notifications/modals.pug
diff --git a/src/pug/views/notifications/toasts.pug b/src/pug/views/notifications/toasts.pug
diff --git a/src/pug/views/typography.pug b/src/pug/views/typography.pug
diff --git a/src/pug/views/widgets.pug b/src/pug/views/widgets.pug

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+mixin callout-custom`
	`2`	`+ .callout.callout-info.bg-white`
	`3`	`+ block`