From e14f505529162bc8f7c8f9c1e66e9ceb408613fe Mon Sep 17 00:00:00 2001
From: Eugenio Romano <eugenio.romano@alfresco.com>
Date: Fri, 8 Apr 2016 12:16:38 +0100
Subject: [PATCH] very rough clickable breadcrumbs

---
 .../src/alfresco-file-list.html                 | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/web-components/alfresco-file-list/src/alfresco-file-list.html b/web-components/alfresco-file-list/src/alfresco-file-list.html
index d86bf7f8b5..54bcdae334 100644
--- a/web-components/alfresco-file-list/src/alfresco-file-list.html
+++ b/web-components/alfresco-file-list/src/alfresco-file-list.html
@@ -142,7 +142,7 @@
     <template>
         <div class="breadcrumb">
             <template is="dom-repeat" items="{{breadcrumbs}}">
-                <div class="folder-breadcrumb-container">
+                <div on-click="goToFolderBreadcrumbs" data-name="[[item]]" class="folder-breadcrumb-container">
                     <img class="folder-breadcrumb-img" src="img/folder.svg">
 
                     <div class="folder-breadcrumb-text">[[item]]</div>
@@ -222,12 +222,14 @@
                     var relativePath = this.container + path + event.model.item.fileName;
                     var slug = event.model.item.location.site + '/' + relativePath;
                     this.breadcrumbs = relativePath.split('/');
-                    console.log('event.model.item.location.path' +  event.model.item.location.path);
-                    console.log('event.model.item.fileName' +  event.model.item.fileName);
-                    console.log('event.model.item.location.site' +  event.model.item.location.site);
+                    this.fetchFolderFolder(slug);
+                },
 
-                    console.log('relativePath' + relativePath);
-                    console.log('this.breadcrumbs' + this.breadcrumbs);
+                goToFolderBreadcrumbs: function (event) {
+                    var currentRelative = event.model.__data__.item;
+                    var currentRelativeIndexInSlug = this.lastSlug.indexOf(currentRelative);
+                    var slug = this.lastSlug.substr(0, currentRelativeIndexInSlug + currentRelative.length);
+                    this.breadcrumbs = slug.substr(6,slug.length).split('/');
                     this.fetchFolderFolder(slug);
                 },
 
@@ -237,7 +239,7 @@
                     this.fetchFolderFolder(initialFolder);
                     var self = this;
                     if(document.querySelector("#alfresco-app")) {
-                        document.querySelector("#alfresco-app").uploadedSignal = function (e, detail, sender) {
+                        document.querySelector("#alfresco-app").uploadedSignal = function () {
                             self.fetchFolderFolder(initialFolder);
                         };
                     }
@@ -254,6 +256,7 @@
 
                     xhr.addEventListener("error", error);
 
+                    this.lastSlug = slug;
                     xhr.open("GET", (this.baseUrl() + slug));
                     xhr.withCredentials = true;
                     xhr.setRequestHeader("Authorization", 'Basic ' + btoa('admin:admin'));