D-Net

import {ResultLandingModule} from "./landingPages/resultLanding.module";

<div id="tm-main" class=" uk-section uk-padding-remove-top uk-margin-small-top tm-middle">

  <div uk-grid >

    <div class="tm-main uk-width-1-1@s uk-width-1-1@m  uk-width-1-1@l uk-row-first ">

      <div class="uk-container publication">

        <div *ngIf="warningMessage.length > 0" class="uk-alert uk-alert-warning  uk-margin-large-top"

             role="alert">{{warningMessage}}</div>

        <div *ngIf="errorMessage.length > 0" class="uk-alert uk-alert-danger  uk-margin-large-top"

             role="alert">{{errorMessage}}</div>

        <div [style.display]="showLoading ? 'inline' : 'none'"

             class="uk-animation-fade uk-margin-large-top  uk-width-1-1" role="alert"><span

          class="loading-gif  uk-align-center"></span></div>

        <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"

                [texts]="pageContents['top']"></helper>

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

          <div class="uk-width-2-3@m uk-width-1-1@s  uk-margin-bottom">

            <schema2jsonld *ngIf="resultLandingInfo.record" [data]=resultLandingInfo.record

                           [URL]="properties.baseLink+linkToLandingPage+id"></schema2jsonld>

            <showTitle [titleName]="resultLandingInfo.title" [classNames]="(properties.environment != 'production' && resultLandingInfo.deletedByInferenceIds) ? 'uk-margin-remove-bottom' : ''"></showTitle>

            <div *ngIf="properties.environment != 'production' && resultLandingInfo.deletedByInferenceIds"

                 class="uk-text-muted uk-text-small uk-margin-bottom" (click)="openDeletedByInference()">

              The following information is result of merging

              <a>Original sources ({{resultLandingInfo.deletedByInferenceIds.length}})</a>

            </div>

            <p class="uk-text-large" *ngIf="resultLandingInfo.subtitle">

              <span [innerHTML]="resultLandingInfo.subtitle"></span>

            </p>

            <span *ngIf="resultLandingInfo.types && resultLandingInfo.types.length > 0"

                  class="uk-label custom-label label-blue label-publication"

                  title="Type">{{resultLandingInfo.types.join(", ")}}</span>{{" "}}

            <span *ngIf="resultLandingInfo.programmingLanguages && resultLandingInfo.programmingLanguages.length > 0"

                  class="uk-label custom-label  label-progrLanguage "

                  title="Programming Language">{{resultLandingInfo.programmingLanguages.join(", ")}}</span>{{" "}}

            <span *ngIf="resultLandingInfo.languages && resultLandingInfo.languages.length > 0"

                  class="uk-label custom-label  label-language "

                  title="Language">{{resultLandingInfo.languages.join(", ")}}</span>{{" "}}

            <span *ngIf="resultLandingInfo.countries && resultLandingInfo.countries.length > 0"

                  class="uk-label custom-label  label-country "

                  title="Country">{{resultLandingInfo.countries.join(", ")}}</span>{{" "}}

            <!-- <span *ngIf="resultLandingInfo.title && resultLandingInfo.title.accessMode" [class]="'uk-label custom-label  label-'+ resultLandingInfo.title.accessMode ">{{resultLandingInfo.title.accessMode}}</span> -->

            <span *ngIf="resultLandingInfo.accessMode"

                  [class]="'uk-label custom-label  label-'+ resultLandingInfo.accessMode "

                  title="Access Mode">{{resultLandingInfo.accessMode}}</span>{{" "}}

            <span *ngIf="resultLandingInfo.underCurationMessage" class="uk-label custom-label label-underCuration">

              <span uk-tooltip="pos:right; delay:10"

                    title="{{buildCurationTooltip()}}">

              <i>Record in preview</i>

              <i class="uk-icon-info-circle"></i>

            </span></span>{{" "}}

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

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

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

            </div>

            <ul class="uk-list">

              <showPublisher [publisher]="resultLandingInfo.publisher"

                             [journal]="resultLandingInfo.journal" [properties]="properties"></showPublisher>

              <li *ngIf="resultLandingInfo.embargoEndDate"><span

                class="uk-text-bold">Embargo end date:</span> {{resultLandingInfo.embargoEndDate}}</li>

              <li *ngIf="resultLandingInfo.identifiers && resultLandingInfo.identifiers.size > 0">

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

              </li>

              <li

                *ngIf="resultLandingInfo">

                <showSubjects [subjects]="resultLandingInfo.subjects"

                              [otherSubjects]="resultLandingInfo.otherSubjects"

                              [classifiedSubjects]="resultLandingInfo.classifiedSubjects">

                </showSubjects>

              </li>

            </ul>

            <hr *ngIf="resultLandingInfo.description">

            <div *ngIf="resultLandingInfo.description"

                 class="uk-text-justify descriptionText uk-height-max-medium uk-overflow-auto">

                <span>{{resultLandingInfo.description.substring(0, showNumDescription)}}</span

                ><span

              *ngIf="showNumDescription == thresholdDescription && resultLandingInfo.description.length > thresholdDescription">...</span

            ><span

              *ngIf="showNumDescription == thresholdDescription && resultLandingInfo.description.length > thresholdDescription"

              class="uk-text-right">

                  <a (click)="showNumDescription = resultLandingInfo.description.length;">

                    View more

                  </a>

                </span>

            </div>

            <div *ngIf="resultLandingInfo.description && showNumDescription > thresholdDescription"

                 class="uk-width-1-1 uk-text-right">

              <!-- scroll() -->

              <a (click)="showNumDescription = thresholdDescription;">

                View less

              </a>

            </div>

            <ul class="custom-accordion" uk-accordion>

              <li *ngIf="resultLandingInfo.references" (click)="activeTab='References'">

                <a class="uk-accordion-title" href="#">

                  References

                  ({{resultLandingInfo.references.length | number}})

                </a>

                <div class="uk-accordion-content">

                  <div>

                    <div *ngIf="resultLandingInfo.references.length > pageSize" class="uk-margin-bottom">

                      <span class="uk-h6">{{resultLandingInfo.references.length | number}}

                        references, page {{referencesPage | number}}

                        of {{totalPages(resultLandingInfo.references.length) | number}}</span>

                      <paging-no-load class="uk-float-right" [currentPage]="referencesPage"

                                      [totalResults]="resultLandingInfo.references.length" [size]="pageSize"

                                      (pageChange)="updateReferencesPage($event)"></paging-no-load>

                    </div>

                    <div

                      *ngFor="let item of resultLandingInfo.references.slice((referencesPage-1)*pageSize, referencesPage*pageSize)">

                      <p *ngIf=" item && item['url']"

                         class="custom-external custom-icon">

                        <a href="{{item['url']}}" target="_blank">

                          {{item['name']}}

                        </a>

                      </p>

                      <p *ngIf="!item['url']" class="pseudo-external custom-icon">

                        {{item['name']}}

                      </p>

                    </div>

                  </div>

                </div>

              </li>

              <li *ngIf="resultLandingInfo.relatedResearchResults" (click)="activeTab='Related Research Results'">

                <a class="uk-accordion-title" href="#">

                  Related Research Results

                  ({{relatedResearchResultsNum | number}})

                </a>

                <div class="uk-accordion-content">

                  <div>

                    <div *ngFor="let provenanceaction of getKeys(resultLandingInfo.relatedResearchResults)">

                      <div class="uk-text-large">{{provenanceaction}}</div>

                      <tabTable percentageName="trust"

                                [info]="resultLandingInfo.relatedResearchResults.get(provenanceaction)"

                                [properties]=properties></tabTable>

                    </div>

                  </div>

                </div>

              </li>

              <li *ngIf="resultLandingInfo.similarResearchResults" (click)="activeTab='Similar Research Results'">

                <a class="uk-accordion-title" href="#">

                  Similar Research Results

                  ({{resultLandingInfo.similarResearchResults.length | number}})

                </a>

                <div class="uk-accordion-content">

                  <div>

                    <tabTable percentageName="similarity" [info]="resultLandingInfo.similarResearchResults"

                              [properties]=properties></tabTable>

                  </div>

                </div>

              </li>

              <li *ngIf="resultLandingInfo.organizations" (click)="activeTab='Related Organizations'">

                <a class="uk-accordion-title" href="#">

                  Related Organizations

                  ({{resultLandingInfo.organizations.length | number}})

                </a>

                <div class="uk-accordion-content">

                  <div>

                    <div *ngIf="resultLandingInfo.organizations.length > pageSize" class="uk-margin-bottom">

                      <span class="uk-text-bold">{{resultLandingInfo.organizations.length | number}}

                        organizations, page {{organizationsPage | number}}

                        of {{totalPages(resultLandingInfo.organizations.length) | number}}</span>

                      <paging-no-load class="uk-float-right" [currentPage]="organizationsPage"

                                      [totalResults]="resultLandingInfo.organizations.length" [size]="pageSize"

                                      (pageChange)="updateOrganizationsPage($event)"></paging-no-load>

                    </div>

                    <table class="uk-table uk-table-small uk-table-divider uk-table-middle ">

                      <tbody>

                      <tr

                        *ngFor="let organization of resultLandingInfo.organizations.slice((organizationsPage-1)*pageSize, organizationsPage*pageSize)">

                        <td>

                          <a *ngIf="(organization['id']) && ((organization['name']) || (organization['shortname']))"

                             [queryParams]="{organizationId: organization.id}" routerLinkActive="router-link-active"

                             routerLink="/search/organization">

                            {{organization['name']}}

                            <span *ngIf="organization.name && organization.shortname"> ( </span>

                            <span *ngIf="organization.shortname">{{organization.shortname}}</span>

                            <span *ngIf="organization.name && organization.shortname"> ) </span>

                          </a>

                          <p *ngIf="(!organization['id']) && ((organization['name']) || (organization['shortname']))">

                            {{organization['name']}}

                            <span *ngIf="organization.name && organization.shortname"> ( </span>

                            <span *ngIf="organization.shortname">{{organization.shortname}}</span>

                            <span *ngIf="organization.name && organization.shortname"> ) </span>

                          </p>

                          <div *ngIf="organization.country">{{organization.country}}</div>

                          <div *ngIf="organization.websiteUrl">Website url:

                            <a href="{{organization.websiteUrl}}" target="_blank">{{organization.websiteUrl}}</a>

                          </div>

                        </td>

                        <td>

                          <div *ngIf="organization['trust']" title="{{organization['trust']}}%">

                            <div class="uk-text-center">{{organization['trust']}}%</div>

                            <progress class="uk-progress uk-margin-remove" value="{{organization['trust']}}"

                                      max="100"></progress>

                          </div>

                          <div *ngIf="!organization['trust']">

                            <p>no trust available</p>

                          </div>

                        </td>

                      </tr>

                      </tbody>

                    </table>

                  </div>

                </div>

              </li>

              <li *ngIf="resultLandingInfo.bioentities" (click)="activeTab='Bioentities'">

                <a class="uk-accordion-title" href="#">

                  Bioentities

                  ({{bioentitiesNum | number}})

                </a>

                <div class="uk-accordion-content">

                  <div *ngIf="resultLandingInfo.bioentities && bioentitiesNum > pageSize" class="uk-margin-bottom">

                    <span class="uk-text-bold"> {{bioentitiesNum | number}}

                      bioentities, page {{bioentitiesPage | number}} of {{totalPages(bioentitiesNum) | number}}</span>

                    <paging-no-load class="uk-float-right" [currentPage]="bioentitiesPage"

                                    [totalResults]="bioentitiesNum" [size]="pageSize"

                                    (pageChange)="updateBioentitiesPage($event)"></paging-no-load>

                  </div>

                  <table id="bioentitiesTable" class="uk-table ">

                    <tbody>

                    <ng-container *ngFor="let key of getKeys(resultLandingInfo.bioentities) let i=index">

                      <tr

                        *ngFor="let keyIn of keysToArray(resultLandingInfo.bioentities.get(key)).slice((bioentitiesPage-1)*pageSize, bioentitiesPage*pageSize)">

                        <td class="uk-text-center" *ngIf="keyIn">

                                         <span class="custom-external custom-icon">

                                             <a href="{{resultLandingInfo.bioentities.get(key).get(keyIn)}}"

                                                target="_blank">

                                                 {{keyIn}}

                                             </a>

                                         </span>

                        </td>

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

                          {{key}}

                        </td>

                      </tr>

                    </ng-container>

                    </tbody>

                  </table>

                </div>

              </li>

              <li *ngIf="resultLandingInfo.software" (click)="activeTab='Software'">

                <a class="uk-accordion-title" href="#">

                  Software

                  ({{resultLandingInfo.software.length | number}})

                </a>

                <div class="uk-accordion-content">

                  <div *ngIf="resultLandingInfo.software && resultLandingInfo.software.length > pageSize"

                       class="uk-margin-bottom">

                    <span class="uk-text-bold">{{resultLandingInfo.software.length | number}}

                      software results, page {{softwarePage | number}}

                      of {{totalPages(resultLandingInfo.software.length) | number}}</span>

                    <paging-no-load class="uk-float-right" [currentPage]="softwarePage"

                                    [totalResults]="resultLandingInfo.software.length" [size]="pageSize"

                                    (pageChange)="updateSoftwarePage($event)"></paging-no-load>

                  </div>

                  <table id="softwareTable" class="uk-table ">

                    <tbody>

                    <tr

                      *ngFor="let item of resultLandingInfo.software.slice((softwarePage-1)*pageSize, softwarePage*pageSize)"

                      class="uk-text-center">

                      <td>

                                        <span class="custom-external custom-icon">

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

                                                {{item.name}}

                                            </a>

                                        </span>

                      </td>

                    </tr>

                    </tbody>

                  </table>

                </div>

              </li>

              <li (click)="activeTab='Other Citations'"

                  *ngIf="resultLandingInfo.openCitations && resultLandingInfo.openCitations.length > 0">

                <a class="uk-accordion-title" href="#">

                  Open Citations

                  ({{resultLandingInfo.openCitations.length | number}})

                </a>

                <div class="uk-accordion-content">

                  <div *ngIf="resultLandingInfo.openCitations.length > pageSize" class="uk-margin-bottom">

                    <span class="uk-h6">{{resultLandingInfo.openCitations.length | number}}

                      open citations, page {{openCitationsPage | number}}

                      of {{totalPages(resultLandingInfo.openCitations.length) | number}}</span>

                    <paging-no-load class="uk-float-right" [currentPage]="openCitationsPage"

                                    [totalResults]="resultLandingInfo.openCitations.length" [size]="pageSize"

                                    (pageChange)="updateOpenCitationsPage($event)"></paging-no-load>

                  </div>

                  <ul class="uk-list uk-list-divider  uk-margin">

                    <li

                      *ngFor="let result of resultLandingInfo.openCitations.slice((openCitationsPage-1)*pageSize, openCitationsPage*pageSize)">

                      <h5 *ngIf="result.title">

                              <span *ngIf="result.url"

                                    class="custom-external">

                                  <a *ngIf="result.title" href="{{result.url}}" target="_blank"

                                     [innerHTML]="result.title">

                                  </a>

                                  <a *ngIf="!result.title" href="{{result.url}}" target="_blank">

                                      [no title available]

                                  </a>

                              </span>

                        <span *ngIf="result.title && !result.url" [innerHTML]="result.title"></span>

                        <span *ngIf="!result.title && !result.url">

                                  [no title available]

                              </span>

                      </h5>

                      <div>

                              <span *ngIf="result['authors']">

                                  <span *ngFor="let author of result['authors'].slice(0,15)">

                                      {{author}};

                                  </span>

                                  <span *ngIf="result['authors'].length > 15">...</span>

                              </span>

                        <span *ngIf="result.year">

                                  ({{result.year}})

                              </span>

                      </div>

                      <span *ngIf="result.doi">Identifier: <a *ngIf="result.doi" target="_blank"

                                                              class="custom-external custom-icon"

                                                              href="{{doiURL}}{{result.doi}}">doi: {{result.doi}}</a></span>

                    </li>

                  </ul>

                </div>

              </li>

              <li (click)="metricsClicked=true; activeTab='Metrics'">

                <a class="uk-accordion-title" href="#">

                  Metrics

                </a>

                <div class="uk-accordion-content">

                  <metrics *ngIf="metricsClicked" [pageViews]="pageViews"

                           [id]="id" [entityType]="'results'" [entity]="title"

                           (metricsResults)="metricsResults($event)" [properties]=properties>

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

                </div>

              </li>

            </ul>

          </div>

          <div class="uk-width-1-3@m uk-width-1-1@s">

            <div *ngIf="isRouteAvailable('participate/direct-claim') " class=" uk-padding-small">

              <button class="  uk-button portal-button   uk-width-1-1 ">

               <span class="uk-icon">

                    <svg icon="link" ratio="1" xmlns="http://www.w3.org/2000/svg" width="25" viewBox="0 0 20 20"

                         height="25"><path

                      d="M10.625,12.375 L7.525,15.475 C6.825,16.175 5.925,16.175 5.225,15.475 L4.525,14.775 C3.825,14.074 3.825,13.175 4.525,12.475 L7.625,9.375"

                      fill="none" stroke="#000" stroke-width="1.1"></path><path

                      d="M9.325,7.375 L12.425,4.275 C13.125,3.575 14.025,3.575 14.724,4.275 L15.425,4.975 C16.125,5.675 16.125,6.575 15.425,7.275 L12.325,10.375"

                      fill="none" stroke="#000" stroke-width="1.1"></path><path d="M7.925,11.875 L11.925,7.975"

                                                                                fill="none" stroke="#000"

                                                                                stroke-width="1.1"></path></svg>

               </span>

                Link this <span *ngIf="type != 'orp'">{{title.toLowerCase()}}</span><span *ngIf="type == 'orp'">product</span> to...

              </button>

              <div class="  uk-text-center uk-margin-expand uk-padding-small    uk-margin-auto  default-dropdown "

                   uk-dropdown="mode:click">

                <div class="uk-grid    uk-child-width-1-3  uk-width-large ">

                  <div><a

                    [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[id,type,'project'])"

                    routerLinkActive="router-link-active" routerLink="/participate/direct-claim"

                  >

                    <button class="uk-icon-button portal-button">

                   <span class="uk-icon">

                        <svg height="20" icon="album" ratio="1" viewBox="0 0 20 20" width="20"

                             xmlns="http://www.w3.org/2000/svg"><rect height="1" width="10" x="5" y="2"></rect><rect

                          height="1" width="14" x="3" y="4"></rect><rect fill="none" height="11" stroke="#000"

                                                                         width="17" x="1.5" y="6.5"></rect></svg></span>

                    </button>

                    <div>Projects</div>

                  </a></div>

                  <div><a

                    [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[id,type,'result'])"

                    routerLinkActive="router-link-active" routerLink="/participate/direct-claim">

                    <button class="uk-icon-button portal-button">

                      <span class="uk-icon">

                           <svg height="20" icon="copy" ratio="1" viewBox="0 0 20 20" width="20"

                                xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="16" stroke="#000"

                                                                         width="12" x="3.5" y="2.5"></rect><polyline

                             fill="none" points="5 0.5 17.5 0.5 17.5 17" stroke="#000"></polyline></svg></span>

                    </button>

                    <div>Research results</div>

                  </a></div>

                  <div><a

                    [queryParams]="routerHelper.createQueryParams(['id','type','linkTo'],[id,type,'context'])"

                    routerLinkActive="router-link-active" routerLink="/participate/direct-claim">

                    <button class="uk-icon-button portal-button">

                <span class="uk-icon">

                           <svg height="20" icon="users" ratio="1" viewBox="0 0 20 20" width="20"

                                xmlns="http://www.w3.org/2000/svg"><circle cx="7.7" cy="8.6" fill="none" r="3.5"

                                                                           stroke="#000" stroke-width="1.1"></circle><path

                             d="M1,18.1 C1.7,14.6 4.4,12.1 7.6,12.1 C10.9,12.1 13.7,14.8 14.3,18.3" fill="none"

                             stroke="#000" stroke-width="1.1"></path><path

                             d="M11.4,4 C12.8,2.4 15.4,2.8 16.3,4.7 C17.2,6.6 15.7,8.9 13.6,8.9 C16.5,8.9 18.8,11.3 19.2,14.1"

                             fill="none" stroke="#000" stroke-width="1.1"></path></svg></span>

                    </button>

                    <div>Communities</div>

                  </a></div>

                </div>

              </div>

            </div>

            <div>

              <div class="sideInfoTitle uk-margin-small-bottom uk-margin-small-top">Share - Bookmark</div>

              <addThis></addThis>

            </div>

            <altmetrics *ngIf="resultLandingInfo.identifiers && resultLandingInfo.identifiers.get('doi')"

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

            </altmetrics>

            <ul class="uk-list uk-margin-remove-bottom">

              <li *ngIf="resultLandingInfo.hostedBy_collectedFrom && resultLandingInfo.hostedBy_collectedFrom.length > 0">

                <availableOn [availableOn]="resultLandingInfo.hostedBy_collectedFrom"></availableOn>

              </li>

              <li

                *ngIf="resultLandingInfo.fundedByProjects != undefined && resultLandingInfo.fundedByProjects.length > 0">

                <fundedBy [fundedByProjects]="resultLandingInfo.fundedByProjects"></fundedBy>

              </li>

              <li *ngIf="resultLandingInfo.contexts && resultLandingInfo.contexts.length >0 ">

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

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

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

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

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

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

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

                          </span>

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

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

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

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

                    </mark>

                  </dd>

                </dl>

              </li>

