alfresco-ng2-components/demo-shell/src/app/components/lazy-loading/lazy-loading.component.ts

/*!
 * @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 '@angular/core';
import { ObjectDataTableAdapter, AuthenticationService } from '@alfresco/adf-core';

@Component({
    selector: 'app-lazy-component',
    template: `
        <adf-datatable [data]="data"></adf-datatable>

        <ul>
            <li>Global i18n: {{ 'APP_LAYOUT.DATATABLE_LAZY' | translate }}</li>
            <li>Local i18n (work in progress): {{ 'LAZY.TEXT' | translate }}</li>
            <li>isLoggedIn: {{ isLoggedIn }}</li>
            <li>ECM username: {{ username }}
        </ul>
    `
})
export class LazyLoadingComponent {

    data: ObjectDataTableAdapter;

    get isLoggedIn(): boolean {
        return this.auth.isLoggedIn();
    }

    get username(): string {
        return this.auth.getEcmUsername();
    }

    constructor(private auth: AuthenticationService) {
        this.data = new ObjectDataTableAdapter(
            // data
            [
              {id: 1, name: 'Name 1'},
              {id: 2, name: 'Name 2'}
            ],
            // schema
            [
              {
                type: 'text',
                key: 'id',
                title: 'Id',
                sortable: true
              },
              {
                type: 'text',
                key: 'name',
                title: 'Name',
                cssClass: 'full-width',
                sortable: true
              }
            ]
        );
    }
}