From 43ed8d7924b3c4bd646eb5320110ac28097d144b Mon Sep 17 00:00:00 2001
From: Thomas Hunter <thomas.hunter@alfresco.com>
Date: Fri, 12 Feb 2021 12:20:06 +0100
Subject: [PATCH] [AAE-4429] Add readOnly breadcrumb to upload from device tab
 (#6664)

* [AAE-4429] Add readOnly breadcrumb to upload from device tab

* [AAE-4429] Added unit tests

* [AAE-4429] Moved unit tests

* [AAE-4429] Removed breadcrumb title
---
 ...content-node-selector-panel.component.scss | 20 +++++++++----------
 .../content-node-selector.component.html      | 11 ++++++++++
 .../content-node-selector.component.ts        |  2 ++
 3 files changed, 23 insertions(+), 10 deletions(-)

diff --git a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
index 0b0cd9f043..e1b97261bd 100644
--- a/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
+++ b/lib/content-services/src/lib/content-node-selector/content-node-selector-panel.component.scss
@@ -14,6 +14,16 @@
         color: mat-color($foreground, base, 0.87);
     }
 
+    .adf-toolbar .mat-toolbar {
+        max-height: 48px;
+        border-bottom-width: 0;
+        font-size: 14px;
+
+        &.mat-toolbar-single-row {
+            height: auto;
+        }
+    }
+
     .adf-content-node-selector {
 
         &-search-panel-container {
@@ -62,16 +72,6 @@
 
             }
 
-            .adf-toolbar .mat-toolbar {
-                max-height: 48px;
-                border-bottom-width: 0;
-                font-size: 14px;
-
-                &.mat-toolbar-single-row {
-                    height: auto;
-                }
-            }
-
             &-breadcrumb {
                 .adf-dropdown-breadcrumb-trigger {
                     outline: none;
diff --git a/lib/content-services/src/lib/content-node-selector/content-node-selector.component.html b/lib/content-services/src/lib/content-node-selector/content-node-selector.component.html
index 62caaafc64..4049ea5211 100644
--- a/lib/content-services/src/lib/content-node-selector/content-node-selector.component.html
+++ b/lib/content-services/src/lib/content-node-selector/content-node-selector.component.html
@@ -34,6 +34,17 @@
     </mat-tab>
     <mat-tab *ngIf="canPerformLocalUpload()"
              [disabled]="isNotAllowedToUpload()">
+        <adf-toolbar>
+            <adf-toolbar-title>
+                <adf-dropdown-breadcrumb
+                    class="adf-content-node-selector-content-breadcrumb"
+                    [folderNode]="breadcrumbFolderNode"
+                    [rootId]="data?.currentFolderId"
+                    [readOnly]="true"
+                    data-automation-id="content-node-selector-upload-breadcrumb"
+                ></adf-dropdown-breadcrumb>
+            </adf-toolbar-title>
+        </adf-toolbar>
         <ng-template mat-tab-label>
             {{ 'NODE_SELECTOR.UPLOAD_FROM_DEVICE' | translate }}
             <mat-icon *ngIf="hasUploadError()"
diff --git a/lib/content-services/src/lib/content-node-selector/content-node-selector.component.ts b/lib/content-services/src/lib/content-node-selector/content-node-selector.component.ts
index 2feee3b2e1..a6a2ed0561 100644
--- a/lib/content-services/src/lib/content-node-selector/content-node-selector.component.ts
+++ b/lib/content-services/src/lib/content-node-selector/content-node-selector.component.ts
@@ -39,6 +39,7 @@ export class ContentNodeSelectorComponent implements OnInit {
     hasAllowableOperations = false;
     isLoading = true;
     selectedTabIndex: number = 0;
+    breadcrumbFolderNode: Node;
 
     constructor(private translation: TranslationService,
                 private contentService: ContentService,
@@ -116,6 +117,7 @@ export class ContentNodeSelectorComponent implements OnInit {
 
     onCurrentFolder(currentFolder: Node) {
         this.hasAllowableOperations = this.contentService.hasAllowableOperations(currentFolder, AllowableOperationsEnum.CREATE);
+        this.breadcrumbFolderNode = currentFolder;
     }
 
     isNotAllowedToUpload() {