<!--              <li>-->

<!--                <metrics [pageViews]="pageViews" shortView=true-->

<!--                    [id]="id" [entityType]="'results'" [entity]="'Publication'"-->

<!--                    (metricsResults)="metricsResults($event)" [(properties)] = properties>-->

<!--                </metrics>-->

<!--              </li>-->

              <li>

                <div class=" sideInfoTitle  cite-this-button uk-width-1-1" type="button">

                  Cite this <span *ngIf="type != 'orp'">{{title.toLowerCase()}}</span><span *ngIf="type == 'orp'">research product</span>

                </div>

                <div class=" ">

                  <citeThis [result]="resultLandingInfo" [id]="id" [type]="title.toLowerCase()"></citeThis>

                </div>

              </li>

            </ul>

          </div>

          <modal-alert *ngIf="resultLandingInfo.deletedByInferenceIds"

                       #AlertModalDeletedByInference classBody="uk-width-xxlarge">

            <deletedByInference *ngIf="type == 'publication'"

                                [id]="id" [ids]="resultLandingInfo.deletedByInferenceIds" [type]="'publications'"></deletedByInference>

            <deletedByInference *ngIf="type == 'dataset'"

                                [id]="id" [ids]="resultLandingInfo.deletedByInferenceIds" [type]="'research data'"></deletedByInference>

            <deletedByInference *ngIf="type == 'software'"

                                [id]="id" [ids]="resultLandingInfo.deletedByInferenceIds" [type]="'software'"></deletedByInference>

            <deletedByInference *ngIf="type == 'orp'"

                                [id]="id" [ids]="resultLandingInfo.deletedByInferenceIds" [type]="'other research products'"></deletedByInference>

          </modal-alert>

        </div>

        <helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"

                [texts]="pageContents['bottom']"></helper>

      </div>

    </div>

  </div>

