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

<schema2jsonld *ngIf="url" [URL]="url" [name]="pageTitle" type="other"></schema2jsonld>
<div class="uk-width-1-1">

</div>
<div class="uk-grid  helper-grid">
  <div class="uk-width-expand ">
    <div
          class="uk-card-body uk-padding-remove-bottom uk-padding-remove-top " [class.paging-hr]="
          !pageLoading && claims && claims.length > 0">
    <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
            [texts]="pageContents['top']"></helper>

    <form class="">
       <div class="uk-width-1-1 uk-flex uk-flex-right@m uk-flex-center uk-flex-wrap uk-flex-middle uk-grid" uk-grid>
        <div  #searchInputComponent search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search links"
             [selected]="inputkeyword" (closeEmitter)="onSearchClose()" (resetEmitter)="resetInput()"
             [bordered]="true" colorClass="uk-text-secondary"></div>
      </div>
      <div  class=" uk-grid uk-flex-middle">
        <div class="">Filter by: </div>
        <div class="uk-width-medium uk-padding-remove uk-margin-small-left" dashboard-input
             [formInput]="filterForm.get('entities')"
             placeholder="Search by entities"
             type="chips" [options]="allOptions"   chipLabel="label">
        </div>
        <div class="">Sort by: </div>
        <div  class="uk-width-medium uk-padding-remove uk-margin-small-left"  dashboard-input
              [formInput]="filterForm.get('sort')"
             type="select"
             [options]="sortOptions">
        </div>
      </div>
    </form>
    <div *ngIf="!(pageLoading || showErrorMessage ||  showForbiddenMessage || userValidMessage.length > 0 || (claims &&
    claims.length
     ==0))"
         class="searchPaging uk-panel uk-margin-top "
         data-uk-grid-margin="">

      <div class="uk-grid uk-flex-middle">
        <div   class="uk-width-1-2">
          <div *ngIf="enableDelete && claims && claims.length > 0">
            <span class="uk-margin-small-top">
            <input id="checkAll" type="checkbox" (click)="selectAll($event)"
                   [ngModel]="selected.length==claims.length"/>
            </span>
            <a [class]=" ' grey-portal-link uk-margin-medium-left '+(selected.length > 0?'':'uk-disabled')"
               (click)="confirmOpen()">
              <span class="uk-icon "><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
                                                         icon="trash" ratio="1"><polyline fill="none" stroke="#000"
                                                                                          points="6.5 3 6.5 1.5 13.5 1.5 13.5 3"></polyline><polyline
                fill="none" stroke="#000" points="4.5 4 4.5 18.5 15.5 18.5 15.5 4"></polyline><rect x="8" y="7"
                                                                                                    width="1"
                                                                                                    height="9"></rect><rect
                x="11" y="7" width="1" height="9"></rect><rect x="2" y="3" width="16" height="1"></rect></svg></span>
              Delete  <span
              *ngIf="selected.length > 0 && selected.length < resultsNum">{{selected.length | number}}</span><span
              *ngIf="selected.length == resultsNum"> all </span> links

            </a>

          </div>

        </div>
        <div *ngIf="resultsNum" class="uk-width-1-2 uk-grid uk-flex-right uk-flex-middle  ">
          <div class="uk-text-muted uk-text-uppercase">
          <span class="uk-text-bold">{{resultsNum|number}}</span> links, page <span
          class="uk-text-bold">{{page | number}}</span> of <span
          class="uk-text-bold">{{totalPages(resultsNum)|number}}</span>
          </div>
          <paging-no-load [currentPage]="page" [totalResults]="resultsNum" [size]="size"
                          [loading]="pageLoading"
                          (pageChange)="pageChange($event)" class="uk-float-right"></paging-no-load>
        </div>
      </div>

    </div>
    </div>

    <loading  *ngIf="pageLoading" class="uk-padding"></loading>
    <div *ngIf="!pageLoading" >
    <div *ngIf="showErrorMessage " class="uk-alert uk-alert-danger ">
      An Error occured.
    </div>
    <div *ngIf="showForbiddenMessage " class="uk-alert uk-alert-danger ">
      You are not authorized to view the results.
    </div>
    <div *ngIf=" userValidMessage.length > 0 " class="uk-alert uk-alert-danger ">
      User session is not valid. Please login again.
    </div>
    <div *ngIf=" claims && claims.length == 0" class="uk-margin-top">
      <div class="uk-alert uk-alert-primary ">No entries found.</div>
    </div>

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

      <div *ngFor="let claim of claims "
           class="uk-card uk-card-default uk-card-body uk-margin-bottom ng-star-inserted">
        <div class="uk-grid">
          <div *ngIf="enableDelete">
            <input [id]="claim.id" type="checkbox" (click)="select(claim,$event)"
                   [ngModel]="isSelected(claim.id)"/>
          </div>
          <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-small-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"><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-margin-small-bottom uk-margin-top">
<!--              <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>
    <div  *ngIf="!( showErrorMessage ||  showForbiddenMessage || userValidMessage.length > 0 || (claims
     && claims.length
     ==0))" class="paging-hr uk-margin-top">
      <div class="uk-grid ">
        <div *ngIf="resultsNum>0" class="uk-width-1-2 uk-text-muted uk-text-uppercase">
          <span class="uk-text-bold">{{resultsNum|number}}</span> links, page <span
          class="uk-text-bold">{{page | number}}</span> of <span
          class="uk-text-bold">{{totalPages(resultsNum)|number}}</span>

        </div>
        <div *ngIf="resultsNum" class="uk-width-1-2 ">
          <paging-no-load [currentPage]="page" [totalResults]="resultsNum" [size]="size"
                          (pageChange)="pageChange($event)" class="uk-float-right"></paging-no-load>
        </div>
      </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 (alertOutput)="confirmClose()">
  <h4 class="modal-title uk-text-bold " id="myModalLabel">Are you sure?</h4>
  <p>
    You are about to delete {{this.selected.length}} link(s) you selected. <br>
    <span class="uk-text-bold">
    Usually it takes 2-4 weeks for the links to permanently disappear from the Openaire platfrom.
  </span>
  </p>

  <p>Do you want to delete the link(s)?</p>
</modal-alert>
<modal-loading [message]="'Please wait...'"></modal-loading>