|
1
|
<schema2jsonld *ngIf="url" [URL]="url" [name]="title" type="other"></schema2jsonld>
|
|
2
|
<div class="uk-width-1-1">
|
|
3
|
|
|
4
|
</div>
|
|
5
|
<div class="uk-grid helper-grid">
|
|
6
|
<!-- <helper position="left" styleName=" uk-width-1-5 uk-padding-left"></helper>-->
|
|
7
|
<div class="uk-width-expand uk-margin-top">
|
|
8
|
<helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
|
|
9
|
[texts]="pageContents['top']"></helper>
|
|
10
|
<form class="">
|
|
11
|
|
|
12
|
<div class=" ">
|
|
13
|
<span class="uk-text-muted">Filter by</span>
|
|
14
|
|
|
15
|
</div>
|
|
16
|
<div class="uk-margin-small-top ">
|
|
17
|
<label class="uk-margin-small-right"> <input [(ngModel)]="projectCB" type="checkbox"
|
|
18
|
[disabled]="pageLoading"
|
|
19
|
(ngModelChange)="changeType()" name="project"/>
|
|
20
|
|
|
21
|
Projects </label>
|
|
22
|
<label class="uk-margin-small-right"> <input [(ngModel)]="publicationCB" type="checkbox"
|
|
23
|
[disabled]="pageLoading"
|
|
24
|
(ngModelChange)="changeType()" name="publication"/>
|
|
25
|
Publications </label>
|
|
26
|
<label class="uk-margin-small-right"> <input [(ngModel)]="datasetCB" type="checkbox"
|
|
27
|
[disabled]="pageLoading"
|
|
28
|
(ngModelChange)="changeType()" name="dataset"/>
|
|
29
|
Research Data </label>
|
|
30
|
<label class="uk-margin-small-right"> <input [(ngModel)]="softwareCB" type="checkbox"
|
|
31
|
[disabled]="pageLoading"
|
|
32
|
(ngModelChange)="changeType()" name="software"/>
|
|
33
|
Software
|
|
34
|
</label>
|
|
35
|
<label class="uk-margin-small-right"> <input [(ngModel)]="otherCB" type="checkbox"
|
|
36
|
[disabled]="pageLoading"
|
|
37
|
(ngModelChange)="changeType()" name="other"/>
|
|
38
|
Other products
|
|
39
|
</label>
|
|
40
|
<label class="uk-margin-small-right"> <input [(ngModel)]="contextCB" type="checkbox"
|
|
41
|
[disabled]="pageLoading"
|
|
42
|
(ngModelChange)="changeType()" name="context"/>
|
|
43
|
Communities </label>
|
|
44
|
|
|
45
|
<div class="uk-inline">
|
|
46
|
<span class="uk-form-icon uk-icon"><svg width="20" height="20" viewBox="0 0 20 20"
|
|
47
|
xmlns="http://www.w3.org/2000/svg" icon="search" ratio="1"><circle
|
|
48
|
fill="none" stroke="#000" stroke-width="1.1" cx="9" cy="9" r="7"></circle><path fill="none" stroke="#000"
|
|
49
|
stroke-width="1.1"
|
|
50
|
d="M14,14 L18,18 L14,14 Z"></path></svg>
|
|
51
|
</span>
|
|
52
|
<input type="text" class=" uk-input uk-width-medium form-control" placeholder="Search links"
|
|
53
|
aria-describedby="sizing-addon2"
|
|
54
|
[(ngModel)]="inputkeyword" (keyup)="changekeyword()"
|
|
55
|
name="claims-keyword">
|
|
56
|
<span *ngIf="inputkeyword.length > 0" class="uk-margin-small-right uk-icon" style="cursor: pointer;"
|
|
57
|
(click)="inputkeyword=''; changekeyword();">
|
|
58
|
<svg width="20" height="20" viewBox="0 0 20 20"
|
|
59
|
xmlns="http://www.w3.org/2000/svg" data-svg="close"><path fill="none" stroke="#000"
|
|
60
|
stroke-width="1.06"
|
|
61
|
d="M16,16 L4,4"></path><path
|
|
62
|
fill="none"
|
|
63
|
stroke="#000"
|
|
64
|
stroke-width="1.06"
|
|
65
|
d="M16,4 L4,16"></path></svg>
|
|
66
|
</span>
|
|
67
|
</div>
|
|
68
|
</div>
|
|
69
|
|
|
70
|
</form>
|
|
71
|
<div *ngIf="resultsNum>0 && selected.length == 0"
|
|
72
|
class="searchPaging uk-panel uk-margin-top portal-hr uk-margin-small-bottom"
|
|
73
|
data-uk-grid-margin="">
|
|
74
|
<div class="uk-width-1-2 uk-margin-top uk-margin-bottom">
|
|
75
|
<span> Results per page
|
|
76
|
<select *ngIf="resultsNum>10" class="uk-width-1-5 uk-select" [(ngModel)]="size" name="select_size"
|
|
77
|
(ngModelChange)="changeSize()" [disabled]="pageLoading">
|
|
78
|
<option *ngFor="let size of sizes" [value]="size">{{size}}</option>
|
|
79
|
</select>
|
|
80
|
</span>
|
|
81
|
</div>
|
|
82
|
<div class="uk-grid">
|
|
83
|
<div *ngIf="resultsNum>0" class="uk-width-1-2">
|
|
84
|
<span class="portal-color">{{resultsNum|number}}</span> links, page <span
|
|
85
|
class="portal-color">{{page | number}}</span> of <span
|
|
86
|
class="portal-color">{{totalPages(resultsNum)|number}}</span>
|
|
87
|
|
|
88
|
</div>
|
|
89
|
<div *ngIf="resultsNum" class="uk-width-1-2 ">
|
|
90
|
<paging-no-load [currentPage]="page" [totalResults]="resultsNum" [size]="size"
|
|
91
|
[loading]="pageLoading"
|
|
92
|
(pageChange)="pageChange($event)" class="uk-float-right"></paging-no-load>
|
|
93
|
</div>
|
|
94
|
</div>
|
|
95
|
</div>
|
|
96
|
<!-- Buttons for selecting and Delete Claims -->
|
|
97
|
|
|
98
|
<div *ngIf="enableDelete && selected.length>0 && resultsNum > 0 "
|
|
99
|
class="uk-margin-top portal-hr uk-margin-small-bottom uk-grid uk-margin-small-left">
|
|
100
|
<div class=" uk-width-1-2 uk-padding-remove-left">
|
|
101
|
{{selected.length | number}} link{{(selected.length > 1) ? 's' : ''}} selected
|
|
102
|
</div>
|
|
103
|
<div class=" uk-width-1-2">
|
|
104
|
<a [class]=" 'uk-text-danger uk-float-right '+(selected.length > 0?'':'uk-disabled')" (click)="confirmOpen()">
|
|
105
|
<span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
|
|
106
|
icon="trash" ratio="1"><polyline fill="none" stroke="#000"
|
|
107
|
points="6.5 3 6.5 1.5 13.5 1.5 13.5 3"></polyline><polyline
|
|
108
|
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"
|
|
109
|
width="1"
|
|
110
|
height="9"></rect><rect
|
|
111
|
x="11" y="7" width="1" height="9"></rect><rect x="2" y="3" width="16" height="1"></rect></svg></span>
|
|
112
|
delete links
|
|
113
|
</a>
|
|
114
|
</div>
|
|
115
|
</div>
|
|
116
|
|
|
117
|
<div *ngIf="deleteMessage.length>0 " [innerHTML]="deleteMessage">
|
|
118
|
|
|
119
|
|
|
120
|
<!--button *ngIf="claims && claims.length > 0" class=" uk-button uk-button-default" (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</button-->
|
|
121
|
</div>
|
|
122
|
|
|
123
|
|
|
124
|
<div *ngIf="showErrorMessage " class="uk-alert uk-alert-danger ">
|
|
125
|
An Error occured.
|
|
126
|
</div>
|
|
127
|
<div *ngIf="showForbiddenMessage " class="uk-alert uk-alert-danger ">
|
|
128
|
You are not allowed to access this page.
|
|
129
|
</div>
|
|
130
|
<div *ngIf="userValidMessage.length > 0 " class="uk-alert uk-alert-danger ">
|
|
131
|
User session is not valid. Please login again.
|
|
132
|
</div>
|
|
133
|
<div *ngIf="claims && claims.length == 0" class="uk-margin-top">
|
|
134
|
<div class="uk-alert uk-alert-primary ">No entries found.</div>
|
|
135
|
</div>
|
|
136
|
|
|
137
|
<div class="">
|
|
138
|
<table *ngIf="claims && claims.length > 0" class="uk-table uk-table-small uk-table-striped dataTable">
|
|
139
|
<thead class="uk-text-capitalize">
|
|
140
|
<tr>
|
|
141
|
<th *ngIf="enableDelete" class="uk-padding-remove-right" title="Select all">
|
|
142
|
<input id="checkAll" type="checkbox" (click)="selectAll($event)"
|
|
143
|
[ngModel]="selected.length==claims.length"/>
|
|
144
|
</th>
|
|
145
|
<th [class]="'uk-width-1-3 '+(sortby != 'target'?'sorting':(descending?'sorting_desc':'sorting_asc'))"
|
|
146
|
(click)="changeOrderby('target')"> Source
|
|
147
|
</th>
|
|
148
|
|
|
149
|
<th [class]="'uk-width-1-3 '+(sortby != 'source'?'sorting':(descending?'sorting_desc':'sorting_asc'))"
|
|
150
|
(click)="changeOrderby('source')">
|
|
151
|
Link to
|
|
152
|
</th>
|
|
153
|
<th *ngIf=" showUserEmail
|
|
154
|
" [class]="sortby != 'user'?'sorting':(descending?'sorting_desc':'sorting_asc')"
|
|
155
|
(click)="changeOrderby('user')">
|
|
156
|
Claimed by
|
|
157
|
</th>
|
|
158
|
<th [class]="sortby != 'date'?'sorting':(descending?'sorting_desc':'sorting_asc')"
|
|
159
|
(click)="changeOrderby('date')">
|
|
160
|
Claim Date
|
|
161
|
</th>
|
|
162
|
<th>Status
|
|
163
|
<span class="uk-icon"
|
|
164
|
[attr.uk-tooltip]="'title:<div class=\'uk-margin uk-padding-small\'>Status declares if the link information is available in the portal and the APIs<br> If it is pending, the information will be added in the next content provision workflow.</div>'">
|
|
165
|
<svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="info" ratio="1"><path
|
|
166
|
d="M12.13,11.59 C11.97,12.84 10.35,14.12 9.1,14.16 C6.17,14.2 9.89,9.46 8.74,8.37 C9.3,8.16 10.62,7.83 10.62,8.81 C10.62,9.63 10.12,10.55 9.88,11.32 C8.66,15.16 12.13,11.15 12.14,11.18 C12.16,11.21 12.16,11.35 12.13,11.59 C12.08,11.95 12.16,11.35 12.13,11.59 L12.13,11.59 Z M11.56,5.67 C11.56,6.67 9.36,7.15 9.36,6.03 C9.36,5 11.56,4.54 11.56,5.67 L11.56,5.67 Z"></path><circle
|
|
167
|
fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle></svg>
|
|
168
|
</span>
|
|
169
|
</th>
|
|
170
|
</tr>
|
|
171
|
</thead>
|
|
172
|
<tbody>
|
|
173
|
<tr *ngFor="let claim of claims ">
|
|
174
|
<td *ngIf="enableDelete"><input [id]="claim.id" type="checkbox" (click)="select(claim,$event)"
|
|
175
|
[ngModel]="isSelected(claim.id)"/></td>
|
|
176
|
<!-- <td></td>-->
|
|
177
|
<td>
|
|
178
|
<claim-entity [entity]="claim.target" [type]="claim.targetType" [properties]=properties
|
|
179
|
[externalPortalUrl]=externalPortalUrl></claim-entity>
|
|
180
|
</td>
|
|
181
|
<td>
|
|
182
|
<claim-entity [entity]="claim.source" [type]="claim.sourceType" [properties]=properties
|
|
183
|
[externalPortalUrl]=externalPortalUrl></claim-entity>
|
|
184
|
</td>
|
|
185
|
<td *ngIf="showUserEmail">{{claim.userMail}}</td>
|
|
186
|
<td>{{claim.date}}</td>
|
|
187
|
<td>
|
|
188
|
|
|
189
|
<span *ngIf="isClaimAvailable(claim) else notAvailable" class="uk-label uk-label-success">available</span>
|
|
190
|
<ng-template #notAvailable><span class="uk-label uk-label-warning">pending</span></ng-template>
|
|
191
|
|
|
192
|
<!-- <span class="uk-icon"-->
|
|
193
|
<!-- [attr.uk-tooltip]="'title:<div class=\'uk-margin-small\'>'+isClaimAvailable(claim)+'</div>'">-->
|
|
194
|
<!-- <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"-->
|
|
195
|
<!-- ratio="1">-->
|
|
196
|
<!-- <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle cx="10.44"-->
|
|
197
|
<!-- cy="14.42"-->
|
|
198
|
<!-- r="1.05"></circle><path-->
|
|
199
|
<!-- fill="none" stroke="#000" stroke-width="1.2"-->
|
|
200
|
<!-- d="M8.17,7.79 C8.17,4.75 12.72,4.73 12.72,7.72 C12.72,8.67 11.81,9.15 11.23,9.75 C10.75,10.24 10.51,10.73 10.45,11.4 C10.44,11.53 10.43,11.64 10.43,11.75"></path></svg>-->
|
|
201
|
<!-- </span>-->
|
|
202
|
</td>
|
|
203
|
</tr>
|
|
204
|
</tbody>
|
|
205
|
</table>
|
|
206
|
</div>
|
|
207
|
<div class="portal-hr uk-margin-top">
|
|
208
|
<div class="uk-grid ">
|
|
209
|
<div *ngIf="resultsNum>0" class="uk-width-1-2">
|
|
210
|
<span class="portal-color">{{resultsNum|number}}</span> links, page <span
|
|
211
|
class="portal-color">{{page | number}}</span> of <span
|
|
212
|
class="portal-color">{{totalPages(resultsNum)|number}}</span>
|
|
213
|
|
|
214
|
</div>
|
|
215
|
<div *ngIf="resultsNum" class="uk-width-1-2 ">
|
|
216
|
<paging-no-load [currentPage]="page" [totalResults]="resultsNum" [size]="size"
|
|
217
|
(pageChange)="pageChange($event)" class="uk-float-right"></paging-no-load>
|
|
218
|
</div>
|
|
219
|
</div>
|
|
220
|
</div>
|
|
221
|
|
|
222
|
</div>
|
|
223
|
<helper *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
|
|
224
|
[texts]="pageContents['right']" class="uk-width-1-5"></helper>
|
|
225
|
<!-- <div class="uk-width-1-5">
|
|
226
|
<div class="uk-card portal-card uk-padding" *ngIf="externalPortalUrl || claimsInfoURL">
|
|
227
|
<h6 *ngIf="!externalPortalUrl || externalPortalUrl.indexOf('http')==-1" class="uk-h6">
|
|
228
|
<a class="el-content uk-link-text" routerLink="/participate/claim">Claim more links?</a>
|
|
229
|
</h6>
|
|
230
|
<h6 *ngIf="externalPortalUrl && externalPortalUrl.indexOf('http')!=-1" class="uk-h6">
|
|
231
|
<a class="el-content uk-link-text" [href]="externalPortalUrl+'/participate/claim'"
|
|
232
|
target="_blank">Claim more links?</a>
|
|
233
|
</h6>
|
|
234
|
<h6 *ngIf="claimsInfoURL" class="uk-h6 uk-margin-small-top">
|
|
235
|
<a class="el-content uk-link-text" [href]="claimsInfoURL" target="_blank">Learn more</a>
|
|
236
|
</h6>
|
|
237
|
</div>
|
|
238
|
<helper position="right" styleName=" uk-width-1-5"></helper>
|
|
239
|
</div>-->
|
|
240
|
</div>
|
|
241
|
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
|
|
242
|
[texts]="pageContents['bottom']"></helper>
|
|
243
|
<modal-alert (alertOutput)="confirmClose()">
|
|
244
|
<h4 class="modal-title uk-text-bold " id="myModalLabel">Are you sure?</h4>
|
|
245
|
<p>
|
|
246
|
You are about to delete {{this.selected.length}} link(s) you selected. <br>
|
|
247
|
<span class="uk-text-bold">
|
|
248
|
Usually it takes 2-4 weeks for the links to permanently disappear from the Openaire platfrom.
|
|
249
|
</span>
|
|
250
|
</p>
|
|
251
|
|
|
252
|
<p>Do you want to delete the link(s)?</p>
|
|
253
|
</modal-alert>
|
|
254
|
<modal-loading [message]="'Please wait...'"></modal-loading>
|