openaire-library/claims/claim-utils/displayClaims/displayClaims.component.html

<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<div class="uk-grid">
  <div class="uk-width-expand uk-position-relative">
    <div>
      <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
              [texts]="pageContents['top']"></helper>
      <div *ngIf="filterForm" class="uk-margin-top">
        <div class="uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle">
          <div search-input [disabled]="loading" [searchControl]="filterForm.controls.keyword" searchInputClass="outer"
               placeholder="Search links" class="uk-width-1-3@xl uk-width-2-5@l uk-width-1-2@m uk-width-1-1"
               (searchEmitter)="changeKeyword()" [expandable]="true"></div>
        </div>
        <div class="uk-margin-medium-top">
          <results-and-pages [type]="resultsNum !== 1?'Links':'Link'" [page]="page" [pageSize]="size"
                             [totalResults]="resultsNum" customClasses="uk-margin-remove"></results-and-pages>
        </div>
        <div class="uk-grid uk-flex-middle uk-margin-medium-top" uk-grid>
          <div>
            <dropdown-filter #dropdownFilter dropdownClass="uk-width-medium uk-padding-small"
                             name="Type of Entity" [disabled]="loading" [count]="entities.length">
              <h6 class="uk-margin-remove-bottom" title="Type of Entity">Type of Entity</h6>
              <ul class="uk-list uk-margin-remove-bottom">
                <li *ngFor="let option of allOptions">
                  <a class="uk-link-text">
                    <label (click)="select(option.value, $event, dropdownFilter)" class="uk-flex uk-flex-middle">
                      <input class="uk-checkbox"
                             type="checkbox" [checked]="isSelected(option.value)">
                      <span class="uk-margin-small-left">{{option.label}}</span>
                    </label>
                  </a>
                </li>
              </ul>
            </dropdown-filter>
          </div>
          <div input inputClass="flat x-small" placeholder="Sort by"
               [formInput]="filterForm.get('sort')"
               type="select" [options]="sortOptions">
          </div>
          <div class="uk-width-expand@m uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center">
            <paging-no-load [currentPage]="page" [totalResults]="resultsNum" [size]="size"
                            [loading]="false" (pageChange)="pageChange($event)"></paging-no-load>
          </div>
        </div>
      </div>
    </div>
    <div class="uk-section uk-section-small uk-position-relative" style="min-height: 60vh">
      <div *ngIf="loading" class="uk-position-center">
        <loading></loading>
      </div>
      <div *ngIf="!loading">
        <div *ngIf="claims && claims.length == 0"  class="uk-card uk-card-default uk-padding-large uk-text-center uk-margin-bottom uk-text-bold">
          <div>No links found</div>
        </div>
        <ul class="uk-margin-small-top uk-list uk-list-xlarge">
          <li *ngFor="let claim of claims;  let i=index" class="uk-card uk-card-default">
            <div class="uk-card-body">
              <div class="uk-grid" uk-grid>
                <div class="uk-width-expand">
                  <div class="uk-margin-bottom">
                    <claim-entity [entity]="claim.target" [type]="claim.targetType" [properties]=properties
                                  [externalPortalUrl]=externalPortalUrl [source]="true"></claim-entity>
                  </div>
                  <div class="uk-margin-bottom">
                <span *ngIf="isClaimAvailable(claim) else notAvailable" class="uk-label uk-label-success"
                      [attr.uk-tooltip]="'title:<div class=\'uk-margin uk-padding-small\'>The link information is available in the portal and the APIs.</div>'"
                >available
                </span>
                    <ng-template #notAvailable><span class="uk-label uk-label-danger"
                                                     [attr.uk-tooltip]="'title:<div class=\'uk-margin uk-padding-small\'>The link information  will be added in the portal and the APIs in the next content provision workflow.</div>'"
                    >pending</span></ng-template>
                  </div>

                  <div class="uk-margin-small-bottom uk-text-small"><span *ngIf="showUserEmail"
                                                                          class="uk-margin-right"><span class="title">Claimed by:</span>
                    {{claim.userMail}}</span>
                    <span
                        class="title">Claimed date:</span> {{claim.date}}</div>
                  <div class="uk-text-small">
                    <!--              <span class="title">Link to:</span> -->
                    <claim-entity [entity]="claim.source" [type]="claim.sourceType" [source]="false" [properties]=properties
                                  [externalPortalUrl]=externalPortalUrl></claim-entity>
                  </div>
                </div>
              </div>
            </div>
            <div class="uk-card-footer uk-flex uk-flex-right">
              <button class="uk-button uk-button-link" (click)="deleteOpen(i)">Delete</button>
            </div>
          </li>
        </ul>
        <div class="uk-margin-medium-top uk-flex uk-flex-center uk-flex-right@m">
          <paging-no-load *ngIf="resultsNum" [currentPage]="page" [totalResults]="resultsNum" [size]="size"
                          (pageChange)="pageChange($event)"></paging-no-load>
        </div>
      </div>
    </div>
  </div>
  <helper *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
          [texts]="pageContents['right']" class="uk-width-1-5"></helper>
</div>
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
        [texts]="pageContents['bottom']"></helper>
<modal-alert #deleteModal [overflowBody]="false" (alertOutput)="delete()">
</modal-alert>