D-Net

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

@Component({

    selector: 'showDataProviders',

    template: `

        <div *ngIf="dataProviders == undefined" class = "alert alert-info ">

            There are no data providers

        </div>

        <div *ngIf="dataProviders != undefined">

            <div role="separator" class="divider" *ngFor="let item of dataProviders">

                <p *ngIf="item['url'] != undefined && item['url']">

                    <a href="{{item['url']}}" target="_blank" class="custom-external custom-icon">

                        {{item['name']}}

                    </a>

                </p>

                <p *ngIf="item['url'] == undefined || item['url'] == ''">

                    {{item['name']}}

                </p>

                <p>

                    <span *ngFor="let item of dataProviders.organizations">

                        <a *ngIf="item['url']!=''" href="{{item['url']}}" target="_blank"

                            class="custom-external custom-icon">

                            {{item['name']}}

                        </a>

                        <p *ngIf="item['url']==''">

                            {{item['name']}}

                        </p>

                    </span>

                </p>

                <p *ngIf="item['type'] != undefined && item['type'] != ''">

                    Type: {{item['type']}}

                </p>

                <p *ngIf="item['websiteUrl'] != null && item['websiteUrl'] != ''">

                    Website URL:

                    <a href="{{item['websiteUrl']}}" target="_blank"

                        class="custom-external custom-icon">

                        {{item['websiteUrl']}}

                    </a>

                </p>

                <hr>

            </div>

        </div>

    `

})

// Possibly should be deleted. Not used anywhere.

export class ShowDataProvidersComponent {

@Input() dataProviders: { "name": string, "url": string, "type": string, "websiteUrl": string,

                    "organizations": {"name": string, "url": string}[]}[];

constructor () {

}

ngOnInit() {}

}