diff --git a/react-app/.idea/workspace.xml b/react-app/.idea/workspace.xml
index 543424f2c6..7b427dcbb2 100644
--- a/react-app/.idea/workspace.xml
+++ b/react-app/.idea/workspace.xml
@@ -23,11 +23,11 @@
-
+
-
-
+
+
@@ -53,11 +53,11 @@
-
+
-
-
+
+
@@ -66,7 +66,7 @@
-
+
@@ -97,8 +97,8 @@
-
+
@@ -623,14 +623,15 @@
+
-
+
-
+
@@ -640,8 +641,7 @@
-
-
+
@@ -651,12 +651,13 @@
-
+
+
@@ -695,6 +696,46 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -731,7 +772,6 @@
-
@@ -915,7 +955,6 @@
-
@@ -935,17 +974,9 @@
-
-
-
-
-
-
-
-
-
+
@@ -953,8 +984,16 @@
-
-
+
+
+
+
+
+
+
+
+
+
diff --git a/react-app/webcomponents/alfresco-file-list/src/alfresco-file-list.html b/react-app/webcomponents/alfresco-file-list/src/alfresco-file-list.html
index dc43b10394..b37e6375c6 100644
--- a/react-app/webcomponents/alfresco-file-list/src/alfresco-file-list.html
+++ b/react-app/webcomponents/alfresco-file-list/src/alfresco-file-list.html
@@ -88,6 +88,32 @@
padding: 0px;
}
+ .breadcrumb {
+ font-family: sans-serif;
+ font-size: 12px;
+ padding-left: 11px;
+ height: 28px;
+ width: auto;
+ }
+
+ .folder-breadcrumb-img{
+ float: left;
+ text-align: left;
+ height: 15px;
+ padding: 0px 10px 0px 0px;
+ }
+
+ .folder-breadcrumb-text{
+ float: left;
+ text-align: left;
+ height: 25px;
+ padding: 0px 10px 0px 0px;
+ }
+
+ .folder-breadcrumb-container{
+ float: left;
+ }
+
paper-dropdown-menu.custom {
overflow: visible;
--paper-input-container-label: {
@@ -108,11 +134,22 @@
display: none;
};
}
+
+
+
+
+

+
+
[[item]]
+
+
+
+
@@ -179,13 +216,23 @@
}
},
- goToFolder: function(event) {
- var slug= event.model.item.location.site + '/' + event.model.item.location.container + '/' + event.model.item.fileName
- console.log('click folder'+ this.baseUrl());
+ goToFolder: function (event) {
+ this.container = event.model.item.location.container;
+ var path = event.model.item.location.path !== '/' ? (event.model.item.location.path + '/' ) : '/';
+ 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);
+
+ console.log('relativePath' + relativePath);
+ console.log('this.breadcrumbs' + this.breadcrumbs);
this.fetchFolderFolder(slug);
},
ready: function() {
+ this.breadcrumbs = ['documentLibrary'];
var initialFolder = 'swsdp/documentLibrary';
this.fetchFolderFolder(initialFolder);
var self = this;
@@ -203,7 +250,7 @@
var xhr = new XMLHttpRequest();
xhr.addEventListener("load", (XMLHttpRequestProgressEvent)=>{
this.data =JSON.parse(XMLHttpRequestProgressEvent.currentTarget.response).items;
- });
+ });
xhr.addEventListener("error", error);