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">
          <p>Cypher: {{queryState.cypherQuery}}</p>
          <p>Query results ({{queryState.numResults}}):</p>
          <ul>
            <li *ngFor="#row of queryState.results">
              <query-result-row [rowData]="row" [rowType]="queryState.resultTypes"></query-result-row> 
            </li>
          </ul>
        </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!");
    }
    
}