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

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

import {QueryResultRowComponent} from './query-result-row.component';

@Component({
    selector: 'query-result',
    template: `
        <div *ngIf="queryState">
          <pre>{{queryState.resultCypherQuery}}</pre>
          <p>Query results ({{queryState.resultInfo}}):</p>
          <table>
            <tr>
              <th *ngIf="queryState.resultTypes=='node'">ID</th>
              <th *ngIf="queryState.resultTypes=='node'">Label</th>
              <th *ngIf="queryState.resultTypes=='node'">Link</th>
            </tr>
            <tr class="resultRow" *ngFor="#row of queryState.results"
                [rowData]="row" [rowType]="queryState.resultTypes">
            </tr>
          </table>
        </div>
        `,
    directives: [QueryResultRowComponent],
    inputs: ['queryState']
})
   
export class QueryResultComponent implements OnInit { 
    
    public queryState: QueryState;
    
    ngOnChanges() {
        console.debug("result changed!");
    }
    
    ngOnInit() {
        this.setup();
    }
    
    setup() {
        console.debug("result init!");
    }
    
}