D-Net

            <!--tabs [id] = "datasourceId"

            </tabs-->

            <div *ngIf="showTabs">

                <ul  class="uk-tab" data-uk-switcher="{connect:'#tab-content'}">

                    <li *ngFor="let tab of dataProviderInfo.tabs; let i=index" id="{{dataProviderInfo.tabs[i].content}}">

                        <a

                            (click)="search(tab.content, 1, 10)">

                                {{tab.name}}

                                <i *ngIf="tab.content == 'metricsTab'" class="uk-icon-line-chart"></i>

                                <i *ngIf="tab.content == 'statisticsTab'" class="uk-icon-pie-chart"></i>

                                <span class="uk-badge uk-badge-notification" *ngIf="tab.content=='publicationsTab'">

                                    {{fetchPublications.searchUtils.totalResults}}

                                </span>

                                <span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasetsTab'">

                                    {{fetchDatasets.searchUtils.totalResults}}

                                </span>

                                <span class="uk-badge uk-badge-notification" *ngIf="tab.content=='projectsTab'">

                                    {{fetchProjects.searchUtils.totalResults}}

                                </span>

                                <span class="uk-badge uk-badge-notification" *ngIf="tab.content=='datasourcesTab'">

                                    {{fetchDataproviders.searchUtils.totalResults}}

                                </span>

                                <span class="uk-badge uk-badge-notification" *ngIf="tab.content=='organizationsTab'">

                                    {{dataProviderInfo.organizations.length}}

                                </span>

                        </a>

                    </li>

                </ul>

                <ul *ngIf="dataProviderInfo.tabs != undefined" id="tab-content" class="uk-switcher uk-margin custom-tab-content">

                    <li class="uk-animation-fade" *ngFor="let tab of dataProviderInfo.tabs; let i=index">

                        <publicationsTab *ngIf="  tab.content=='publicationsTab'"

                                         [paramsForSearchLink]="paramsForSearchLink"

                                         [fetchPublications] = "fetchPublications">

                        </publicationsTab>

                        <datasetsTab *ngIf="  tab.content=='datasetsTab'"

                                     [paramsForSearchLink]="paramsForSearchLink"

                                     [fetchDatasets]="fetchDatasets">

                        </datasetsTab>

                        <projectsTab *ngIf="  tab.content=='projectsTab'"

                                     [paramsForSearchLink]="paramsForSearchLink"

                                     [fetchProjects]="fetchProjects">

                        </projectsTab>

                        <datasourcesTab *ngIf="  tab.content=='datasourcesTab'"

                                        [paramsForSearchLink]="paramsForSearchLink"

                                        [fetchDataproviders]="fetchDataproviders">

                        </datasourcesTab>

                        <organizationsTab *ngIf="  tab.content=='organizationsTab'"

                                          [organizations]="dataProviderInfo.organizations">

                        </organizationsTab>

                        <relatedDatasourcesTab *ngIf="  tab.content=='relatedDatasourcesTab'"

                            [dataproviderId]="id"

                            [fetchResults]="fetchResultsAggregators"

                            [type]="relatedDataprovidersResultsType">

                        </relatedDatasourcesTab>

                        <div *ngIf="  tab.content=='statisticsTab' && statsClicked">

                          <div *ngIf="fetchPublications.searchUtils.totalResults == 0 && fetchDatasets.searchUtils.totalResults == 0" class = "uk-alert">

                              There are no statistics

                          </div>

                          <div *ngIf="(fetchPublications.searchUtils.totalResults != 0 || fetchDatasets.searchUtils.totalResults != 0)">

                            <p>

                              The results below are discovered through our pilot algorithms.

                              <a href="mailto:feedback@openaire.eu">Let us know how we are doing!</a>

                            </p>

                            <p class="uk-text-bold">Latest Documents Timeline</p>

                            <i-frame  [url]=docsTimelineUrl width="800" height="350"></i-frame>

                            <p class="uk-text-bold">Documents Types</p>

                            <i-frame [url]=docsTypesUrl width="800" height="350"></i-frame>

                          </div>

                          <div *ngIf="(fetchPublications.searchUtils.totalResults > 0)">

                              <div>

                                <p class="uk-text-bold">Funders in Data Providers Publications</p>

                                <i-frame  [url]=pubsFunderUrl width="800" height="350"></i-frame>

                                <p class="uk-text-bold">Projects with most Publications</p>

                                <i-frame [url]=pubsProjectsUrl width="800" height="350"></i-frame>

                              </div>

                              <div *ngIf="(fetchDatasets.searchUtils.totalResults > 0)">

                                <div>

                                    <p class="uk-text-bold">Projects with most Research Data</p>

                                    <i-frame  [url]=dataProjectsUrl width="800" height="350"></i-frame>

                                </div>

                              </div>

                          </div>

                        </div>

                        <metrics *ngIf="  tab.content=='metricsTab' && metricsClicked"

                            [id]="id" [type]="'datasources'" [name]="dataProviderInfo.title['name']" (metricsResults)="metricsResults($event)">

                        </metrics>

                        <i-frame *ngIf="  tab.content=='metricsTab' && metricsClicked && totalViews > 0"

                            [url]=viewsFrameUrl width="100%" height="250">

                        </i-frame>

                        <i-frame *ngIf="  tab.content=='metricsTab' && metricsClicked && totalDownloads > 0"

                            [url]=downloadsFrameUrl width="100%" height="250">

                        </i-frame>

                    </li>

                </ul>

                </div>