2021-04-19 18:28:36 +02:00
< schema2jsonld * ngIf = "url" [ URL ] = " url " [ name ] = " pageTitle " type = "other" > < / schema2jsonld >
2017-12-19 13:53:46 +01:00
< div class = "uk-width-1-1" >
2019-07-24 17:46:49 +02:00
2017-12-19 13:53:46 +01:00
< / div >
< div class = "uk-grid helper-grid" >
2021-02-10 11:24:52 +01:00
< div class = "uk-width-expand " >
< div
2021-03-12 15:49:12 +01:00
class="uk-card-body uk-padding-remove-bottom uk-padding-remove-top " [class.paging-hr]="
2021-02-10 11:24:52 +01:00
!pageLoading & & claims & & claims.length > 0">
2019-07-24 17:46:49 +02:00
< helper * ngIf = "pageContents && pageContents['top'] && pageContents['top'].length > 0"
[texts]="pageContents['top']">< / helper >
2019-07-23 14:23:12 +02:00
2022-05-11 11:02:23 +02:00
< form * ngIf = "filterForm" class = "" >
2021-02-10 11:24:52 +01:00
< 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 >
2022-05-11 11:02:23 +02:00
< div # searchInputComponent search-input [ searchControl ] = " filterForm . controls . keyword " placeholder = "Search links"
(searchEmitter)="changekeyword()" [expandable]="true">< / div >
2019-07-23 14:23:12 +02:00
< / div >
2021-02-10 11:24:52 +01:00
< div class = " uk-grid uk-flex-middle" >
< div class = "" > Filter by: < / div >
2022-05-10 16:28:50 +02:00
< div class = "uk-width-medium uk-padding-remove uk-margin-small-left" input
2021-02-10 11:24:52 +01:00
[formInput]="filterForm.get('entities')"
placeholder="Search by entities"
type="chips" [options]="allOptions" chipLabel="label">
< / div >
< div class = "" > Sort by: < / div >
2022-05-10 16:28:50 +02:00
< div class = "uk-width-medium uk-padding-remove uk-margin-small-left" input
2021-02-10 11:24:52 +01:00
[formInput]="filterForm.get('sort')"
type="select"
[options]="sortOptions">
2019-07-23 14:23:12 +02:00
< / div >
2017-12-19 13:53:46 +01:00
< / div >
< / form >
2021-02-10 11:24:52 +01:00
< div * ngIf = "!(pageLoading | | showErrorMessage | | showForbiddenMessage | | userValidMessage . length > 0 || (claims & &
claims.length
==0))"
2022-05-16 13:07:15 +02:00
class="searchPaging uk-panel uk-margin-medium-top uk-margin-bottom"
2019-07-23 14:23:12 +02:00
data-uk-grid-margin="">
2020-03-16 00:08:45 +01:00
2021-02-10 11:24:52 +01:00
< 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
2020-03-16 00:08:45 +01:00
2021-02-10 11:24:52 +01:00
< / a >
< / div >
< / div >
< div * ngIf = "resultsNum" class = "uk-width-1-2 uk-grid uk-flex-right uk-flex-middle " >
2022-05-16 23:31:28 +02:00
<!-- <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> -->
< results-and-pages type = "links" [ page ] = " page " [ pageSize ] = " size " [ totalResults ] = " resultsNum " > < / results-and-pages >
<!-- <paging - no - load [currentPage]="page" [totalResults]="resultsNum" [size]="size" -->
<!-- [loading]="pageLoading" -->
<!-- (pageChange)="pageChange($event)" class="uk - float - right"></paging - no - load> -->
2019-07-23 14:23:12 +02:00
< / div >
2017-12-19 13:53:46 +01:00
< / div >
2019-07-23 14:23:12 +02:00
< / div >
< / div >
2018-09-26 15:56:21 +02:00
2021-02-10 11:24:52 +01:00
< loading * ngIf = "pageLoading" class = "uk-padding" > < / loading >
< div * ngIf = "!pageLoading" >
2019-07-23 14:23:12 +02:00
< div * ngIf = "showErrorMessage " class = "uk-alert uk-alert-danger " >
An Error occured.
< / div >
< div * ngIf = "showForbiddenMessage " class = "uk-alert uk-alert-danger " >
2020-09-22 10:35:52 +02:00
You are not authorized to view the results.
2019-07-23 14:23:12 +02:00
< / div >
2021-02-10 11:24:52 +01:00
< div * ngIf = " userValidMessage.length > 0 " class = "uk-alert uk-alert-danger " >
2019-07-23 14:23:12 +02:00
User session is not valid. Please login again.
2017-12-19 13:53:46 +01:00
< / div >
2021-02-10 11:24:52 +01:00
< div * ngIf = " claims && claims.length == 0" class = "uk-margin-top" >
2019-07-23 14:23:12 +02:00
< div class = "uk-alert uk-alert-primary " > No entries found.< / div >
2017-12-19 13:53:46 +01:00
< / div >
2021-03-12 15:49:12 +01:00
< div class = "uk-margin-small-top" >
2019-07-23 14:23:12 +02:00
2021-02-10 11:24:52 +01:00
< 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 >
2022-05-16 13:07:15 +02:00
< div class = "uk-margin-bottom" >
2021-04-19 18:28:36 +02:00
< 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 >
2021-02-10 11:24:52 +01:00
< / div >
2022-05-16 13:07:15 +02:00
< div class = "uk-margin-small-bottom uk-text-small" > < span * ngIf = "showUserEmail" class = "uk-margin-right" > < span class = "title" > Claimed by:< / span >
2021-02-10 11:24:52 +01:00
{{claim.userMail}}< / span >
< span
class="title">Claimed date:< / span > {{claim.date}}< / div >
2022-05-16 13:07:15 +02:00
< div class = "uk-text-small" >
2021-02-10 11:24:52 +01:00
<!-- <span class="title">Link to:</span> -->
< claim-entity [ entity ] = " claim . source " [ type ] = " claim . sourceType " [ source ] = " false " [ properties ] = properties
2019-07-23 14:23:12 +02:00
[externalPortalUrl]=externalPortalUrl>< / claim-entity >
2021-02-10 11:24:52 +01:00
< / div >
< / div >
< / div >
< / div >
2019-07-23 14:23:12 +02:00
2019-10-01 10:26:17 +02:00
2019-07-23 14:23:12 +02:00
< / div >
2021-02-10 11:24:52 +01:00
< div * ngIf = "!( showErrorMessage | | showForbiddenMessage | | userValidMessage . length > 0 || (claims
& & claims.length
2021-03-12 15:49:12 +01:00
==0))" class="paging-hr uk-margin-top">
2022-05-16 23:31:28 +02:00
<!-- <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> -->
<!-- <no - load - paging *ngIf="resultsNum" type="links" [totalResults]="resultsNum" [pageSize]="size" [page]="page" (pageChange)="pageChange($event)"></no - load - paging> -->
< paging-no-load * ngIf = "resultsNum" [ currentPage ] = " page " [ totalResults ] = " resultsNum " [ size ] = " size "
(pageChange)="pageChange($event)" class="uk-float-right">< / paging-no-load >
< / div >
< / div >
< / div >
< helper * ngIf = "pageContents && pageContents['right'] && pageContents['right'].length > 0"
[texts]="pageContents['right']" class="uk-width-1-5">< / helper >
2019-07-23 14:23:12 +02:00
2019-10-01 10:26:17 +02:00
< / div >
2022-05-16 23:31:28 +02:00
< 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 >