</div>

import {Injectable} from '@angular/core';

import {HttpClient, HttpErrorResponse} from "@angular/common/http";

import {throwError} from 'rxjs';

import {ResultLandingInfo} from '../utils/entities/resultLandingInfo';

import {EnvProperties} from '../utils/properties/env-properties';

import {ParsingFunctions} from './landing-utils/parsingFunctions.class';

import {map} from "rxjs/operators";

@Injectable()

export class ResultLandingService {

  constructor(private http: HttpClient ) {

    this.parsingFunctions = new ParsingFunctions();

  }

  public parsingFunctions: ParsingFunctions;

  resultLandingInfo: ResultLandingInfo;

  getResultLandingInfo (id: string, type: string, properties: EnvProperties): any {

    let url = properties.searchAPIURLLAst;

    if (type === 'publication') {

      url += 'publications/';

    } else if (type === 'dataset') {

      url += 'datasets/';

    } else if (type === 'software') {

      url += 'software/';

    } else if (type === 'orp') {

      url += 'other/';

    }

    url += id + '?format=json';

    return this.http.get((properties.useCache) ? (properties.cacheUrl + encodeURIComponent(url)) : url)

      .pipe(map(res => [res['result']['header']['dri:status'], res['result']['metadata']['oaf:entity'], res]))

      .pipe(map(res => [

        res[1]['oaf:result'],                 // 0

        res[1]['oaf:result']['title'],        // 1

        res[1]['oaf:result']['rels']['rel'],  // 2

        res[1]['oaf:result']['children'],     // 3

        res[1]['oaf:result']['pid'],          // 4

        res[1]['oaf:result']['journal'],      // 5

        res[1]['oaf:result']['language'],     // 6

        res[1]['oaf:result']['subject'],      // 7

        res[1]['oaf:result']['context'],      // 8

        res[1]['oaf:result']['creator'],      // 9

        res[1]['oaf:result']['country'] ,     // 10

        res[1]['oaf:result']['programmingLanguage'],              // 11 - software

        //res[1]['oaf:result']['resulttype'],

        (res[1]['extraInfo'] !== undefined && res[1]['extraInfo']['citations'] !== undefined)

          ? res[1]['extraInfo']['citations']['citation'] : null,  // 12

        res[0],                               // 13

        res[2]                                // 14

      ]))

      .pipe(map(res => this.parseResultLandingInfo(res, properties)));

  }

