D-Net

import {Component, Input, ViewChild} from '@angular/core';

@Component({

    selector: 'table-view',

    template: `

    <table class="uk-table uk-table-striped">

      <tr>

        <th>Name</th>

        <th>Type</th>

        <th>Country</th>

        <th>Institution</th>

        <th>Compatibility</th>

      </tr>

      <tr *ngFor="let result of datasources">

        <td>

            <a href="{{result['title'].url}}">

              <p *ngIf="result['title'].name != undefined && result['title'].name != ''">

                  {{result['title'].name}}

              </p>

              <p *ngIf="result['title'].name == undefined || result['title'].name == ''">

                  {{result['title'].url}}

              </p>

            </a>

        </td>

        <td> {{result['type']}}</td>

        <td>....</td>

        <td>

          <span *ngFor="let organization of result['organizations'] let i=index">

              <a *ngIf="organization.url != undefined" href="{{organization.url}}">

                      {{organization.name}}

              </a>

              <span *ngIf="organization.url == undefined">

                  {{organization.name}}

              </span>

              <span *ngIf="i < result['organizations'].length-1"> ,</span>

          </span>

        </td>

        <td>....</td>

      </tr>

    </table>

    `

})

export class DatasourceTableViewComponent {

  @Input() datasources =[];

  // private results:{name:string, type:string, organizations:string, countries:string, compatibility:string}[] = [];

  constructor () {

  }

  public ngOnInit() {

    // // var results:{name:string, type:string, organizations:string, countries:string, compatibility:string}[] = []

    // for(var i =0; i < this.datasources.length; i++){

    //   var datasource: {name:string, type:string, organizations:string, countries:string, compatibility:string} = {name:"",type:"",organizations:"", countries:"", compatibility:""};

    //   datasource.name = '<a href="'+this.datasources[i]['title'].url+'" >' + (this.datasources[i]['title'].name)?this.datasources[i]['title'].name:this.datasources[i]['title'].url +'</a>';

    //   datasource.type = this.datasources[i]['type'];

    //   this.results.push(datasource);

    // }

  }

  public ngOnDestroy() {

  }

  sort(){

    // objs.sort(function(a,b) {return (a.last_nom > b.last_nom) ? 1 : ((b.last_nom > a.last_nom) ? -1 : 0);} );

  }

}