D-Net

<div class="uk-container person">

    <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="projectInfo != null" class="uk-grid">

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

            <!--h3 *ngIf="projectInfo.acronym != undefined && projectInfo.acronym != ''">{{projectInfo.acronym}}</h3>

            <h3 *ngIf="projectInfo.acronym == undefined || projectInfo.acronym == ''">{{projectInfo.title}}</h3-->

            <h3>{{projectName}}</h3>

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

                <dt *ngIf="projectInfo.title != undefined && projectInfo.title != ''">Title: </dt>

                <dd *ngIf="projectInfo.title != undefined && projectInfo.title != ''">{{projectInfo.title}}</dd>

                <dt *ngIf="projectInfo.funding != undefined && projectInfo.funding != ''">Funding: </dt>

                <dd *ngIf="projectInfo.funding != undefined && projectInfo.funding != ''">{{projectInfo.funding}}</dd>

                <dt *ngIf="projectInfo.callIdentifier != undefined && projectInfo.callIdentifier != ''">Call: </dt>

                <dd *ngIf="projectInfo.callIdentifier != undefined && projectInfo.callIdentifier != ''">{{projectInfo.callIdentifier}}</dd>

                <dt *ngIf="projectInfo.contractNum != undefined && projectInfo.contractNum != ''">Contract (GA) number: </dt>

                <dd *ngIf="projectInfo.contractNum != undefined && projectInfo.contractNum != ''">{{projectInfo.contractNum}}</dd>

                <dt *ngIf="projectInfo.startDate != undefined && projectInfo.startDate != ''">Start Date: </dt>

                <dd *ngIf="projectInfo.startDate != undefined && projectInfo.startDate != ''">{{projectInfo.startDate}}</dd>

                <dt *ngIf="projectInfo.endDate != undefined && projectInfo.endDate != ''">End Date: </dt>

                <dd *ngIf="projectInfo.endDate != undefined && projectInfo.endDate != ''">{{projectInfo.endDate}}</dd>

                <dt *ngIf="projectInfo.openAccessMandate != undefined && projectInfo.openAccessMandate != ''">Open Access mandate: </dt>

                <dd *ngIf="projectInfo.openAccessMandate != undefined && projectInfo.openAccessMandate != ''">{{projectInfo.openAccessMandate}}</dd>

                <dt *ngIf="projectInfo.specialClause39 != undefined && projectInfo.specialClause39 != ''">Special Clause 39: </dt>

                <dd *ngIf="projectInfo.specialClause39 != undefined && projectInfo.specialClause39 != ''">{{projectInfo.specialClause39}}</dd>

                <dt *ngIf="projectInfo.organizations != undefined">Organizations: </dt>

                <dd *ngIf="projectInfo.organizations != undefined">

                    <span *ngFor="let key of projectInfo.organizations.keys() let i=index">

                        <a *ngIf="projectInfo.organizations.get(key) != null &&

                            projectInfo.organizations.get(key) != ''"

                            href="{{(projectInfo.organizations.get(key))}}">

                                {{key}}

                        </a>

                        <span *ngIf="projectInfo.organizations.get(key) == null ||

                            projectInfo.organizations.get(key) == ''">

                                {{key}}

                        </span>

                        <span *ngIf="i<projectInfo.organizations.size-1">,</span>

                    </span>

                </dd>

                <dt *ngIf="projectInfo.urlInfo != undefined && projectInfo.urlInfo != ''">More information:</dt>

                <dd *ngIf="projectInfo.urlInfo != undefined && projectInfo.urlInfo != ''">

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

                        <a target="_blank" href="{{projectInfo.url}}">

                            {{projectInfo.urlInfo}}

                        </a>

                    </span>

                </dd>

            </dl>

            <!--div class="uk-text-right">

            	<button (click)=" toggleClaimResult()" class = "uk-button uk-button-primary uk-button-mini" >Add Research Results</button>

            </div>

            <inline-claim-result inlineType ="'project'" [inlineEntity]=project  (datasetAdded)="resultsAdded($event,false)"  (publicationAdded)="resultsAdded($event,true)"   ></inline-claim-result-->

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

                <li class="uk-active">

                    <a href="#publicationsTab">

                        Publications

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

                            {{searchPublicationsComponent.searchUtils.totalResults}}

                        </span>

                    </a>

                </li>

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

                    <a href="#researchDataTab">

                        Research Data

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

                            {{searchDatasetsComponent.searchUtils.totalResults}}

                        </span>

                    </a>

                </li>

                <li (click)="statsClicked=true;">

                    <a href="#statisticsTab">

                        Statistics

                    </a>

                </li>

                <li (click)="metricsClicked=true;">

                    <a href="#metricsTab">

                        Metrics

                    </a>

                </li>

            </ul>

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

                <li id="publicationsTab">

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

                        There are no publications

                    </div>

                    <div *ngIf="searchPublicationsComponent.searchUtils.totalResults > 0">

                        <p>

                            The results below are discovered through our pilot algorithms.

                            <a href="mailto:">Let us know how we are doing!</a>

                        </p>

                        <div class = "uk-text-right" *ngIf = "searchPublicationsComponent.searchUtils.totalResults > 10" ><a [href] = "linkToSearchPublications" >View all {{searchPublicationsComponent.searchUtils.totalResults}} results</a></div>

                        <search-result [(results)]="searchPublicationsComponent.results" [(status)]= "searchPublicationsComponent.status"></search-result>

                    </div>

                </li>

                <li id="researchDataTab">

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

                        There are no research data

                    </div>

                    <div *ngIf="searchDatasetsComponent.searchUtils.totalResults > 0">

                        <p>

                            The results below are discovered through our pilot algorithms.

                            <a href="mailto:">Let us know how we are doing!</a>

                        </p>

                        <div class = "uk-text-right" *ngIf = "searchDatasetsComponent.searchUtils.totalResults > 10" ><a [href] = "linkToSearchDatasets" >View all {{searchDatasetsComponent.searchUtils.totalResults}} results</a></div>

                        <search-result [(results)]="searchDatasetsComponent.results" [(status)]= "searchDatasetsComponent.status"></search-result>

                    </div>

                </li>

                <li id="statisticsTab">

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

                      There are no statistics

                  </div>

                  <div *ngIf="statsClicked && (searchPublicationsComponent.searchUtils.totalResults != 0 || searchDatasetsComponent.searchUtils.totalResults != 0)">

                      <p>

                          The results below are discovered through our pilot algorithms.

                          <a href="mailto:">Let us know how we are doing!</a>

                      </p>

                      <div>

                        <p>Scientific Results</p>

                        <i-frame  [url]=chartScientificResultsUrl width="100%" height="500"></i-frame>

                        <p>Access Mode</p>

                        <i-frame [url]=chartAccessModeUrl width="100%" height="500"></i-frame>

                        <p>By Datasource</p>

                        <i-frame  [url]=chartDatasourcesUrl width="100%" height="500"></i-frame>

                      </div>

                  </div>

                </li>

                <li id="metricsTab">

                    <metrics *ngIf="metricsClicked" [id]="projectId" [type]="'projects'" [name]="projectName"></metrics>

                    <i-frame *ngIf="metricsClicked" [url]=viewsFrameUrl width="100%" height="500"></i-frame>

                </li>

            </ul>

        </div>

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

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

                <li>

                    Share - Bookmark

                </li>

                <li>

                    <a href="{{linkToSearchPublications}}">

                        View all Project Publications

                    </a>

                </li>

                <li>

                    <a href="">

                        Dynamically incorporate publications in your site (HTML)

                    </a>

                </li>

                <li>

                    <a href="">

                        View {{projectInfo.funder}} progress report (HTML)

                    </a>

                </li>

                <li>

                    <export

                        [linkname]="'Download '+ projectInfo.funder +' progress report (CSV)'"

                        [filename]="'publications.csv'">

                    </export>

                </li>

                <!--li class="list-group-item">

                    <div class="text-center">

                        <a class="btn btn-primary" href="/linking">

                            Link Research Results

                        </a>

                    </div>

                </li-->

                <li>

                    <div class="uk-text-center">

                        <a class="uk-button uk-button-primary uk-button-mini" href="/deposit-publications">

                            Deposit Publications

                        </a>

                    </div>

                </li>

            </ul>

        </div>

    </div>

</div>