mirror of
https://github.com/Alfresco/alfresco-ng2-components.git
synced 2025-05-12 17:04:57 +00:00
2fa8283213
basic implementation of main features: - custom data sources - column types - sorting by columns - click events
64 lines
2.3 KiB
TypeScript
64 lines
2.3 KiB
TypeScript
/*!
|
|
* @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} from 'angular2/core';
|
|
import {TranslatePipe} from 'ng2-translate/ng2-translate';
|
|
|
|
import {
|
|
ALFRESCO_DATATABLE_DIRECTIVES,
|
|
ObjectDataTableAdapter, DataSorting
|
|
} from 'ng2-alfresco-datatable/ng2-alfresco-datatable';
|
|
|
|
declare let __moduleName:string;
|
|
|
|
@Component({
|
|
moduleId: __moduleName,
|
|
selector: 'datatable-demo',
|
|
templateUrl: './datatable-demo.component.html',
|
|
directives: [ALFRESCO_DATATABLE_DIRECTIVES],
|
|
pipes: [TranslatePipe]
|
|
})
|
|
export class DataTableDemoComponent {
|
|
data: ObjectDataTableAdapter;
|
|
|
|
constructor() {
|
|
|
|
let imageUrl = 'http://placehold.it/140x100';
|
|
let createdBy = {
|
|
name: 'Denys Vuika',
|
|
email: 'denys.vuika@alfresco.com'
|
|
};
|
|
|
|
this.data = new ObjectDataTableAdapter(
|
|
[
|
|
{ id: 1, name: 'Name 1', createdBy: createdBy, icon: 'material-icons://folder_open' },
|
|
{ id: 2, name: 'Name 2', createdBy: createdBy, icon: 'material-icons://accessibility' },
|
|
{ id: 3, name: 'Name 3', createdBy: createdBy, icon: 'material-icons://alarm' },
|
|
{ id: 4, name: 'Image 1', createdBy: createdBy, icon: imageUrl }
|
|
],
|
|
[
|
|
{ type: 'image', key: 'icon', title: '', srTitle: 'Thumbnail' },
|
|
{ type: 'text', key: 'id', title: 'Id', sortable: true},
|
|
{ type: 'text', key: 'name', title: 'Name', cssClass: 'full-width name-column', sortable: true },
|
|
{ type: 'text', key: 'createdBy.name', title: 'Created By', sortable: true }
|
|
]
|
|
);
|
|
|
|
this.data.setSorting(new DataSorting('name', 'asc'));
|
|
}
|
|
}
|