[ADF-1115] selection management for DT/DL components (#2100)

* row select/unselect dom events for DT

- new events for datatable
- improved unit tests for empty content placeholders

* improved selection management for DT

* selection management for document list

* fix tests

ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.html

@@ -20,8 +20,10 @@
     (showRowContextMenu)="onShowRowContextMenu($event)"
     (showRowActionsMenu)="onShowRowActionsMenu($event)"
     (executeRowAction)="onExecuteRowAction($event)"
-    (rowClick)="onRowClick($event)"
-    (rowDblClick)="onRowDblClick($event)">
+    (rowClick)="onNodeClick($event.value?.node)"
+    (rowDblClick)="onNodeDblClick($event.value?.node)"
+    (row-select)="onNodeSelect($event.detail)"
+    (row-unselect)="onNodeUnselect($event.detail)">
     <div *ngIf="!isEmptyTemplateDefined()">
         <no-content-template>
             <ng-template>

ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.spec.ts

@@ -748,47 +748,43 @@ describe('DocumentList', () => {
     it('should emit [nodeClick] event on row click', () => {
         let node = new NodeMinimalEntry();
         let row = new ShareDataRow(node, null, null);
-        let event = new DataRowEvent(row, null);
 
         spyOn(documentList, 'onNodeClick').and.callThrough();
-        documentList.onRowClick(event);
+        documentList.onNodeClick(node);
         expect(documentList.onNodeClick).toHaveBeenCalledWith(node);
     });
 
     it('should emit node-click DOM event', (done) => {
         let node = new NodeMinimalEntry();
         let row = new ShareDataRow(node, null, null);
-        let event = new DataRowEvent(row, null);
 
         const htmlElement = fixture.debugElement.nativeElement as HTMLElement;
         htmlElement.addEventListener('node-click', (e: CustomEvent) => {
             done();
         });
 
-        documentList.onRowClick(event);
+        documentList.onNodeClick(node);
     });
 
     it('should emit [nodeDblClick] event on row double-click', () => {
         let node = new NodeMinimalEntry();
         let row = new ShareDataRow(node, null, null);
-        let event = new DataRowEvent(row, null);
 
         spyOn(documentList, 'onNodeDblClick').and.callThrough();
-        documentList.onRowDblClick(event);
+        documentList.onNodeDblClick(node);
         expect(documentList.onNodeDblClick).toHaveBeenCalledWith(node);
     });
 
     it('should emit node-dblclick DOM event', (done) => {
         let node = new NodeMinimalEntry();
         let row = new ShareDataRow(node, null, null);
-        let event = new DataRowEvent(row, null);
 
         const htmlElement = fixture.debugElement.nativeElement as HTMLElement;
         htmlElement.addEventListener('node-dblclick', (e: CustomEvent) => {
             done();
         });
 
-        documentList.onRowDblClick(event);
+        documentList.onNodeDblClick(node);
     });
 
     it('should load folder by ID on init', () => {

ng2-components/ng2-alfresco-documentlist/src/components/document-list.component.ts

@@ -21,7 +21,7 @@ import {
 } from '@angular/core';
 import { MinimalNodeEntity, MinimalNodeEntryEntity, NodePaging, Pagination } from 'alfresco-js-api';
 import { AlfrescoTranslationService, DataColumnListComponent } from 'ng2-alfresco-core';
-import { DataCellEvent, DataColumn, DataRowActionEvent, DataRowEvent, DataSorting, DataTableComponent, ObjectDataColumn } from 'ng2-alfresco-datatable';
+import { DataCellEvent, DataColumn, DataRow, DataRowActionEvent, DataRowEvent, DataSorting, DataTableComponent, ObjectDataColumn } from 'ng2-alfresco-datatable';
 import { Observable, Subject } from 'rxjs/Rx';
 import { ImageResolver, RowFilter, ShareDataRow, ShareDataTableAdapter } from './../data/share-datatable-adapter';
 import { ContentActionModel } from './../models/content-action.model';
@@ -98,8 +98,8 @@ export class DocumentListComponent implements OnInit, OnChanges, AfterContentIni
     @Input()
     loading: boolean = false;
 
+    selection = new Array<MinimalNodeEntity>();
     skipCount: number = 0;
-
     pagination: Pagination;
 
     @Input()
@@ -166,7 +166,7 @@ export class DocumentListComponent implements OnInit, OnChanges, AfterContentIni
     constructor(private documentListService: DocumentListService,
                 private ngZone: NgZone,
                 translateService: AlfrescoTranslationService,
-                private el: ElementRef) {
+                private elementRef: ElementRef) {
 
         if (translateService) {
             translateService.addTranslationFolder('ng2-alfresco-documentlist', 'assets/ng2-alfresco-documentlist');
@@ -390,11 +390,10 @@ export class DocumentListComponent implements OnInit, OnChanges, AfterContentIni
                     val => {
                         if (this.isCurrentPageEmpty(val, skipCount)) {
                             this.updateSkipCount(skipCount - maxItems);
-                            this.loadFolderNodesByFolderNodeId(id, maxItems, skipCount - maxItems).then(() => {
-                                resolve(true);
-                            },                                                                          (error) => {
-                                reject(error);
-                            });
+                            this.loadFolderNodesByFolderNodeId(id, maxItems, skipCount - maxItems).then(
+                                () => resolve(true),
+                                error => reject(error)
+                            );
                         } else {
                             this.data.loadPage(<NodePaging> val);
                             this.pagination = val.list.pagination;
@@ -458,7 +457,7 @@ export class DocumentListComponent implements OnInit, OnChanges, AfterContentIni
             },
             bubbles: true
         });
-        this.el.nativeElement.dispatchEvent(domEvent);
+        this.elementRef.nativeElement.dispatchEvent(domEvent);
 
         const event = new NodeEntityEvent(node);
         this.nodeClick.emit(event);
@@ -478,11 +477,6 @@ export class DocumentListComponent implements OnInit, OnChanges, AfterContentIni
         }
     }
 
-    onRowClick(event: DataRowEvent) {
-        let item = (<ShareDataRow> event.value).node;
-        this.onNodeClick(item);
-    }
-
     onNodeDblClick(node: MinimalNodeEntity) {
         const domEvent = new CustomEvent('node-dblclick', {
             detail: {
@@ -491,7 +485,7 @@ export class DocumentListComponent implements OnInit, OnChanges, AfterContentIni
             },
             bubbles: true
         });
-        this.el.nativeElement.dispatchEvent(domEvent);
+        this.elementRef.nativeElement.dispatchEvent(domEvent);
 
         const event = new NodeEntityEvent(node);
         this.nodeDblClick.emit(event);
@@ -511,9 +505,26 @@ export class DocumentListComponent implements OnInit, OnChanges, AfterContentIni
         }
     }
 
-    onRowDblClick(event?: DataRowEvent) {
-        let item = (<ShareDataRow> event.value).node;
-        this.onNodeDblClick(item);
+    onNodeSelect(event: { row: ShareDataRow, selection: Array<ShareDataRow> }) {
+        this.selection = event.selection.map(entry => entry.node);
+        const domEvent = new CustomEvent('node-select', {
+            detail: {
+                node: event.row.node,
+                selection: this.selection
+            }
+        });
+        this.elementRef.nativeElement.dispatchEvent(domEvent);
+    }
+
+    onNodeUnselect(event: { row: ShareDataRow, selection: Array<ShareDataRow> }) {
+        this.selection = event.selection.map(entry => entry.node);
+        const domEvent = new CustomEvent('node-unselect', {
+            detail: {
+                node: event.row.node,
+                selection: this.selection
+            }
+        });
+        this.elementRef.nativeElement.dispatchEvent(domEvent);
     }
 
     onShowRowContextMenu(event: DataCellEvent) {