D-Net

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

    <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 class="container-header" >

        <div *ngIf="organizationInfo != null">

            <h3 *ngIf="organizationInfo.title != undefined">

                <a *ngIf="organizationInfo.title['url'] != ''"

                    href="{{organizationInfo.title['url']}}"

                    target="_blank" class="uk-icon-external-link">

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

                </a>

                <p *ngIf="organizationInfo.title['url'] == ''">

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

                </p>

            </h3>

        </div>

        </div>

    <div class="uk-grid"-->

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

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

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

        <!--div class="uk-width-2-3" *ngIf="organizationInfo != null"-->

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

                <dt *ngIf="organizationInfo.name != undefined && organizationInfo.name != ''">Name: </dt>

                <dd *ngIf="organizationInfo.name != undefined && organizationInfo.name != ''">{{organizationInfo.name}}</dd>

                <dt *ngIf="organizationInfo.country != undefined && organizationInfo.country != ''">Country: </dt>

                <dd *ngIf="organizationInfo.country != undefined && organizationInfo.country != ''">{{organizationInfo.country}}</dd>

            </dl>

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

                <li class="uk-active">

                    <a>

                        Projects

                        <span class="uk-badge uk-badge-notification">{{(searchingProjectsTabComponent)?searchingProjectsTabComponent.fetchProjects.totalResults:0}}</span>

                    </a>

                </li>

                <li (click)="searchDataprovidersInit()">

                    <a>

                        Data Providers

                        <!--span *ngIf="organizationInfo.dataProviders == undefined" class="badge">0</span>

                        <span *ngIf="organizationInfo.dataProviders != undefined" class="badge">

                            {{organizationInfo.dataProviders.length}}

                        </span-->

                        <span class="uk-badge uk-badge-notification">

                            {{fetchDataproviders.searchUtils.totalResults}}

                        </span>

                    </a>

                </li>

                <!--li (click)="getMetrics()">

                    <a href="#metricsTab">

                        Metrics

                    </a>

                </li-->

            </ul>

            <ul id="tab-content" class="uk-switcher uk-margin">

                <li class="uk-animation-fade">

                  <searchingProjectsTab [organizationId]=organizationId ></searchingProjectsTab>

                    <!--div *ngIf="organizationInfo.projects == undefined" class = "uk-alert">

                        There are no projects

                    </div>

                    <div *ngIf="organizationInfo.projects != undefined">

                        <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>

                        <div *ngIf="organizationInfo.projects.size == 1">

                            <div *ngFor="let key of organizationInfo.projects.keys()">

                                <strong>Projects funded by {{key}}</strong>

                            </div>

                        </div>

                        <div *ngIf="organizationInfo.projects.size > 1">

                            <strong>Filter by Funder</strong>

                                <span *ngFor="let key of organizationInfo.projects.keys()" class="checkbox">

                                    <label>

                                        <!--input type="checkbox" (ngModelChange)="changeType(key)"-->

                                        <!--input type="checkbox" (click)='handleClick(key)'>

                                            {{key}}

                                    </label>

                                </span>

                        </div>

                        <table class="uk-table uk-table-striped" *ngIf="organizationInfo.projects.size > 0">

                            <thead>

                                <tr>

                                    <th class="uk-text-center">Funder</th>

                                    <th class="uk-text-center">Project Name</th>

                                </tr>

                            </thead>

                            <tbody *ngFor="let key of organizationInfo.projects.keys()">

                                <tr *ngFor="let item of organizationInfo.projects.get(key)">

                                    <td *ngIf="fundersSet.has(key)">

                                        {{key}}

                                    </td>

                                    <td *ngIf="fundersSet.has(key)">

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

                                        <!--a *ngIf="item['id'] != '' && item['name'] != ''"

                                            [queryParams]="{projectId: item.id}" routerLinkActive="router-link-active" routerLink="/search/project">

                                                {{item['name']}}

                                        </a>

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

                                        <span *ngIf="item['code'] != null && item['code'] != ''"> ({{item['code']}}) </span>

                                    </td>

                                </tr>

                            </tbody>

                        </table>

                    </div-->

                </li>

                <li class="uk-animation-fade">

                    <!--showDataProviders [dataProviders]="organizationInfo.dataProviders"></showDataProviders-->

                    <div *ngIf="fetchDataproviders.searchUtils.totalResults == 0" class = "uk-alert">

                        There are no dataproviders

                    </div>

                    <div *ngIf="fetchDataproviders.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>

                        <div class = "uk-text-right" *ngIf = "fetchDataproviders.searchUtils.totalResults > 10">

                            <!--a [href] = "linkToSearchDataproviders">

                                View all {{fetchDataproviders.searchUtils.totalResults}} results

                            </a-->

                            <a  [queryParams]="routerHelper.createQueryParams(['organizationId', 'or'], [organizationId, 'and'])"

                                routerLinkActive="router-link-active" [routerLink]="linkToSearchDataproviders">

                                View all {{fetchDataproviders.searchUtils.totalResults}} results

                            </a>

                        </div>

                        <search-result  [(results)]="fetchDataproviders.results"

                                        [(status)]= "fetchDataproviders.status"

                                        type="dataprovider" urlParam="datasourceId">

                        </search-result>

                    </div>

                </li>

                <!--li id="metricsTab">

                    <div *ngIf="metrics == undefined" class = "uk-alert uk-alert-warning">

                        Metrics are currently unavailable

                    </div>

                    <div *ngIf="metrics != undefined" class="uk-panel uk-panel-box">

                        <b>Views: </b>{{metrics}}

                    </div>

                </li-->

            </ul>

        </div>

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

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

                <li>

                  <dl class="uk-description-list-line">

                      <dt  >Share - Bookmark

                      </dt>

                      <dd>

                        <addThis ></addThis>

                      </dd>

                  </dl>

                </li>

                <ng-container *ngIf="searchingProjectsTabComponent && searchingProjectsTabComponent.fetchProjects.funders.length  > 0">

                        <li *ngFor="let funder of searchingProjectsTabComponent.fetchProjects.funders">

                            <!--a href="{{downloadURLAPI}}resources?size={{organizationInfo.projects.get(key).length}}&{{csvProjectParamsHead}}{{organizationInfo.projects.get(key)[0]['funderId']}}{{csvParamsTail}}">

                                Download projects report (CSV) for {{key}}

                            </a-->

                            <span class="clickable" (click)="downloadfile(downloadURLAPI+'resources?size='+funder.number+'&'+csvProjectParamsHead+funder.id+csvParamsTail)">

                                <span aria-hidden="true" class="glyphicon glyphicon-download"></span>

                                <span class="uk-icon-download"> Projects report(CSV) for {{funder.name}}</span>

                            </span>

                        </li>

                        <li *ngFor="let funder of searchingProjectsTabComponent.fetchProjects.funders">

                            <span class="clickable" (click)="confirmOpen(funder.name,funder.id, funder.number)">

                                <span aria-hidden="true" class="glyphicon glyphicon-download"></span>

                                <span class="uk-icon-download"> Publications report(CSV) for {{funder.name}}</span>

                            </span>

                        </li>

                </ng-container>

            </ul>

        </div>

    </div>

    <modal-loading></modal-loading>

    <modal-alert (alertOutput)="confirmClose($event)"></modal-alert>

</div>