[ACA-4361] permission layout modified (#6937)

* * reusable data table column moved

* [ACA-4361] permission layout modified

* * build fixed

* fix build

* * import fixed

* * null safety operation

* * fixed comments

* * fix lint

* * wait for reload list

* * remove sleep

* * add sleep

* * fix comments

* * fix comments

* * floating promises fix

* * remove wait

lib/core/data-column/data-column-header.component.ts

@@ -0,0 +1,39 @@
+/*!
+ * @license
+ * Copyright 2019 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.
+ */
+
+/* tslint:disable:component-selector no-input-rename  */
+
+import { Component, ContentChild, TemplateRef } from '@angular/core';
+import { DataColumnComponent } from './data-column.component';
+
+@Component({
+    selector: 'adf-data-column-header',
+    template: ''
+})
+export class DateColumnHeaderComponent {
+
+    @ContentChild(TemplateRef)
+    public template: TemplateRef<any>;
+
+    constructor(private columnComponent: DataColumnComponent) {}
+
+    ngAfterContentInit() {
+        if (this.columnComponent) {
+            this.columnComponent.header = this.template;
+        }
+    }
+}

lib/core/data-column/data-column.component.ts

@@ -82,6 +82,9 @@ export class DataColumnComponent implements OnInit {
     @Input()
     sortingKey: string;
 
+    /** Data column header template */
+    header?: TemplateRef<any>;
+
     ngOnInit() {
         if (!this.srTitle && this.key === '$thumbnail') {
             this.srTitle = 'Thumbnail';

lib/core/data-column/data-column.module.ts

@@ -20,6 +20,7 @@ import { NgModule } from '@angular/core';
 
 import { DataColumnListComponent } from './data-column-list.component';
 import { DataColumnComponent } from './data-column.component';
+import { DateColumnHeaderComponent } from './data-column-header.component';
 
 @NgModule({
     imports: [
@@ -27,11 +28,13 @@ import { DataColumnComponent } from './data-column.component';
     ],
     declarations: [
         DataColumnComponent,
-        DataColumnListComponent
+        DataColumnListComponent,
+        DateColumnHeaderComponent
     ],
     exports: [
         DataColumnComponent,
-        DataColumnListComponent
+        DataColumnListComponent,
+        DateColumnHeaderComponent
     ]
 })
 export class DataColumnModule {}

lib/core/data-column/public-api.ts

@@ -17,5 +17,6 @@
 
 export * from './data-column-list.component';
 export * from './data-column.component';
+export * from './data-column-header.component';
 
 export * from './data-column.module';