import { FbTableData } from './FbTableData';
// Angular imports //
import { Component, OnInit } from '@angular/core';
import { downgradeComponent } from '@angular/upgrade/static';
declare const angular: angular.IAngularStatic;

// Components //

// Interfaces //

// Services //

// Directives //

@Component({
    selector: 'fb-table-exempel',
    templateUrl: './fb-table-exempel.component.html'
})
export class FbTableExempelComponent implements OnInit {

    table4Filter: string = '';
    data: FbTableData[];
    selected1: any[] = [];
    selected2: any[] = [];

    ngOnInit(): void {
        this.data = [];

        // Skapa lite data
        this.data.push({
            param1: 'foo',
            param2: 1,
            param3: true,
            underData: [
                {
                    param1: 'under',
                    param2: 3,
                    param3: false,
                    underData: undefined
                }
            ]
        });
        this.data.push({
            param1: 'bar',
            param2: 42,
            param3: false,
            underData: []
        });
        this.data.push({
            param1: 'fb',
            param2: 24,
            param3: true,
            underData: []
        });
        this.data.push({
            param1: 'BAR',
            param2: undefined,
            param3: undefined,
            underData: [
                {
                    param1: 'under2',
                    param2: 63,
                    param3: true,
                    underData: undefined
                },
                {
                    param1: 'under3',
                    param2: 64,
                    param3: true,
                    underData: undefined
                }
            ]
        });
    }

    rowSelected(d: FbTableData): void {
        console.info('Raden ' + d.param1 + ' valdes');
    }

    orderUpdated(order: string, reversed: boolean): void {
        console.info('Sorteringen ändrades. order = ' + order + ', reversed = ' + reversed);
    }

    filterData(d: FbTableData): boolean {
        return d.param1.indexOf(this.table4Filter) >= 0;
    }
}

// Angular downgrade ////
angular.module('fasit')
    .directive('fbTableExempel',
    downgradeComponent({
        component: FbTableExempelComponent,
        inputs: [],
        outputs: []
    }) as angular.IDirectiveFactory);