Allow navigation to folders from search results (#1209)

* Allow navigation to folders from search results

- Uses router to pass ID of the folder
- Modified document list component to accept folder ID without path
- Current limitations
  - Breadcrumb cannot currently be shown when navigating via folder id
  - Clicking between folders does not update the current route

* Allow root folder ID to be changed and have documentlist reload

- e.g switching from Company home to My Files

* New tests for navigating to folders based on ID

Refs #666

demo-shell-ng2/app/components/files/files.component.html

@@ -5,7 +5,7 @@
             (onSuccess)="documentList.reload()">
         <alfresco-document-list-breadcrumb
             [currentFolderPath]="currentPath"
-            [target]="documentList">
+            (pathChanged)="onBreadcrumbPathChanged($event)" *ngIf="!currentFolderId">
         </alfresco-document-list-breadcrumb>
         <div *ngIf="errorMessage" class="error-message">
             <button (click)="resetError()" class="mdl-button mdl-js-button mdl-button--icon">
@@ -15,7 +15,9 @@
         </div>
         <alfresco-document-list
                 #documentList
+                [rootFolderId]="rootFolderId"
                 [currentFolderPath]="currentPath"
+                [currentFolderId]="currentFolderId"
                 [contextMenuActions]="true"
                 [contentActions]="true"
                 (error)="onNavigationError($event)"

demo-shell-ng2/app/components/files/files.component.ts

@@ -15,8 +15,8 @@
  * limitations under the License.
  */
 
-import { Component, OnInit, ViewChild } from '@angular/core';
-import { Router } from '@angular/router';
+import { Component, OnInit, Optional, ViewChild } from '@angular/core';
+import { ActivatedRoute, Params, Router } from '@angular/router';
 import { AlfrescoAuthenticationService } from 'ng2-alfresco-core';
 import {
     DocumentActionsService,
@@ -34,6 +34,8 @@ import { FormService } from 'ng2-activiti-form';
 })
 export class FilesComponent implements OnInit {
     currentPath: string = '/Sites/swsdp/documentLibrary';
+    rootFolderId: string = '-root-';
+    currentFolderId: string = null;
 
     errorMessage: string = null;
     fileNodeId: any;
@@ -51,7 +53,8 @@ export class FilesComponent implements OnInit {
     constructor(private documentActions: DocumentActionsService,
                 public auth: AlfrescoAuthenticationService,
                 private formService: FormService,
-                private router: Router) {
+                private router: Router,
+                @Optional() private route: ActivatedRoute) {
         documentActions.setHandler('my-handler', this.myDocumentActionHandler.bind(this));
     }
 
@@ -82,6 +85,12 @@ export class FilesComponent implements OnInit {
         }
     }
 
+    onBreadcrumbPathChanged(event?: any) {
+        if (event) {
+            this.currentPath = event.value;
+        }
+    }
+
     toggleMultipleFileUpload() {
         this.multipleFileUpload = !this.multipleFileUpload;
         return this.multipleFileUpload;
@@ -104,14 +113,19 @@ export class FilesComponent implements OnInit {
     }
 
     ngOnInit() {
-      if ( this.auth.isBpmLoggedIn() ) {
-          this.formService.getProcessDefinitions().subscribe(
-              defs => this.setupBpmActions(defs || []),
-              err => console.log(err)
-          );
-      } else {
-          console.log('You are not logged in');
-      }
+        if (this.route) {
+            this.route.params.forEach((params: Params) => {
+                this.currentFolderId = params.hasOwnProperty('id') ? params['id'] : null;
+            });
+        }
+        if (this.auth.isBpmLoggedIn()) {
+            this.formService.getProcessDefinitions().subscribe(
+                defs => this.setupBpmActions(defs || []),
+                err => console.log(err)
+            );
+        } else {
+            console.log('You are not logged in');
+        }
     }
 
     viewActivitiForm(event?: any) {