import {Component} from '@angular/core';

@Component({
    selector: 'tr.resultRow',
    template: `
        <ng-container *ngIf="rowType=='node'">
          <td style="vertical-align: top;"
            *ngFor="let col of columns">
            <a *ngIf="col && col.name=='link'" href="{{rowData[col.name]}}" target="_blank">Link</a>
            <span *ngIf="col && col.name!='link'">{{rowData[col.name]}}</span>
          </td>
        </ng-container>
        <ng-container *ngIf="rowType=='text'">
          <td style="vertical-align: top;">{{rowData}}</td>
        </ng-container>
        `,
    inputs: ['rowData', 'rowType', 'columns']
})
   
export class QueryResultRowComponent { 
    
    public rowType: string;
    public rowData: any;
    public columns: any[];
    
    ngOnInit() {
        console.debug("row init! rowType=", this.rowType, " columns=", this.columns, " rowData=", this.rowData);
    }
}