From 38d75278a718febb00c57726dd4cbaf6e7ad6542 Mon Sep 17 00:00:00 2001
From: Stanislaw Adaszewski <s.adaszewski@gmail.com>
Date: Tue, 3 Mar 2020 14:39:59 +0100
Subject: [PATCH] Make collection content crumbs functional.

---
 frontend/src/js/component/wb-collection-content.js |  6 +++++-
 frontend/src/js/widget/wb-breadcrumbs.js           | 12 ++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/frontend/src/js/component/wb-collection-content.js b/frontend/src/js/component/wb-collection-content.js
index 3194e9e..aa1cda4 100644
--- a/frontend/src/js/component/wb-collection-content.js
+++ b/frontend/src/js/component/wb-collection-content.js
@@ -164,7 +164,11 @@ class WBCollectionContent extends Component {
 
     return (
       <div>
-        <WBBreadcrumbs items={ ('.' + collectionPath).split('/') } />
+        <WBBreadcrumbs items={ ('.' + collectionPath).split('/').map((name, index) => ({ name, index })) }
+          getItemUrl={ it => this.getUrl({
+            collectionPath: ('.' + collectionPath).split('/').slice(0, it.index + 1).join('/').substr(1),
+            page: 0
+          }) } />
 
         { (mode === 'manifestDownload') ?
           (
diff --git a/frontend/src/js/widget/wb-breadcrumbs.js b/frontend/src/js/widget/wb-breadcrumbs.js
index a1b6af5..d2887ac 100644
--- a/frontend/src/js/widget/wb-breadcrumbs.js
+++ b/frontend/src/js/widget/wb-breadcrumbs.js
@@ -1,7 +1,7 @@
 import { h, Component } from 'preact';
 
 class WBBreadcrumbs extends Component {
-  render({ items, onItemClicked }) {
+  render({ items, onItemClicked, getItemUrl }) {
     return (
       <nav aria-label="breadcrumb">
         <ol class="breadcrumb">
@@ -10,8 +10,11 @@ class WBBreadcrumbs extends Component {
               (idx == items.length - 1 ? ' active' : '') }>
               {
                 (idx < items.length - 1) ? (
-                  <a href="#" onclick={ e => { e.preventDefault();
-                    onItemClicked(item); } }>{ typeof(item) === 'string' ? item : item['name'] }</a>
+                  <a href={ getItemUrl ? getItemUrl(item) : '#' }
+                    onclick={ onItemClicked ? ( e => { e.preventDefault();
+                    onItemClicked(item); } ) : null }>
+                    { typeof(item) === 'string' ? item : item['name'] }
+                  </a>
                 ) : (
                   typeof(item) === 'string' ? item : item['name']
                 )
@@ -25,7 +28,8 @@ class WBBreadcrumbs extends Component {
 }
 
 WBBreadcrumbs.defaultProps = {
-  'onItemClicked': () => {}
+  onItemClicked: null,
+  getItemUrl: null
 }
 
 export default WBBreadcrumbs;