  private handleError (error: HttpErrorResponse) {

    // in a real world app, we may send the error to some remote logging infrastructure

    // instead of just logging it to the console

    console.log(error);

    return throwError(error  || 'Server error');

  }

  parseResultLandingInfo (data: any, properties: EnvProperties): any {

    this.resultLandingInfo = new ResultLandingInfo();

    // res

    this.resultLandingInfo.record = data[14];

    // res['result']['metadata']['oaf:entity']['oaf:result']

    if (data[0] != null) {

      let date: string = (data[0].dateofacceptance) + ''; // transform to string in case it is an integer

      this.resultLandingInfo.date  = (date && (date).indexOf('-') !== -1) ? date.split('-')[0] : date;

      this.resultLandingInfo.dateofacceptance = data[0].dateofacceptance;

      this.resultLandingInfo.publisher = data[0].publisher;

      if(!Array.isArray(data[0].description)) {

        this.resultLandingInfo.description = String(data[0].description);

      } else {

        this.resultLandingInfo.description = String(data[0].description[0]);

      }

      this.resultLandingInfo.embargoEndDate = data[0].embargoenddate;

    }

    if(data[0]['bestaccessright'] && data[0]['bestaccessright'].hasOwnProperty("classid")) {

      this.resultLandingInfo.accessMode = data[0]['bestaccessright'].classid;

    }

    // res['result']['metadata']['oaf:entity']['oaf:result']['title']

    if(data[1] != null) {

      if(Array.isArray(data[1])) {

        this.resultLandingInfo.title = String(data[1][0].content);

        if(data[1][1].classid === 'subtitle') {

          this.resultLandingInfo.subtitle = String(data[1][1].content);

        }

      } else {

        this.resultLandingInfo.title = String(data[1].content);

      }

    }

    // res['result']['metadata']['oaf:entity']['oaf:result']['rels']['rel']

    if(data[2] != null) {

      let relation;

      let length = Array.isArray(data[2]) ? data[2].length : 1;

      for(let i=0; i<length; i++) {

        relation = Array.isArray(data[2]) ? data[2][i] : data[2];

        if(relation.hasOwnProperty("to")) {

          if(relation['to'].class == "isProducedBy") {

            this.resultLandingInfo.fundedByProjects = this.parsingFunctions.parseFundingByProjects(this.resultLandingInfo.fundedByProjects, relation, this.resultLandingInfo.projectsProvenanceVocabulary);

          } else if(relation['to'].class == "isRelatedTo") {

            let provenanceAction: string;

            if(relation.provenanceaction in this.resultLandingInfo.researchResultsProvenanceVocabulary) {

              provenanceAction = this.resultLandingInfo.researchResultsProvenanceVocabulary[relation.provenanceaction];

            } else {

              provenanceAction = "Other";

            }

            this.resultLandingInfo.relatedResearchResults = this.parsingFunctions.parseRelatedResearchResults(this.resultLandingInfo.relatedResearchResults, relation, provenanceAction);

          } else if(relation['to'].class == "hasAmongTopNSimilarDocuments") {

            this.resultLandingInfo.similarResearchResults = this.parsingFunctions.parseSimilarResearchResults(this.resultLandingInfo.similarResearchResults, relation);

          } else if(relation['to'].class == "hasAuthorInstitution") {

            this.resultLandingInfo.organizations = this.parseRelatedOrganizations(this.resultLandingInfo.organizations, relation);

          }

        }

      }

    }

    // res['result']['metadata']['oaf:entity']['oaf:result']['children']

    if(data[3] != null) {

      if(data[3].hasOwnProperty("result")) {

        this.resultLandingInfo.deletedByInferenceIds = [];

        let length = Array.isArray(data[3]['result']) ? data[3]['result'].length : 1;

        for(let i=0; i<length; i++) {

          let result = Array.isArray(data[3]['result']) ? data[3]['result'][i] : data[3]['result'];

          this.resultLandingInfo.deletedByInferenceIds.push(result.objidentifier);

        }

      }

      if(data[3].hasOwnProperty("instance")) {

        this.resultLandingInfo.hostedBy_collectedFrom = new Array<{"downloadName": string, "downloadUrl": string[], "collectedName": string, "collectedId": string, "accessMode": string[], "bestAccessMode": string, "type": string, "year":string}>();

        this.resultLandingInfo.types = new Array<string>();

        let types = new Set<string>();

        let counter = 0;

        let instance;

        let length = Array.isArray(data[3]['instance']) ? data[3]['instance'].length : 1;

        for(let i=0; i<length; i++) {

          instance = Array.isArray(data[3]['instance']) ? data[3]['instance'][i] : data[3]['instance'];

          this.parsingFunctions.parseTypes(this.resultLandingInfo.types, types, instance);

          if(instance.hasOwnProperty("webresource")) {

            let url;

            if(!Array.isArray(instance['webresource'])) {

              url = instance['webresource'].url;

            } else{

              url = instance['webresource'][0].url;

            }

            /**********************************************************/

            if(instance.hasOwnProperty("hostedby")) {

              counter = this.parsingFunctions.parseHostedBy_collectedFrom(this.resultLandingInfo.hostedBy_collectedFrom, instance, data[0], url, counter/*, this.resultLandingInfo.title*/, this.resultLandingInfo.accessMode);

            }

            /**********************************************************/

          }

        }

      }

      if(data[3].hasOwnProperty("externalreference")) {

        let externalResults: [Map<string, Map<string, string>>, { "name": string, "url": string}[]] = this.parseBioentitiesAndSoftware(data[3]);

        this.resultLandingInfo.bioentities = externalResults[0];

        this.resultLandingInfo.software = externalResults[1];

      }

    }

    // res['result']['metadata']['oaf:entity']['oaf:result']['pid']

    if(data[4] != null) {

      this.resultLandingInfo.identifiers = this.parsingFunctions.parseIdentifiers(data[4]);

    }

    // res['result']['metadata']['oaf:entity']['oaf:result']['journal']

    if(data[5] != null) {

      this.resultLandingInfo.journal = {"journal": "", "issn": "", "lissn": "", "eissn": "", "issue": "", "volume": "", "start_page": "", "end_page": ""}

      this.resultLandingInfo.journal['journal'] = data[5].content;

      this.resultLandingInfo.journal['issn'] = data[5].issn;

      this.resultLandingInfo.journal['lissn'] = data[5].lissn;

      this.resultLandingInfo.journal['eissn'] = data[5].eissn;

      this.resultLandingInfo.journal['issue'] = data[5].iss;

      this.resultLandingInfo.journal['volume'] = data[5].vol;

      this.resultLandingInfo.journal['start_page'] = data[5].sp;

      this.resultLandingInfo.journal['end_page'] = data[5].ep;

    }

    // res['result']['metadata']['oaf:entity']['oaf:result']['language']

    if(data[6] != null) {

      this.resultLandingInfo.languages = this.parsingFunctions.parseLanguages(data[6]);

    }

    // res['result']['metadata']['oaf:entity']['oaf:result']['country']

    if(data[10] != null) {

      this.resultLandingInfo.countries = this.parsingFunctions.parseCountries(data[10]);

    }

    // res['result']['metadata']['oaf:entity']['oaf:result']['subject']

    if(data[7] != null) {

      let subjectResults: [string[], Map<string, string[]>, Map<string, string[]>] = this.parsingFunctions.parseAllSubjects(data[7]);

      this.resultLandingInfo.subjects = subjectResults[0];

      this.resultLandingInfo.otherSubjects = subjectResults[1];

      this.resultLandingInfo.classifiedSubjects = subjectResults[2];

    }

    this.resultLandingInfo.hostedBy_collectedFrom = this.parsingFunctions.addPublisherToHostedBy_collectedFrom(

      this.resultLandingInfo.hostedBy_collectedFrom, this.resultLandingInfo.publisher,

      this.resultLandingInfo.journal, this.resultLandingInfo.identifiers);

    // res['result']['metadata']['oaf:entity']['oaf:result']['programmingLanguage']

    if(data[11] != null) {

      this.resultLandingInfo.programmingLanguages = this.parsingFunctions.parseProgrammingLanguages(data[11]);

    }

    // res['result']['metadata']['oaf:entity']['extraInfo']['citations']['citation']

    if(data[12] != null) {

      this.resultLandingInfo.references = this.parsingFunctions.parseReferences(data[12]);

    }

    // res['result']['metadata']['oaf:entity']['oaf:result']['context']

    if(data[8] != null) {

      this.resultLandingInfo.contexts = this.parsingFunctions.parseContexts(data[8]);

    }

    // res['result']['header']['dri:status']

    if(data[13] != null && data[13] == "under curation") {

      this.resultLandingInfo.underCurationMessage = true;

    } else {

      this.resultLandingInfo.underCurationMessage = false;

    }

    // res['result']['metadata']['oaf:entity']['oaf:result']['creator']

    if(data[9] != null) {

      if(this.resultLandingInfo.authors == undefined) {

        this.resultLandingInfo.authors = new Array<{"fullName": string, "orcid": string}>();

      }

      let authors = data[9];

      let length = Array.isArray(authors) ? authors.length : 1;

      for(let i=0; i<length; i++) {

        let author = Array.isArray(authors) ? authors[i] : authors;

        if(author) {

          this.resultLandingInfo['authors'][author.rank] = {"fullName": author.content, "orcid": author.ORCID};

        }

      }

      this.resultLandingInfo.authors = this.resultLandingInfo.authors.filter(function (item) {

        return (item != undefined && item.fullName != undefined);

      });

    }

    if(this.resultLandingInfo.relatedResearchResults) {

      let self = this;

      this.resultLandingInfo.relatedResearchResults.forEach(function (value, key, map) {

        self.resultLandingInfo.relatedResearchResults.set(key, self.parsingFunctions.sortByPercentage(value));

      });

    }

    this.resultLandingInfo.similarResearchResults = this.parsingFunctions.sortByPercentage(this.resultLandingInfo.similarResearchResults);

    return this.resultLandingInfo;

  }

