no permission content (#2616)

ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.html

@@ -34,7 +34,7 @@
     </thead>
 
     <tbody>
-    <ng-container *ngIf="!loading">
+    <ng-container *ngIf="!loading && !noPermission">
         <tr *ngFor="let row of data.getRows(); let idx = index"
             role="button"
             [class.is-selected]="row.isSelected"
@@ -166,6 +166,14 @@
             </td>
         </tr>
     </ng-container>
+    <tr *ngIf="!loading && noPermission" class="adf-no-permission__row">
+        <td class="adf-no-permission__cell">
+            <ng-template *ngIf="noPermissionTemplate"
+                         ngFor [ngForOf]="[data]"
+                         [ngForTemplate]="noPermissionTemplate">
+            </ng-template>
+        </td>
+    </tr>
     <tr *ngIf="loading">
         <td class="adf-loading-content-container"
             [attr.colspan]="1 + data.getColumns().length">

ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.scss

@@ -202,6 +202,17 @@
             }
         }
 
+        .adf-no-permission {
+            &__row:hover {
+                cursor: default;
+                background-color: inherit;
+            }
+
+            &__cell {
+                padding: 0 !important;
+            }
+        }
+
         .ellipsis-cell {
             .cell-container {
                 height: 100%;

ng2-components/ng2-alfresco-datatable/src/components/datatable/datatable.component.ts

@@ -96,7 +96,11 @@ export class DataTableComponent implements AfterContentInit, OnChanges, DoCheck
     @Input()
     loading: boolean = false;
 
+    @Input()
+    noPermission: boolean = false;
+
     noContentTemplate: TemplateRef<any>;
+    noPermissionTemplate: TemplateRef<any>;
     loadingTemplate: TemplateRef<any>;
 
     isSelectAllChecked: boolean = false;

ng2-components/ng2-alfresco-datatable/src/directives/no-permission-template.directive.spec.ts

@@ -0,0 +1,64 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { async, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { CoreModule } from 'ng2-alfresco-core';
+import { DataTableCellComponent } from '../components/datatable/datatable-cell.component';
+import { DataTableComponent } from '../components/datatable/datatable.component';
+import { DateCellComponent } from '../components/datatable/date-cell.component';
+import { FileSizeCellComponent } from '../components/datatable/filesize-cell.component';
+import { LocationCellComponent } from '../components/datatable/location-cell.component';
+import { MaterialModule } from '../material.module';
+import { NoPermissionTemplateDirective } from './no-permission-template.directive';
+
+describe('NoPermissionTemplateDirective', () => {
+
+    let dataTable: DataTableComponent;
+    let directive: NoPermissionTemplateDirective;
+
+    beforeEach(async(() => {
+        TestBed.configureTestingModule({
+            imports: [
+                RouterTestingModule,
+                MaterialModule,
+                CoreModule
+            ],
+            declarations: [
+                DataTableComponent,
+                DataTableCellComponent,
+                DateCellComponent,
+                NoPermissionTemplateDirective,
+                LocationCellComponent,
+                FileSizeCellComponent
+            ]
+        }).compileComponents();
+    }));
+
+    beforeEach(() => {
+        let fixture = TestBed.createComponent(DataTableComponent);
+        dataTable = fixture.componentInstance;
+        directive = new NoPermissionTemplateDirective(dataTable);
+    });
+
+    it('should apply template to the datatable', () => {
+        const template = {};
+        directive.template = template;
+        directive.ngAfterContentInit();
+        expect(dataTable.noPermissionTemplate).toBe(template);
+    });
+});

ng2-components/ng2-alfresco-datatable/src/directives/no-permission-template.directive.ts

@@ -0,0 +1,37 @@
+/*!
+ * @license
+ * Copyright 2016 Alfresco Software, Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { AfterContentInit, ContentChild, Directive, TemplateRef } from '@angular/core';
+import { DataTableComponent } from '../components/datatable/datatable.component';
+
+@Directive({
+    selector: 'no-permission-template'
+})
+export class NoPermissionTemplateDirective implements AfterContentInit {
+
+    @ContentChild(TemplateRef)
+    template: any;
+
+    constructor(private dataTable: DataTableComponent) {
+    }
+
+    ngAfterContentInit() {
+        if (this.dataTable) {
+            this.dataTable.noPermissionTemplate = this.template;
+        }
+    }
+}