import {Component, OnInit} from 'angular2/core';

import {NG_TABLE_DIRECTIVES} from 'ng2-table/ng2-table';

import {QueryState} from './query-state';

@Component({
    selector: 'query-result-table',
    template: `
    <div *ngIf="queryState && queryState.results">
        <pre>{{queryState.resultCypherQuery}}</pre>
        <p>Query results ({{queryState.resultInfo}}):</p>
        <ngTable 
           (tableChanged)="onChangeTable(config)"
           [rows]="queryState.results" [columns]="queryState.resultColumns">
        </ngTable>
    </div>
        `,
    inputs: ['queryState'],
    directives: [NG_TABLE_DIRECTIVES]
})
   
export class QueryResultTableComponent implements OnInit { 
    
    public queryState: QueryState;
    
    ngOnChanges() {
        console.debug("result table changed! queryState=", this.queryState?this.queryState.resultColumns:'');
    }
    
    ngOnInit() {
        this.setup();
    }
    
    setup() {
        console.debug("result table init!");
    }
    
}