  parseRelatedOrganizations(organizations: {"name": string, "shortname":string, "id": string, "websiteUrl": string, "country": string, "trust": number}[], relation: any):

    {"name": string, "shortname":string, "id": string, "websiteUrl": string, "country": string, "trust": number}[] {

    if(organizations == undefined) {

      organizations = new Array<{

        "name": string, "shortname": string,

        "id": string, "websiteUrl": string,

        "country": string, "trust": number}>();

    }

    let organization: { "name": string, "shortname": string,

      "id": string, "websiteUrl": string,

      "country": string, "trust": number

    } = {

      "name": "", "shortname": "",

      "id": "", "websiteUrl": "",

      "country": "", "trust": null

    };

    organization.id = relation['to'].content;

    organization.name = relation.legalname;

    organization.shortname = relation.legalshortname;

    organization.websiteUrl = relation.websiteurl;

    if(relation.country) {

      organization.country = relation.country.classname;

    }

    if(relation.trust) {

      organization.trust = Math.round(relation.trust*100);

    }

    organizations.push(organization);

    return organizations;

  }

  parseBioentitiesAndSoftware(children: any) : [Map<string, Map<string, string>>, { "name": string, "url": string}[]] {

    let bioentities: Map<string, Map<string, string>>;

    let software: {"name": string, "url": string}[];

    let length = Array.isArray(children['externalreference']) ? children['externalreference'].length : 1;

    let externalreference;

    for(let i=0; i<length; i++) {

      externalreference = Array.isArray(children['externalreference']) ? children['externalreference'][i] : children['externalreference'];

      if(externalreference.hasOwnProperty("qualifier")) {

        if(externalreference['qualifier'].classid == "accessionNumber") {

          if(bioentities == undefined) {

            bioentities = new Map<string, Map<string, string>>();

          }

          if(!bioentities.has(externalreference.sitename)) {

            bioentities.set(externalreference.sitename, new Map<string, string>());

          }

          bioentities.get(externalreference.sitename).set(externalreference.refidentifier, externalreference.url);

        } else if(externalreference['qualifier'].classid == "software") {

          if(software == undefined) {

            software = new Array<{"name": string, "url": string}>();

          }

          software.push({"name": externalreference.sitename, "url": externalreference.url});

        }

      }

    }

    return [bioentities, software];

  }

