D-Net

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

    <!--div class="container-header" -->

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

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

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

        <!--/div>

        </div>

    <div class="uk-grid">

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

            <div>

                <showAuthors [authors]="datasetInfo.authors"></showAuthors>

                <span *ngIf="datasetInfo.date != ''">({{datasetInfo.date}})</span>

            </div>

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

                <dt *ngIf="datasetInfo.publisher != undefined && datasetInfo.publisher != ''">Publisher: </dt>

                <dd *ngIf="datasetInfo.publisher != undefined && datasetInfo.publisher != ''">{{datasetInfo.publisher}}</dd>

                <dt *ngIf="datasetInfo.type != undefined"> Type: </dt>

                <dd *ngIf="datasetInfo.type != undefined">{{datasetInfo.type}}</dd>

                <dt *ngIf="datasetInfo.embargoEndDate != undefined && datasetInfo.embargoEndDate != ''">Embargo end date: </dt>

                <dd *ngIf="datasetInfo.embargoEndDate != undefined && datasetInfo.embargoEndDate != ''">{{datasetInfo.embargoEndDate}}</dd>

                <showIdentifiers [identifiers]="datasetInfo.identifiers"></showIdentifiers>

                <showSubjects [subjects]="datasetInfo.subjects"

                              [otherSubjects]="datasetInfo.otherSubjects"

                              [classifiedSubjects]="datasetInfo.classifiedSubjects">

                </showSubjects>

            </dl>

            <blockquote *ngIf="datasetInfo.description != ''">

                <div class="uk-text-justify">{{datasetInfo.description}}</div>

            </blockquote>

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

                <li class="uk-active">

                     <a href="#relatedTab">

                         Related Research Results

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

                             {{relatedResearchResultsNum}}

                         </span>

                     </a>

                 </li>

                <li>

                    <a href="#similarTab">

                        Similar Research Results

                        <span *ngIf="datasetInfo.similarResearchResults == undefined" class="uk-badge uk-badge-notification">0</span>

                        <span *ngIf="datasetInfo.similarResearchResults != undefined" class="uk-badge uk-badge-notification">

                            {{datasetInfo.similarResearchResults.length}}

                        </span>

                    </a>

                </li>

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

                    <a href="#metricsTab">

                        Metrics

                    </a>

                </li>

            </ul>

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

                <li id="relatedTab">

                    <div *ngIf="datasetInfo.relatedResearchResults == undefined" class = "uk-alert" >

                        There are no related research results

                    </div>

                    <div *ngIf="datasetInfo.relatedResearchResults != undefined">

                        <div *ngFor="let provenanceaction of datasetInfo.relatedResearchResults.keys()">

                            <h4>{{provenanceaction}}</h4>

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

                            <tabTable from="dataset" [info]="datasetInfo.relatedResearchResults.get(provenanceaction)"></tabTable>

                        </div>

                    </div>

                </li>

                <li id="similarTab">

                    <div  *ngIf="datasetInfo.similarResearchResults == undefined"  class = "uk-alert" >

                        There are no similar research results

                    </div>

                    <div *ngIf="datasetInfo.similarResearchResults != 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>

                        <tabTable from="dataset" [info]="datasetInfo.similarResearchResults"></tabTable>

                    </div>

                </li>

                <li id="metricsTab">

                    <metrics *ngIf="metricsClicked"

                        [id]="datasetId" [type]="'results'" (metricsResults)="metricsResults($event)">

                    </metrics>

                    <i-frame *ngIf="metricsClicked && totalViews > 0"

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

                    </i-frame>

                    <i-frame *ngIf="metricsClicked && totalDownloads > 0"

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

                    </i-frame>

                </li>

            </ul>

        </div>

        <div class="uk-width-3-10" *ngIf="datasetInfo != null">

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

                <li>

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

                      <dt  >Share - Bookmark

                      </dt>

                      <dd>

                        <addThis ></addThis>

                      </dd>

                  </dl>

                  <altmetrics *ngIf="datasetInfo.identifiers != undefined && datasetInfo.identifiers.get('doi') != undefined"

                     id="{{datasetInfo.identifiers.get('doi')[0]}}" type="doi">

                  </altmetrics >

                </li>

                <li *ngIf="datasetInfo.downloadFrom != undefined && datasetInfo.downloadFrom.size > 0">

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

                        <dt class="title">Download from</dt>

                        <dd class="line" *ngFor="let key of datasetInfo.downloadFrom.keys()">

                            <div *ngIf="datasetInfo.downloadFrom.get(key)['url'].length > 1">

                                {{key}}

                                <span *ngFor="let url of datasetInfo.downloadFrom.get(key)['url']; let i=index;">

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

                                        [{{i+1}}]

                                    </a>

                                </span>

                            </div>

                            <a *ngIf="datasetInfo.downloadFrom.get(key)['url'].length == 1" href="{{datasetInfo.downloadFrom.get(key)['url']}}">

                                {{key}}

                            </a>

                        </dd>

                    </dl>

                </li>

                <li  >

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

                        <dt class="title">Funded By</dt>

                        <dd

                            data-uk-tooltip="{pos:'right'}" title="{{item['title']}}

                            |   Project Code: {{item['acronym']}}

                            |   Funder: {{item['funderName']}} ({{item['funderShortname']}})

                            |   Funding: {{item['funding']}}"

                            class="line" *ngFor="let item of datasetInfo.fundedByProjects">

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

                                <a *ngIf="!item['inline']"

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

                                    {{item['funderShortname']?item['funderShortname']:item['funderName']}}

                                    | {{ item['acronym']?item['acronym']:item['title']}}

                                </a>

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

                                <a *ngIf="item['inline']"

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

                                    <mark>

                                        {{item['funderShortname']?item['funderShortname']:item['funderName']}}

                                        | {{ item['acronym']?item['acronym']:item['title']}}

                                    </mark>

                                </a>

                        </dd>

                        <!--dd><a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','project'])"   routerLinkActive="router-link-active" routerLink="/linking" > <i class="uk-icon-link"></i> Add links to projects</a></dd-->

                    </dl>

                </li>

                <li  >

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

                        <dt class="title">Related to </dt>

                        <dd class="line" *ngFor="let item of datasetInfo.contexts">

                          <span *ngIf = "!item['inline']" >

                            <span>{{item['labelContext']}}</span>

                            <span *ngIf="item['labelCategory'] != null">-> {{item['labelCategory']}}</span>

                            <span *ngIf="item['labelConcept'] != null">: {{item['labelConcept']}}</span>

                          </span>

                          <mark *ngIf = "item['inline']" >

                            <span>{{item['labelContext']}}</span>

                            <span *ngIf="item['labelCategory'] != null">-> {{item['labelCategory']}}</span>

                            <span *ngIf="item['labelConcept'] != null">: {{item['labelConcept']}}</span>

                          </mark>

                        </dd>

                        <!--dd><a [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[datasetId,'dataset','context'])"   routerLinkActive="router-link-active" routerLink="/linking" > <i class="uk-icon-link"></i> Add links to contexts</a></dd-->

                    </dl>

                </li>

                <li *ngIf="datasetInfo.collectedFrom != undefined">

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

                        <dt>Collected from</dt>

                        <dd  *ngFor="let item of datasetInfo.collectedFrom">

                            <!--a href="{{item['url']}}"-->

                            <a [queryParams]="{datasourceId: item.id}" routerLinkActive="router-link-active" routerLink="/search/dataprovider">

                                {{item['name']}}

                            </a>

                        </dd>

                    </dl>

                </li>

            </ul>

        </div>

    </div>

</div>