D-Net

<div class="uk-container uk-margin-top datasource">

    <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning" role="alert">{{warningMessage}}</div>

    <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger" role="alert">{{errorMessage}}</div>

    <div *ngIf="dataProviderInfo != null" class="uk-grid">

        <div class="uk-width-7-10">

            <!--h3 *ngIf="dataProviderInfo.title != null">

                <a *ngIf="dataProviderInfo.title['url'] != undefined && dataProviderInfo.title['url'] != null"

                    href="{{dataProviderInfo.title['url']}}" target="_blank" class="uk-icon-external-link">

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

                </a>

                <p *ngIf="dataProviderInfo.title['url'] == undefined || dataProviderInfo.title['url'] == null">

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

                </p>

            </h3-->

            <showTitle [title]="dataProviderInfo.title"></showTitle>

            <dl class="uk-description-list-horizontal custom-description-list-horizontal">

                <dt *ngIf="dataProviderInfo.type != undefined && dataProviderInfo.type != ''">Type: </dt>

                <dd *ngIf="dataProviderInfo.type != undefined && dataProviderInfo.type != ''">{{dataProviderInfo.type}}</dd>

                <dt *ngIf="dataProviderInfo.compatibility != undefined && dataProviderInfo.compatibility != ''">Compatibility: </dt>

                <dd *ngIf="dataProviderInfo.compatibility != undefined && dataProviderInfo.compatibility != ''">{{dataProviderInfo.compatibility}}</dd>

                <dt *ngIf="dataProviderInfo.oaiPmhURL != undefined && dataProviderInfo.oaiPmhURL != ''">OAI-PMH: </dt>

                <dd *ngIf="dataProviderInfo.oaiPmhURL != undefined && dataProviderInfo.oaiPmhURL != ''">

                    <span class="uk-icon-external-link">

                        <a href="{{dataProviderInfo.oaiPmhURL}}" target="_blank">

                            {{dataProviderInfo.oaiPmhURL}}

                        </a>

                    </span>

                </dd>

                <dt *ngIf="dataProviderInfo.countries != undefined && dataProviderInfo.countries.length > 0">Countries: </dt>

                <dd *ngIf="dataProviderInfo.countries != undefined">{{dataProviderInfo.countries}}</dd>

            </dl>

            <tabs [id] = "datasourceId"

                  [name] = "dataProviderInfo.title['name']"

                  [resultsBy] = "dataProviderInfo.resultsBy"

                  [tabs]="dataProviderInfo.tabs"

                  [statistics]="dataProviderInfo.statistics"

                  [organizations]="dataProviderInfo.organizations"

                  [_dataproviderService]="_dataproviderService">

            </tabs>

        </div>

        <div class="uk-width-3-10">

            <ul class="uk-list uk-list-striped">

                <li>

                    Share - Bookmark

                </li>

            </ul>

        </div>

    </div>

</div>