  getOpenCitations(id: string, properties:EnvProperties) {

    //https://services.openaire.eu/opencitations/getCitations?id=doajarticles::2634200c24772ee8f10232d3e184ec65

    let url = properties.openCitationsAPIURL+id;// "https://services.openaire.eu/opencitations/getCitations?id=" + id;

    let key = url;

    //return this.http.get((properties.useCache)? (properties.cacheUrl+encodeURIComponent(url)): url)

    return this.http.get(url)

      .pipe(map(res => [res['total'], this.parseOpenCitations(res['results'])]));

  }

  parseOpenCitations(openCitations: any): {"url": string, "title": string, "year": string, "doi": string, "authors": string[]}[] {

    //title, doi, authors

    let citations = new Array<{"url": string, "title": string, "year": string, "doi": string, "authors": string[]}>();

    let openCitation;

    let length = Array.isArray(openCitations) ? openCitations.length : 1;

    for(let i=0; i<length; i++) {

      openCitation = Array.isArray(openCitations) ? openCitations[i] : openCitations;

      let citation: {"url": string, "title": string,  "year": string, "doi": string, "authors": string[]} = {"url": "", "title": "", "year": "", "doi": "", "authors": []};

      if(openCitation && openCitation.id) {

        citation.url = openCitation.id;

        citation.title = openCitation.title;

        //citation.type = openCitation.type;

        citation.year = (openCitation.pubDate && (openCitation.pubDate).indexOf('-') !== -1)?openCitation.pubDate.split('-')[0]:openCitation.pubDate;

        citation.doi = openCitation.doi;

        let authorsLength = Array.isArray(openCitation.authors) ? openCitation.authors.length : 1;

        for(let i=0; i<authorsLength; i++) {

          let author = Array.isArray(openCitation.authors) ? openCitation.authors[i] : openCitation.authors;

          if(author) {

            let lastFirstName: string = "";

            if(author.lastName) {

              lastFirstName = author.lastName;

            }

            if(author.lastName && author.firstName) {

              lastFirstName += ", ";

            }

            if(author.firstName) {

              lastFirstName += author.firstName;

            }

            if(lastFirstName) {

              citation.authors.push(lastFirstName);

            }

          }

        }

        citations.push(citation);

      }

    }

    return citations;

  }

}

import {Component, Input, ViewChild} from '@angular/core';

import {ActivatedRoute, Router} from '@angular/router';

import {Meta, Title} from '@angular/platform-browser';

import {EnvProperties} from '../utils/properties/env-properties';

import {ResultLandingInfo} from '../utils/entities/resultLandingInfo';

import {RouterHelper} from '../utils/routerHelper.class';

import {PiwikService} from '../utils/piwik/piwik.service';

import {ResultLandingService} from './resultLanding.service';

import {SEOService} from '../sharedComponents/SEO/SEO.service';

import {HelperFunctions} from '../utils/HelperFunctions.class';

import {HelperService} from '../utils/helper/helper.service';

@Component({

  selector: 'result-landing',

  templateUrl: 'resultLanding.component.html',

})

export class ResultLandingComponent {

  @Input() type: string = "publication";

  @Input() piwikSiteId = null;

  @Input() communityId = null;

  // Active tab variable for responsiveness

  @Input() activeTab: string = "References";

  @ViewChild('AlertModalDeletedByInference') alertModalDeletedByInference;

  public resultLandingInfo: ResultLandingInfo;

  public id: string;

  public title: string;

  // Links for SEO

  public linkToLandingPage: string = null;

  public linkToSearchPage: string = null;

  // APP BOX variables

  public showAllCollectedFrom: boolean = false;

  public showAllDownloadFrom: boolean = false;

  public thresholdDescription: number = 270;

  public showNumDescription: number = 270;

  // Metrics tab variables

  public metricsClicked: boolean;

  public viewsFrameUrl: string;

  public downloadsFrameUrl: string;

  public totalViews: number;

  public totalDownloads: number;

  public pageViews: number;

  // Custom tab paging variables

  public referencesPage: number = 1;

  public organizationsPage: number = 1;

  public softwarePage: number = 1;

  public bioentitiesPage: number = 1;

  public openCitationsPage: number = 1;

  public pageSize: number = 10;

  // Map counting variables

  public bioentitiesNum: number = 0;

  public relatedResearchResultsNum: number = 0;

  // Message variables

  public warningMessage = "";

  public errorMessage = "";

  public showLoading: boolean = true;

  public routerHelper: RouterHelper = new RouterHelper();

