Move 'pagination' from 'core' to 'datatable'

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

@@ -0,0 +1,201 @@
+/*!
+ * @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 {
+    Component,
+    // NgZone,
+    OnInit,
+    Input,
+    Output,
+    EventEmitter,
+    AfterViewChecked,
+    TemplateRef
+} from '@angular/core';
+
+import {
+    CONTEXT_MENU_DIRECTIVES,
+    AlfrescoPipeTranslate
+} from 'ng2-alfresco-core';
+
+import {
+    DataTableAdapter,
+    DataRow,
+    DataColumn,
+    DataSorting,
+    DataRowEvent,
+    ObjectDataTableAdapter
+} from '../../data/index';
+
+declare var componentHandler;
+declare let __moduleName: string;
+
+@Component({
+    moduleId: __moduleName,
+    selector: 'alfresco-datatable',
+    styleUrls: ['./datatable.component.css'],
+    templateUrl: './datatable.component.html',
+    directives: [CONTEXT_MENU_DIRECTIVES],
+    pipes: [AlfrescoPipeTranslate]
+})
+export class DataTableComponent implements OnInit, AfterViewChecked {
+
+    @Input()
+    data: DataTableAdapter;
+
+    @Input()
+    multiselect: boolean = false;
+
+    @Input()
+    actions: boolean = false;
+
+    @Output()
+    rowClick: EventEmitter<DataRowEvent> = new EventEmitter<DataRowEvent>();
+
+    @Output()
+    rowDblClick: EventEmitter<DataRowEvent> = new EventEmitter<DataRowEvent>();
+
+    noContentTemplate: TemplateRef<any>;
+
+    isSelectAllChecked: boolean = false;
+
+    @Output()
+    showRowContextMenu: EventEmitter<any> = new EventEmitter();
+
+    @Output()
+    showRowActionsMenu: EventEmitter<any> = new EventEmitter();
+
+    @Output()
+    executeRowAction: EventEmitter<any> = new EventEmitter();
+
+    // TODO: left for reference, will be removed during future revisions
+    constructor(/*private _ngZone?: NgZone*/) {
+    }
+
+    ngOnInit() {
+        if (!this.data) {
+            this.data = new ObjectDataTableAdapter([], []);
+        }
+    }
+
+    ngAfterViewChecked() {
+        // workaround for MDL issues with dynamic components
+        if (componentHandler) {
+            componentHandler.upgradeAllRegistered();
+        }
+    }
+
+    onRowClick(row: DataRow, e?: Event) {
+        if (e) {
+            e.preventDefault();
+        }
+
+        this.rowClick.emit({
+            value: row,
+            event: e
+        });
+    }
+
+    onRowDblClick(row: DataRow, e?: Event) {
+        if (e) {
+            e.preventDefault();
+        }
+
+        this.rowDblClick.emit({
+            value: row,
+            event: e
+        });
+    }
+
+    onColumnHeaderClick(column: DataColumn) {
+        if (column && column.sortable) {
+            let current = this.data.getSorting();
+            let newDirection = 'asc';
+            if (current && column.key === current.key) {
+                newDirection = current.direction === 'asc' ? 'desc' : 'asc';
+            }
+            this.data.setSorting(new DataSorting(column.key, newDirection));
+        }
+    }
+
+    onSelectAllClick(e?: Event) {
+        if (e) {
+            e.preventDefault();
+        }
+
+        this.isSelectAllChecked = !this.isSelectAllChecked;
+
+        if (this.multiselect) {
+            let rows = this.data.getRows();
+            if (rows && rows.length > 0) {
+                for (let i = 0; i < rows.length; i++) {
+                    rows[i].isSelected = this.isSelectAllChecked;
+                }
+                // TODO: left for reference, will be removed during future revisions
+                /*
+                 this._ngZone.run(() => {
+                 this.data.getRows()[1].isSelected = true;
+                 });
+                 */
+            }
+        }
+    }
+
+    isIconValue(row: DataRow, col: DataColumn) {
+        if (row && col) {
+            let value = row.getValue(col.key);
+            return value && value.startsWith('material-icons://');
+        }
+        return false;
+    }
+
+    asIconValue(row: DataRow, col: DataColumn) {
+        if (this.isIconValue(row, col)) {
+            let value = row.getValue(col.key) || '';
+            return value.replace('material-icons://', '');
+        }
+        return null;
+    }
+
+    iconAltTextKey(value: string) {
+        return 'ICONS.' + value.substring(value.lastIndexOf('/') + 1).replace(/\.[a-z]+/, '');
+    }
+
+    isColumnSorted(col: DataColumn, direction: string) {
+        if (col && direction) {
+            let sorting = this.data.getSorting();
+            return sorting && sorting.key === col.key && sorting.direction === direction;
+        }
+        return false;
+    }
+
+    getContextMenuActions(row: DataRow, col: DataColumn) {
+        let args = { row: row, col: col, actions: [] };
+        this.showRowContextMenu.emit({ args: args });
+        return args.actions;
+    }
+
+    getRowActions(row: DataRow, col: DataColumn) {
+        let args = { row: row, col: col, actions: [] };
+        this.showRowActionsMenu.emit({ args: args });
+        return args.actions;
+    }
+
+    onExecuteRowAction(row: DataRow, action: any) {
+        let args = { row: row, action: action };
+        this.executeRowAction.emit({ args: args });
+    }
+}