D-Net

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

  <no-load-paging *ngIf="totalResults > 0" [type]="'research outcomes'"

                  (pageChange)="pageChanged($event)"

                  [page]="currentPage" [pageSize]="resultsPerPage"

                  [totalResults]="totalResults">

  </no-load-paging>

  <ul class="uk-list search-results uk-margin-remove-top">

    <errorMessages *ngIf="status != errorCodes.NONE" [status]="[status]" [type]="'results'"></errorMessages>

    <li *ngFor="let result of previewResults" class="uk-animation-fade">

      <div class="uk-card uk-card-default uk-padding uk-card-hover">

        <div class="uk-grid uk-grid-divider">

        <div class="uk-width-expand@m uk-width-1-1 uk-first-column">

          <result-preview [properties]="properties" [showOrcid]="false" [showOrganizations]="true"

                          [showSubjects]="true" [result]="result" [promoteWebsiteURL]="true">

          </result-preview>

        </div>

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

          <div class="uk-height-1-1 uk-padding-small uk-flex uk-flex-center uk-flex-column uk-flex-middle">

            <orcid-work [resultId]="result.relcanId" [resultTitle]="result.title"

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

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

                        [identifiers]="result.identifiers"

                        [creationDates]="result.orcidCreationDates" [updateDates]="result.orcidUpdateDates">

            </orcid-work>

          </div>

        </div>

        </div>

      </div>

    </li>

  </ul>

  <no-load-paging *ngIf="totalResults > 0" [type]="'research outcomes'"

                  (pageChange)="pageChanged($event)"

                  [page]="currentPage" [pageSize]="resultsPerPage"

                  [totalResults]="totalResults">

  </no-load-paging>

</div>