D-Net

<div *ngIf="result">

  <!-- Before title -->

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

    <div *ngIf="properties.enermapsURL && showEnermaps" class="uk-width-auto">

      <a [href]="properties.enermapsURL" target="_blank" ><img *ngIf="result.enermapsId"

                                                               class="uk-width-medium" [src]="properties.enermapsURL + '/images/' + result.enermapsId + '.png'" alt="Enermaps tool preview">

      </a>

    </div>

    <div class="uk-width-expand">

  <div>

    <!-- deposit searchPage URL -->

    <span class="uk-width-expand uk-flex-right">

        <a *ngIf="result.websiteURL && promoteWebsiteURL" href="{{result.websiteURL}}" target="_blank" type="submit"

           class="  uk-float-right uk-button uk-button-primary uk-padding uk-padding-remove-vertical uk-margin-small-left">

          <span><span>Visit repository to deposit</span><span uk-icon="arrow-right"></span></span>

        </a>

    </span>

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

      <span *ngIf="type" class="uk-text-capitalize type">{{type}}</span>

      <span *ngIf="type && beforeTitle.length > 0"> . </span>

      <span *ngIf="beforeTitle.length > 0" class="uk-text-capitalize">

        {{beforeTitle.join(' . ')}}

      </span>

      <span *ngIf="result.embargoEndDate && result.embargoEndDate != ''">

        <span

            *ngIf="beforeTitle.length > 0"> . </span> Embargo End Date: {{result.embargoEndDate | date: 'dd MMM yyyy'}}

      </span>

    </div>

    <!-- Title -->

    <div class="uk-margin-small-bottom">

      <h6 class="uk-margin-remove uk-text-break">

        <a *ngIf="!externalUrl && result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "

           (click)="onClick()" [queryParams]="createParam()"

           [routerLink]="url" class="uk-link uk-width-expand">

          <div *ngIf="(result.title) || result.acronym">

            <span *ngIf="result.acronym">

              {{result.acronym}}

            </span>

            <span *ngIf="result.acronym && (result.title)"> (</span>

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

            <span *ngIf="result.acronym && result.title">)</span>

          </div>

          <div *ngIf="!result.title && !result.acronym">

            [no title available]

          </div>

        </a>

        <a *ngIf="externalUrl && result.id && !(result.resultType == 'dataprovider' && result.compatibilityUNKNOWN) "

           (click)="onClick()"

           target="_blank" [href]="externalUrl+result.id" class="uk-link uk-width-expand">

          <span *ngIf="(result.title) || result.acronym">

            <span *ngIf="result.acronym">

              {{result.acronym}}

            </span>

            <span *ngIf="result.acronym && (result.title)"> (</span>

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

            <span *ngIf="result.acronym && result.title">)</span>

          </span>

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

            [no title available]

          </span>

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

        </a>

        <div *ngIf="!result.id ||  (result.resultType == 'dataprovider' && result.compatibilityUNKNOWN)"

             class="uk-width-expand">

          <div *ngIf="(result.title) || result.acronym">

      <span *ngIf="result.acronym">

        {{result.acronym}}

      </span>

            <span *ngIf="result.acronym && (result.title)"> (</span>

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

            <span *ngIf="result.acronym && result.title">)</span>

          </div>

          <div *ngIf="!result.title && !result.acronym">

            [no title available]

          </div>

        </div>

        <hr *ngIf="result.websiteURL && promoteWebsiteURL">

      </h6>

    </div>

    <!-- Funder -->

    <div *ngIf="result.funderShortname || result.code" class="uk-margin-small-bottom">

  <span *ngIf="result.funderShortname">

    <span class="uk-text-muted">Funder: </span>

    {{result.funderShortname}}

  </span>

      <span *ngIf="result.code" [class.uk-margin-left]="result.funderShortname">

    <span class="uk-text-muted">Project Code: </span>

        {{result.code}}

  </span>

      <!--      Currently not parsed -->

      <!--      <span *ngIf="result.callIdentifier" [class.uk-margin-left]="(result.funderShortname || result.code)">-->

      <!--    <span class="uk-text-muted">Call for proposal: </span>-->

      <!--        {{result.callIdentifier}}-->

      <!--  </span>-->

    </div>

    <!-- Funder Budget -->

    <div *ngIf="result.budget || result.contribution" class="uk-margin-small-bottom">

      <span *ngIf="result.budget">

        <span class="uk-text-muted">Overall Budget: </span>

        {{result.budget | number}}

        <span *ngIf="result.currency">{{result.currency}}</span>

      </span>

      <span *ngIf="result.contribution" [class.uk-margin-left]="result.budget">

        <span class="uk-text-muted">Funder Contribution: </span>

        {{result.contribution | number}}

        <span *ngIf="result.currency">{{result.currency}}</span>

      </span>

    </div>

    <!-- Labels -->

    <div class="uk-margin-small-bottom">

      <span

          *ngIf="result.accessMode && result.accessMode.toLowerCase() !== 'not available'"

          class="uk-label custom-label" [ngClass]="'label-' + accessClass(result.accessMode)"

          title="Access Mode">

        {{result.accessMode}}

      </span>{{' '}}

      <span *ngIf="result.openAccessMandatePublications && (!result.openAccessMandateDatasets)"

            class="uk-label custom-label label-open"

            title="Open Access mandate for Publications">

          Open Access mandate for Publications

  </span>{{' '}}

      <span

          *ngIf="result.openAccessMandateDatasets != undefined && result.openAccessMandateDatasets && (result.openAccessMandatePublications == undefined || !result.openAccessMandatePublications)"

          class="uk-label custom-label label-open " title="Open Access mandate for Research Data">

          Open Access mandate for Research Data

  </span>{{' '}}

      <span

          *ngIf="result.openAccessMandatePublications != undefined && result.openAccessMandatePublications && result.openAccessMandateDatasets != undefined && result.openAccessMandateDatasets"

          class="uk-label custom-label label-open "

          title="Open Access mandate for Publications and Research Data">

          Open Access mandate for Publications and Research Data

  </span>{{' '}}

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

    <span *ngFor="let language of result.languages"

          class="uk-label custom-label label-language " title="Language">

      {{language}}

    </span>{{' '}}

  </span>

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

    <span *ngFor="let programmingLanguage of result.programmingLanguages"

          class="uk-label custom-label label-language" title="Programming Language">

      {{programmingLanguage}}

    </span>{{" "}}

  </span>

      <span *ngIf="result.sc39" class="uk-label custom-label label-sc39" title="Special Clause 39">

    Special Clause 39

  </span>{{' '}}

      <span *ngIf="result.compatibility && result.compatibility != '' && result.compatibility != 'not available'"

            class="uk-label custom-label  label-compatibility" title="Compatibility">

    {{result.compatibility}}

  </span>{{' '}}

      <span *ngIf="result.compatibility != undefined && result.compatibility != '' && result.compatibility ==

      'not available'"

            class="uk-label custom-label  label-danger" title="OpenAIRE Compatibility">Not yet registered</span>

      {{' '}}

    </div>

    <!-- Authors -->

    <div *ngIf="result.authors" class="uk-flex uk-margin-small-bottom">

      <div class="uk-text-muted">Authors:</div>

      <showAuthors class="space" [authors]="result.authors" [authorsLimit]=10 [modal]="modal"

                   [showAll]=false [small]="false"></showAuthors>

    </div>

    <!-- Identifiers -->

    <div *ngIf="result.identifiers && result.identifiers.size > 0" class="uk-margin-small-bottom">

      <showIdentifiers [identifiers]="result.identifiers" [properties]="properties"></showIdentifiers>

    </div>

    <!-- Publisher -->

    <div *ngIf="result.publisher && result.publisher != ''" class="uk-margin-small-bottom">

      <span class="uk-text-muted">Publisher: </span>

      {{result.publisher}}

    </div>

    <!-- Countries -->

    <div *ngIf="result.countries && result.countries.length > 0"

         class="uk-margin-small-bottom">

      <span class="uk-text-muted">{{(result.countries.length == 1) ? 'Country' : 'Countries'}}: </span>

      <span *ngFor="let country of  result.countries.slice(0,10) let i = index">

        {{country}}{{(i < (result.countries.slice(0, 10).length - 1)) ? ", " : ""}}

        {{(i == result.countries.slice(0, 10).length - 1 && result.countries.length > 10) ? "..." : ""}}

  </span>

    </div>

    <!-- Projects -->

    <div *ngIf="result.projects && result.projects.length > 0" class="uk-margin-small-bottom">

      <span class="uk-text-muted"> Project: </span>

      <span *ngFor="let project of result.projects.slice(0,10) let i=index">

    <span>

      {{project.funderShortname ? project.funderShortname : project.funderName}}

    </span>

    <span *ngIf="project.acronym || project.title">

      | {{ project.acronym ? project.acronym : (project.title.length > 25 ?

        project.title.substring(0, 25) + '...' : project.title)}}

    </span>

    <span *ngIf="project.code"> ({{project.code}})</span>

    <span *ngIf="i < result.projects.length-1">,</span>

  </span>

      <span *ngIf="result.projects.length > 10">...</span>

    </div>

    <!-- Organizations -->

    <div *ngIf="showOrganizations && result.organizations && result.organizations.length > 0"

         class="uk-margin-small-bottom">

      <span class="uk-text-muted">Partners: </span>

      <span *ngFor="let organization of result.organizations.slice(0,10) let i=index">

    <span>{{organization.name}}</span>

    <span *ngIf="(i < result.organizations.length-1) && (i < 9)">, </span>

  </span>

      <span *ngIf="result.organizations.length > 10">...</span>

    </div>

    <!-- Website URL -->

    <div *ngIf="result.websiteURL && result.websiteURL != '' && !promoteWebsiteURL" class="uk-margin-small-bottom">

      <span class="uk-text-muted">Website URL: </span>

      <span>

            <a href="{{result.websiteURL}}" target="_blank">

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

              {{result.websiteURL}}

            </a>

        </span>

    </div>

    <!-- OAI-PMH URL-->

    <div *ngIf="result.OAIPMHURL && result.OAIPMHURL != ''" class="uk-margin-small-bottom">

      <span class="uk-text-muted">OAI-PMH URL: </span>

      <span>

        <a href="{{result.OAIPMHURL}}" target="_blank">

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

          {{result.OAIPMHURL}}

        </a>

      </span>

    </div>

    <!-- Subjects -->

    <div *ngIf="showSubjects && result.subjects && result.subjects.length > 0"

         class="uk-margin-small-bottom">

      <span class="uk-text-muted">Subject: </span>

      <span *ngFor="let subject of  result.subjects.slice(0,10) let i = index">

        <span>{{subject}}</span>

        <span>{{(i < (result.subjects.slice(0, 10).length - 1)) ? ", " : ""}}</span>

        <span>{{(i == result.subjects.slice(0, 10).length - 1 && result.subjects.length > 10) ? "..." : ""}}</span>

  </span>

    </div>

  </div>

  <!-- Description -->

  <div *ngIf="result.description" class="uk-margin-small-bottom multi-line-ellipsis lines-3">

    <p class="uk-text-muted">

      {{result.description}}

    </p>

  </div>

  <!-- Download from-->

  <div *ngIf="result.hostedBy_collectedFrom && result.hostedBy_collectedFrom.length > 0"

       class="uk-margin-small-bottom download-from">

    <div *ngFor="let from of result.hostedBy_collectedFrom"

         [title]="from.bestAccessMode ? from.bestAccessMode : 'Not available'"

         class="uk-flex">

    <span class="uk-margin-small-right">

      <img [src]="from.icon">

    </span>

      <span class="uk-width-expand">

      <span class="uk-margin-right uk-display-inline-block">

        <span class="uk-text-muted">Download from: </span>

        <span *ngIf="from.downloadUrl.length > 1" class="title">

            <span>{{from.downloadName}}</span>

            <a *ngFor="let url of from.downloadUrl; let i=index;"

               [href]="url" target="_blank">

               [{{(i + 1) | number}}]

            </a>

          </span>

        <a *ngIf="from.downloadUrl && from.downloadUrl.length === 1"

           [href]="from.downloadUrl[0]" target="_blank" class="title">

          {{from.downloadName}}

          <span class="custom-external space"></span>

        </a>

        <span *ngIf="!from.downloadUrl || from.downloadUrl.length === 0" class="title">

          {{from.downloadName}}

        </span>

      </span>

      <span class="provider uk-display-inline-block">

        <span class="uk-text-muted">Provider: </span>

        <!--      target="_blank"-->

        <a *ngIf="from.collectedId" [routerLink]="dataProviderUrl" [queryParams]="{datasourceId: from.collectedId}"

           [href]="from.downloadUrl[0]" (click)="onClick();">

          {{from.collectedName}}

          <!--        <span class="custom-external space"></span>-->

        </a>

        <span *ngIf="!from.collectedId">

          {{from.collectedName}}

        </span>

      </span>

    </span>

    </div>

  </div>

    </div>

  </div>

  <!--&& loggedIn -->

  <div *ngIf="(result.pop_inf && result.DOI) ||

                (properties.adminToolsPortalType == 'explore' &&

                  ((showOrcid && result.identifiers && result.identifiers.size > 0) || (result.orcidUpdateDates?.length > 0 || result.orcidCreationDates?.length > 0)))"

      class="result-preview-bottom">

    <!-- Impact Factors-->

    <span class="uk-flex uk-flex-top">

    <ng-container *ngIf="result.pop_inf && result.DOI">

    <!--Popularity -->

    <a title="Popularity" class="popularity-{{result.pop_inf[0]}}  uk-margin-right uk-flex uk-flex-middle">

      <svg xmlns="http://www.w3.org/2000/svg" width="10.749" height="14.33" viewBox="0 0 10.749 14.33"><defs><!--<style>.a{fill:#d51717;}</style>--></defs><path

          class="a"

          d="M10.382.67a14.44,14.44,0,0,1,.5,3.225A2.331,2.331,0,0,1,8.589,6.4,2.445,2.445,0,0,1,6.15,3.895l.02-.242A9.25,9.25,0,0,0,4,9.625a5.375,5.375,0,0,0,10.749,0A11.5,11.5,0,0,0,10.382.67ZM9.18,12.985a2.134,2.134,0,0,1-2.163-2.11A2.1,2.1,0,0,1,8.9,8.779a5.181,5.181,0,0,0,3.1-1.733,9.374,9.374,0,0,1,.4,2.714A3.226,3.226,0,0,1,9.18,12.985Z"

          transform="translate(-4 -0.67)"/></svg>

      <span class="uk-margin-small-left"

      >

        {{" " + result.pop_inf[2] +

      " popularity" }}</span>

    </a>

    <div

        class="default-dropdown uk-margin-remove-top uk-padding-medium"

        uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">

        <span class=" uk-flex uk-flex-middle">

          <span class="popularity-{{result.pop_inf[0]}}">

             <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="26.974"

                  viewBox="0 0 20.234 26.974"><defs> </defs><path class="a"

                                                                  d="M16.014.67a27.181,27.181,0,0,1,.936,6.07c0,2.605-1.707,4.717-4.312,4.717A4.6,4.6,0,0,1,8.047,6.74l.038-.455A17.411,17.411,0,0,0,4,17.527a10.117,10.117,0,0,0,20.234,0A21.643,21.643,0,0,0,16.014.67ZM13.75,23.85A4.016,4.016,0,0,1,9.678,19.88c0-2.049,1.328-3.49,3.554-3.946a9.753,9.753,0,0,0,5.843-3.263,17.645,17.645,0,0,1,.746,5.109,6.072,6.072,0,0,1-6.07,6.07Z"

                                                                  transform="translate(-4 -0.67)"/></svg>

            </span>

          <span class=" uk-margin-small-left uk-text-large">{{" " + result.pop_inf[2] +

          " popularity" }}</span>

          <span

              class="uk-margin-small-top uk-margin-small-left">{{" " + (result.pop_inf[0] == 'A' ? 'In top  0.01%' : '') + (result.pop_inf[0] == 'B' ? 'In top 1%' : '') + (result.pop_inf[0] == 'C' ? 'In bottom 99%' : '')}}</span>

        </span>

        <div class="uk-text-muted uk-margin">Popularity: Citation-based measure reflecting the current impact.</div>

        <div>

          <a title="Link to Bip!Finder" class="uk-float-right" target="_blank"

             href="https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>

        </div>

</div>

      <!--Influence -->

<a title="Influence" class="influence-{{result.pop_inf[1]}} uk-margin-right uk-flex uk-flex-middle">

  <svg xmlns="http://www.w3.org/2000/svg" width="12.667" height="14" viewBox="0 0 12.667 14">

    <defs><!--<style>.a{fill:#e1920a;}</style>--></defs>

    <path class="a"

          d="M3.333,7v4.667h2V7Zm4,0v4.667h2V7ZM2,15H14.667V13H2Zm9.333-8v4.667h2V7Zm-3-6L2,4.333V5.667H14.667V4.333Z"

          transform="translate(-2 -1)"/>

  </svg>

  <span class="uk-margin-small-left"

  >{{" " + result.pop_inf[3] +

  " influence" }}</span>

</a>

<div

    class="default-dropdown uk-margin-remove-top uk-padding-medium"

    uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">

        <span class=" uk-flex uk-flex-middle">

          <span class="influence-{{result.pop_inf[1]}}">

             <svg xmlns="http://www.w3.org/2000/svg" width="24.299" height="26.857" viewBox="0 0 24.299 26.857"><defs><style>.a {

               fill: #464646;

             }</style></defs><path class="a"

                                   d="M4.558,12.51v8.952H8.394V12.51Zm7.673,0v8.952h3.837V12.51ZM2,27.857H26.3V24.02H2ZM19.9,12.51v8.952h3.837V12.51ZM14.149,1,2,7.394V9.952H26.3V7.394Z"

                                   transform="translate(-2 -1)"/></svg>

            </span>

          <span class=" uk-margin-small-left uk-text-large"

          >{{result.pop_inf[3] +

          " influence" }}</span>

          <span

              class="uk-margin-small-top uk-margin-small-left">{{" " + (result.pop_inf[1] == 'A' ? 'In top  0.01%' : '') + (result.pop_inf[1] == 'B' ? 'In top 1%' : '') + (result.pop_inf[1] == 'C' ? 'In bottom 99%' : '')}}</span>

        </span>

        <div class="uk-text-muted uk-margin">Influence: Citation-based measure reflecting the total impact.</div>

        <div>

          <a title="Link to Bip!Finder" class=" uk-float-right" target="_blank" href=

              "https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>

        </div>

      </div>

    </ng-container>

      <!-- && loggedIn    -->

    <span *ngIf="properties.adminToolsPortalType == 'explore' && showOrcid && result.identifiers && result.identifiers.size > 0"

        class="uk-width-1-3 uk-width-expand@s">

<!--          class="uk-flex uk-flex-middle  uk-flex-right uk-width-expand">-->

      <orcid-work *ngIf="showOrcid && result.identifiers && result.identifiers.size > 0"

                  [resultId]="result.relcanId" [resultTitle]="result.title"

                  [type]="result.resultType" [pageType]="'search'"

                  [putCodes]="result.orcidPutCodes" [givenPutCode]="true" [identifiers]="result.identifiers">

      </orcid-work>

    </span>

    <span *ngIf="properties.adminToolsPortalType == 'explore' && (result.orcidUpdateDates?.length > 0 || result.orcidCreationDates?.length > 0)"

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

      <span *ngIf="result.orcidCreationDates?.length > 0" class="uk-display-inline-block">

        <span class="uk-text-muted">Added in ORCID:</span>

        <span *ngFor="let date of result.orcidCreationDates; let i=index">

          {{date | date: 'dd MMM yyyy'}}

          <span *ngIf="i < (result.orcidCreationDates.length - 1)">& </span>

        </span>

      </span>

      <span *ngIf="result.orcidCreationDates?.length > 0 && result.orcidUpdateDates?.length > 0">

        {{' . '}}

      </span>

      <span *ngIf="result.orcidUpdateDates?.length > 0" class="uk-display-inline-block">

        <span class="uk-text-muted">Last update in ORCID:</span>

        <span *ngFor="let date of result.orcidUpdateDates; let i=index">

          {{date | date: 'dd MMM yyyy'}}

          <span *ngIf="i < (result.orcidUpdateDates.length - 1)">& </span>

        </span>

      </span>

    </span>

  </span>

  </div>

</div>