D-Net

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

@Component({

    selector: 'tabTable',

    template: `

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

            <thead>

                <tr>

                    <th>Title</th>

                    <th>Trust</th>

                </tr>

            </thead>

            <tbody>

                <tr *ngFor="let item of info" class="{{item['class']}}">

                    <td *ngIf="item != undefined">

                        <span *ngIf="item['class'] == 'dataset'" class="glyphicon glyphicon-star" aria-hidden="true">

                        </span>

                        <a *ngIf="item['url'] != '' && item['name'] != ''" href="{{item['url']}}">

                            {{item['name']}}

                        </a>

                        <p *ngIf="item['url'] == '' && item['name'] != ''">{{item['name']}}</p>

                        <span *ngIf="item['date'] != ''">

                            ({{item['date']}})

                        </span>

                    </td>

                    <td>

                        <div *ngIf="item['trust'] != ''" class="uk-progress uk-progress-warning">

                            <div class="uk-progress-bar" role="progressbar" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100" [style.width] = "item['trust']">

                                {{item['trust']}}

                            </div>

                            <!--div class="uk-progress-bar" style="width: 40%;">40%</div-->

                        </div>

                        <div *ngIf="item['trust'] == ''">

                            <p>no trust found</p>

                        </div>

                    </td>

                </tr>

            </tbody>

        </table>

    `

    })

export class TabTableComponent {

    @Input() info: { "name": string, "url": string, "date": string, "trust": string}[];//Map<string, string[]>;

    constructor () {

        console.info('tabTable constructor');

    }

    ngOnInit() {

        console.info('tabTable ngOnInit');

    }

}