D-Net

            <!--<ul #accordions 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.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.supplementaryResearchResults"

                  (click)="activeTab='Supplementary Research Results'">

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

                  Supplementary Research Results

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

                </a>

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

                  <div>

                    <tabTable percentageName="trust" [info]="resultLandingInfo.supplementaryResearchResults"

                              [properties]=properties></tabTable>

                  </div>

                </div>

              </li>

              <li *ngIf="resultLandingInfo.supplementedByResearchResults"

                  (click)="activeTab='Research Results supplemented by this product'">

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

                  Research Results supplemented by this

                  <span *ngIf="type == 'publication' || type == 'software'">{{type}}</span>

                  <span *ngIf="type == 'dataset'">research data</span>

                  <span *ngIf="type == 'orp'">research product</span>

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

                </a>

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

                  <div>

                    <tabTable percentageName="trust" [info]="resultLandingInfo.supplementedByResearchResults"

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

              <div *ngIf="hasAltMetrics" class="uk-margin-top">

                  <div>

                  <div></div><!-- OpenAIRE Metrics -->