171 lines
8.3 KiB
HTML
171 lines
8.3 KiB
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>
|