  private doi: string;

  public doiURL: string;

  private result;

  sub: any;

  piwiksub: any;

  infoSub: any;

  properties: EnvProperties;

  public pageContents = null;

  public divContents = null;

  constructor(private _resultLaningService: ResultLandingService,

              private _piwikService: PiwikService,

              private route: ActivatedRoute,

              private router: Router,

              private _meta: Meta,

              private _title: Title,

              private _router: Router,

              private helper: HelperService,

              private seoService: SEOService) {

  }

  ngOnInit() {

    this.route.data

      .subscribe((data: { envSpecific: EnvProperties }) => {

        this.properties = data.envSpecific;

        //this.getDivContents();

        this.getPageContents();

        this.doiURL = this.properties.doiURL;

        this.updateUrl(data.envSpecific.baseLink + this._router.url);

        this.sub = this.route.queryParams.subscribe(data => {

          this.resultLandingInfo = null;

          if(this.type == "publication") {

            this.updateTitle("Publication");

            this.linkToLandingPage = this.properties.searchLinkToPublication;

            this.linkToSearchPage = this.properties.searchLinkToPublications;

            this.id = data['articleId'];

            this.title = "Publication";

          } else if(this.type == "dataset") {

            this.updateTitle("Dataset");

            this.linkToLandingPage = this.properties.searchLinkToDataset;

            this.linkToSearchPage = this.properties.searchLinkToDatasets;

            this.id = data['datasetId'];

            this.title = "Research Data";

          } else if(this.type == "software") {

            this.updateTitle("Software");

            this.linkToLandingPage = this.properties.searchLinkToSoftware;

            this.linkToSearchPage = this.properties.searchLinkToSoftwareLanding;

            this.id = data['softwareId'];

            this.title = "Software";

          } else if(this.type == "orp") {

            this.updateTitle("Other Research Product");

            this.linkToLandingPage = this.properties.searchLinkToOrp;

            this.linkToSearchPage = this.properties.searchLinkToOrps;

            this.id = data['orpId'];

            this.title = "Other Research Product";

          }

          this.updateDescription("");

          this.metricsClicked = false;

          if (this.id) {

            this.getResultLandingInfo(this.id);

          } else {

            this.showLoading = false;

            this.warningMessage = "No valid ";

            if(this.type == "publication" || this.type == "software") {

              this.warningMessage += this.type + " ";

            } else if(this.type == "dataset") {

              this.warningMessage += "research data ";

            } else if(this.type == "orp") {

              this.warningMessage += "other research product ";

            }

            this.warningMessage += "id";

          }

          this.viewsFrameUrl = this.properties.framesAPIURL + 'merge.php?com=query&data=[{"query":"resRepoViews", "resTitle":"' + this.id + '", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly views"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

          this.downloadsFrameUrl = this.properties.framesAPIURL + 'merge.php?com=query&data=[{"query":"resRepoDownloads", "resTitle":"' + this.id + '", "table":"","fields":[{"fld":"sum","agg":"sum","type":"column","yaxis":1,"c":false}],"xaxis":{"name":"month","agg":"sum"},"group":" ","color":"","type":"chart","size":30,"sort":"xaxis","xStyle":{"r":-30,"s":"0","l":"-","ft":"-","wt":"-"},"title":"","subtitle":"","xaxistitle":"Repository","yaxisheaders":["Monthly downloads"],"generalxaxis":"","theme":0,"in":[],"filters":[{"name":"","values":[""],"to":"-1"}]}]&info_types=["column"]&stacking=normal&steps=false&fontFamily=Courier&spacing=[5,0,0,0]&style=[{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"rgba(0, 0, 0, 1)","size":"18"},{"color":"000000","size":""},{"color":"000000","size":""}]&backgroundColor=rgba(255,255,255,1)&colors[]=rgba(67, 67, 72, 1)&colors[]=rgba(144, 237, 125, 1)&colors[]=rgba(247, 163, 92, 1)&colors[]=rgba(128, 133, 233, 1)&colors[]=rgba(241, 92, 128, 1)&colors[]=rgba(228, 211, 84, 1)&colors[]=rgba(43, 144, 143, 1)&colors[]=rgba(244, 91, 91, 1)&colors[]=rgba(145, 232, 225, 1)&xlinew=0&ylinew=1&legends=true&tooltips=true&persistent=false';

          this.scroll();

        });

      });

  }

  private getPageContents() {

    this.helper.getPageHelpContents(this._router.url, this.properties, this.communityId).subscribe(contents => {

      this.pageContents = contents;

    });

  }

  private getDivContents() {

    this.helper.getDivHelpContents(this._router.url, this.properties, this.communityId).subscribe(contents => {

      this.divContents = contents;

    });

  }

  ngOnDestroy() {

    if (this.sub) {

      this.sub.unsubscribe();

    }

    if (this.piwiksub) {

      this.piwiksub.unsubscribe();

    }

    if (this.infoSub) {

      this.infoSub.unsubscribe();

    }

  }

  private getOpenCitations(id: string) {

    this._resultLaningService.getOpenCitations(this.id, this.properties).subscribe(

      data => {

        this.resultLandingInfo.openCitations = data[1];

      },

      err => {

        this.handleError("Error getting open citation for "+this.type+" with id: " + this.id, err);

      }

    );

  }

  private getResultLandingInfo(id: string) {

    this.warningMessage = '';

    this.errorMessage = '';

    this.showLoading = true;

    this.resultLandingInfo = null;

    this.infoSub = this._resultLaningService.getResultLandingInfo(this.id, this.type, this.properties).subscribe(

      data => {

        this.resultLandingInfo = data;

        this.seoService.createLinkForCanonicalURL(this.properties.baseLink + this.linkToLandingPage + this.resultLandingInfo.record["result"]["header"]["dri:objIdentifier"]);

        if ((this.type == "publication") && (this.properties.environment == "beta" || this.properties.environment == "development") && (typeof document !== 'undefined')) {

          this.getOpenCitations(this.id);

        }

        if (this.resultLandingInfo.title) {

          this.updateTitle(this.resultLandingInfo.title);

          this.updateDescription((this.resultLandingInfo.description ? (this.resultLandingInfo.description) : ("," + this.resultLandingInfo.title)));

        }

        if (this.properties.enablePiwikTrack && (typeof document !== 'undefined')) {

          this.piwiksub = this._piwikService.trackView(this.properties, this.resultLandingInfo.title/*.name*/, this.piwikSiteId).subscribe();

        }

        let bioentitiesNum = 0;

        if (this.resultLandingInfo.bioentities != undefined) {

          this.resultLandingInfo.bioentities.forEach(function (value, key, map) {

            bioentitiesNum += value.size;

          });

        }

        this.bioentitiesNum = bioentitiesNum;

        let relatedResearchResultsNum = 0;

        if (this.resultLandingInfo.relatedResearchResults != undefined) {

          this.resultLandingInfo.relatedResearchResults.forEach(function (value, key, map) {

            relatedResearchResultsNum += value.length;

          });

        }

        this.relatedResearchResultsNum = relatedResearchResultsNum;

        this.result = {

          id: this.id,

          type: this.type,

          source: "openaire",

          title: this.resultLandingInfo.title,

          url: '',

          result: '',

          accessRights: this.resultLandingInfo.accessMode,

          embargoEndDate: ''

        };

        if (this.resultLandingInfo.identifiers != undefined && this.resultLandingInfo.identifiers.has('doi')) {

          this.doi = this.resultLandingInfo.identifiers.get('doi')[0];

        }

        this.showLoading = false;

        if (this.resultLandingInfo.references) {

          this.activeTab = "References";

        } else if (this.resultLandingInfo.relatedResearchResults) {

          this.activeTab = "Related Research Results";

        } else if (this.resultLandingInfo.similarResearchResults) {

          this.activeTab = "Similar Research Results";

        } else if (this.resultLandingInfo.organizations) {

          this.activeTab = "Related Organizations";

        } else if (this.resultLandingInfo.bioentities) {

          this.activeTab = "Bioentities";

        } else if (this.resultLandingInfo.software) {

          this.activeTab = "Software";

        } else {

          this.activeTab = "Metrics";

          //this.metricsClicked = true;

        }

      },

      err => {

        this.handleError("Error getting "+this.type+" for id: " + this.id, err);

        if(this.type == "publication" || this.type == "software") {

          this.errorMessage = 'No '+this.type+' found';

        } else if(this.type == "dataset") {

          this.errorMessage += "No research data found";

        } else if(this.type == "orp") {

          this.errorMessage += "No research product found";

        }

        this.showLoading = false;

        this.seoService.createLinkForCanonicalURL(this.properties.baseLink + this.linkToSearchPage);

      }

    );

  }

  public metricsResults($event) {

    this.totalViews = $event.totalViews;

    this.totalDownloads = $event.totalDownloads;

    this.pageViews = $event.pageViews;

  }

  public buildCurationTooltip(): string {

    let tooltipContent: string = "<div class='uk-margin uk-padding-small'>";

    tooltipContent += "<h4>Record in preview</h4>";

    tooltipContent += "<p>Bibliographic record accepted by the system, but not yet processed by <br> OpenAIRE tools for information quality improvement and de-duplication</p>";

    tooltipContent += "</div>";

    return tooltipContent;

  }

  private updateDescription(description: string) {

    this._meta.updateTag({content: description}, "name='description'");

    this._meta.updateTag({content: description}, "property='og:description'");

  }

  private updateTitle(title: string) {

    var _prefix = "";

    if(!this.communityId) {

      _prefix = "OpenAIRE | ";

    }

    var _title = _prefix + ((title.length > 50) ? title.substring(0, 50) : title);

    this._title.setTitle(_title);

    this._meta.updateTag({content: _title}, "property='og:title'");

  }

  private updateUrl(url: string) {

    this._meta.updateTag({content: url}, "property='og:url'");

  }

  public totalPages(totalResults: number): number {

    let totalPages: any = totalResults / this.pageSize;

    if (!(Number.isInteger(totalPages))) {

      totalPages = (parseInt(totalPages, this.pageSize) + 1);

    }

    return totalPages;

  }

  public updateReferencesPage($event) {

    this.referencesPage = $event.value;

  }

  public updateOrganizationsPage($event) {

    this.organizationsPage = $event.value;

  }

  public updateSoftwarePage($event) {

    this.softwarePage = $event.value;

  }

  public updateBioentitiesPage($event) {

    this.bioentitiesPage = $event.value;

  }

  public updateOpenCitationsPage($event) {

    this.openCitationsPage = $event.value;

  }

  public keysToArray(bioentities: Map<string, string>): string[] {

    let keys: string[] = [];

    bioentities.forEach(function (value, key, map) {

      keys.push(key);

    });

    return keys;

  }

  public getKeys(map) {

    return Array.from(map.keys());

  }

  public scroll() {

    HelperFunctions.scroll();

  }

  private handleError(message: string, error) {

    if(this.type == "publication") {

      console.error("Publication Landing Page: " + message, error);

    } else if(this.type == "dataset") {

      console.error("Research Data Landing Page: " + message, error);

    } else if(this.type == "software") {

      console.error("Software Landing Page: " + message, error);

    } else if(this.type == "orp") {

      console.error("Other Research Product Landing Page: " + message, error);

    } else {

      console.error("Landing Page: " + message, error);

    }

  }

  isRouteAvailable(routeToCheck: string) {

    for (let i = 0; i < this.router.config.length; i++) {

      let routePath: string = this.router.config[i].path;

      if (routePath == routeToCheck) {

        return true;

      }

    }

    return false;

  }

  openDeletedByInference() {

    this.alertModalDeletedByInference.cancelButton = false;

    this.alertModalDeletedByInference.okButton = false;

    this.alertModalDeletedByInference.alertTitle = "Original sources";

    //this.alertModalDeletedByInference.message = "There was an error in csv downloading. Please try again later.";

    //this.alertModalDeletedByInference.okButtonText = "OK";

    this.alertModalDeletedByInference.open();

  }

}

import {NgModule}                     from '@angular/core';

import {CommonModule}                 from '@angular/common';

import {FormsModule}                  from '@angular/forms';

import {RouterModule}                 from '@angular/router';

import {SharedModule}                 from '../shared/shared.module';

import {MetricsModule}                from './landing-utils/metrics.module';

import {LandingModule}                from './landing-utils/landing.module';

import {CiteThisModule}               from './landing-utils/citeThis/citeThis.module';

import {IFrameModule}                 from './../utils/iframe.module';

import {AltMetricsModule}             from './../utils/altmetrics.module';

import {PagingModule}                 from './../utils/paging.module';

import {ConfigurationServiceModule}   from '../utils/configuration/configurationService.module';

import {FreeGuard}                    from'../login/freeGuard.guard';

import {IsRouteEnabled}               from '../error/isRouteEnabled.guard';

import {ResultLandingService}           from './resultLanding.service';

import {ResultLandingComponent}         from './resultLanding.component';

import {Schema2jsonldModule} from '../sharedComponents/schema2jsonld/schema2jsonld.module';

import { SEOServiceModule } from '../sharedComponents/SEO/SEOService.module';

import {DeletedByInferenceModule} from './landing-utils/deletedByInference/deletedByInference.module';

import {ShowAuthorsModule}        from "../utils/authors/showAuthors.module";

import {HelperModule} from "../utils/helper/helper.module";

import {ResultLandingUtilsModule} from "./landing-utils/resultLandingUtils.module";

import {AlertModalModule} from "../utils/modal/alertModal.module";

@NgModule({

  imports: [

    CommonModule, FormsModule, LandingModule, SharedModule, RouterModule,

    CiteThisModule, PagingModule, IFrameModule,

    MetricsModule, AltMetricsModule, ConfigurationServiceModule, Schema2jsonldModule, SEOServiceModule,

    DeletedByInferenceModule, ShowAuthorsModule, HelperModule, ResultLandingUtilsModule, AlertModalModule

  ],

  declarations: [

    ResultLandingComponent

  ],

  providers: [

    ResultLandingService, FreeGuard, IsRouteEnabled

  ],

  exports: [

    ResultLandingComponent

  ]

})

export class ResultLandingModule { }

  public pageSize: number = 10;