Project

General

Profile

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 uk-card uk-card-default uk-padding-small">
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 *ngIf="resultsNum>10" class="uk-width-1-2 uk-margin-top uk-margin-bottom">-->
75
<!--        <span> Results per page-->
76
<!--          <mat-select class="uk-width-1-5 matSelection" [(ngModel)]="size" name="select_size"-->
77
<!--                  (ngModelChange)="changeSize()" [disabled]="pageLoading"-->
78
<!--                  [disableOptionCentering]="true"-->
79
<!--                  panelClass="matSelectionPanel">-->
80
<!--            <mat-option *ngFor="let size of sizes" [value]="size">{{size}}</mat-option>-->
81
<!--          </mat-select>-->
82
<!--        </span>-->
83
<!--      </div>-->
84

    
85
      <div  *ngIf="resultsNum>10" class="uk-margin-top uk-margin-bottom">
86
        <mat-form-field class="matSelectionFormField">
87
          <mat-label>Results per page:</mat-label>
88
          <mat-select   name="select_size"
89
                        [(ngModel)]="size" (ngModelChange)="changeSize()"
90
                       [disabled]="pageLoading"
91
                       [disableOptionCentering]="true"
92
                       panelClass="matSelectionPanel"
93
                       class="uk-text-bold matSelection">
94
            <mat-option *ngFor="let size of sizes" [value]="size">{{size}}</mat-option>
95
          </mat-select>
96
        </mat-form-field>
97
      </div>
98

    
99
      <div class="uk-grid">
100
        <div *ngIf="resultsNum>0" class="uk-width-1-2">
101
          <span class="portal-color">{{resultsNum|number}}</span> links, page <span
102
          class="portal-color">{{page | number}}</span> of <span
103
          class="portal-color">{{totalPages(resultsNum)|number}}</span>
104

    
105
        </div>
106
        <div *ngIf="resultsNum" class="uk-width-1-2 ">
107
          <paging-no-load [currentPage]="page" [totalResults]="resultsNum" [size]="size"
108
                          [loading]="pageLoading"
109
                          (pageChange)="pageChange($event)" class="uk-float-right"></paging-no-load>
110
        </div>
111
      </div>
112
    </div>
113
    <!--  Buttons for selecting and Delete Claims -->
114

    
115
    <div *ngIf="enableDelete && selected.length>0 && resultsNum > 0 "
116
         class="uk-margin-top portal-hr uk-margin-small-bottom uk-grid uk-margin-small-left">
117
      <div class=" uk-width-1-2 uk-padding-remove-left">
118
        {{selected.length | number}} link{{(selected.length > 1) ? 's' : ''}} selected
119
      </div>
120
      <div class=" uk-width-1-2">
121
        <a [class]=" 'uk-text-danger uk-float-right '+(selected.length > 0?'':'uk-disabled')" (click)="confirmOpen()">
122
              <span class="uk-icon"><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
123
                                         icon="trash" ratio="1"><polyline fill="none" stroke="#000"
124
                                                                          points="6.5 3 6.5 1.5 13.5 1.5 13.5 3"></polyline><polyline
125
                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"
126
                                                                                                    width="1"
127
                                                                                                    height="9"></rect><rect
128
                x="11" y="7" width="1" height="9"></rect><rect x="2" y="3" width="16" height="1"></rect></svg></span>
129
          delete links
130
        </a>
131
      </div>
132
    </div>
133

    
134
    <div *ngIf="deleteMessage.length>0 " [innerHTML]="deleteMessage">
135

    
136

    
137
      <!--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-->
138
    </div>
139

    
140

    
141
    <div *ngIf="showErrorMessage " class="uk-alert uk-alert-danger ">
142
      An Error occured.
143
    </div>
144
    <div *ngIf="showForbiddenMessage " class="uk-alert uk-alert-danger ">
145
      You are not allowed to access this page.
146
    </div>
147
    <div *ngIf="userValidMessage.length > 0 " class="uk-alert uk-alert-danger ">
148
      User session is not valid. Please login again.
149
    </div>
150
    <div *ngIf="claims && claims.length == 0" class="uk-margin-top">
151
      <div class="uk-alert uk-alert-primary ">No entries found.</div>
152
    </div>
153

    
154
    <div class="">
155
      <table *ngIf="claims && claims.length > 0" class="uk-table uk-table-small uk-table-striped dataTable">
156
        <thead class="uk-text-capitalize">
157
        <tr>
158
          <th *ngIf="enableDelete" class="uk-padding-remove-right" title="Select all">
159
            <input id="checkAll" type="checkbox" (click)="selectAll($event)"
160
                   [ngModel]="selected.length==claims.length"/>
161
          </th>
162
          <th [class]="'uk-width-1-3 '+(sortby != 'target'?'sorting':(descending?'sorting_desc':'sorting_asc'))"
163
              (click)="changeOrderby('target')"> Source
164
          </th>
165

    
166
          <th [class]="'uk-width-1-3 '+(sortby != 'source'?'sorting':(descending?'sorting_desc':'sorting_asc'))"
167
              (click)="changeOrderby('source')">
168
            Link to
169
          </th>
170
          <th *ngIf=" showUserEmail
171
          " [class]="sortby != 'user'?'sorting':(descending?'sorting_desc':'sorting_asc')"
172
              (click)="changeOrderby('user')">
173
            Claimed by
174
          </th>
175
          <th [class]="sortby != 'date'?'sorting':(descending?'sorting_desc':'sorting_asc')"
176
              (click)="changeOrderby('date')">
177
            Claim Date
178
          </th>
179
          <th>Status
180
            <span class="uk-icon"
181
                  [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>'">
182
              <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="info" ratio="1"><path
183
                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
184
                fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle></svg>
185
            </span>
186
          </th>
187
        </tr>
188
        </thead>
189
        <tbody>
190
        <tr *ngFor="let claim of claims ">
191
          <td *ngIf="enableDelete"><input [id]="claim.id" type="checkbox" (click)="select(claim,$event)"
192
                                          [ngModel]="isSelected(claim.id)"/></td>
193
          <!--          <td></td>-->
194
          <td>
195
            <claim-entity [entity]="claim.target" [type]="claim.targetType" [properties]=properties
196
                          [externalPortalUrl]=externalPortalUrl></claim-entity>
197
          </td>
198
          <td>
199
            <claim-entity [entity]="claim.source" [type]="claim.sourceType" [properties]=properties
200
                          [externalPortalUrl]=externalPortalUrl></claim-entity>
201
          </td>
202
          <td *ngIf="showUserEmail">{{claim.userMail}}</td>
203
          <td>{{claim.date}}</td>
204
          <td>
205

    
206
            <span *ngIf="isClaimAvailable(claim) else notAvailable" class="uk-label uk-label-success">available</span>
207
            <ng-template #notAvailable><span class="uk-label uk-label-warning">pending</span></ng-template>
208

    
209
            <!--              <span class="uk-icon"-->
210
            <!--                    [attr.uk-tooltip]="'title:<div class=\'uk-margin-small\'>'+isClaimAvailable(claim)+'</div>'">-->
211
            <!--                <svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" icon="question"-->
212
            <!--                     ratio="1">-->
213
            <!--                  <circle fill="none" stroke="#000" stroke-width="1.1" cx="10" cy="10" r="9"></circle><circle cx="10.44"-->
214
            <!--                                                                                                              cy="14.42"-->
215
            <!--                                                                                                              r="1.05"></circle><path-->
216
            <!--                  fill="none" stroke="#000" stroke-width="1.2"-->
217
            <!--                  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>-->
218
            <!--              </span>-->
219
          </td>
220
        </tr>
221
        </tbody>
222
      </table>
223
    </div>
224
    <div class="portal-hr uk-margin-top">
225
      <div class="uk-grid ">
226
        <div *ngIf="resultsNum>0" class="uk-width-1-2">
227
          <span class="portal-color">{{resultsNum|number}}</span> links, page <span
228
          class="portal-color">{{page | number}}</span> of <span
229
          class="portal-color">{{totalPages(resultsNum)|number}}</span>
230

    
231
        </div>
232
        <div *ngIf="resultsNum" class="uk-width-1-2 ">
233
          <paging-no-load [currentPage]="page" [totalResults]="resultsNum" [size]="size"
234
                          (pageChange)="pageChange($event)" class="uk-float-right"></paging-no-load>
235
        </div>
236
      </div>
237
    </div>
238

    
239
  </div>
240
  <helper *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
241
          [texts]="pageContents['right']" class="uk-width-1-5"></helper>
242
  <!-- <div class="uk-width-1-5">
243
     <div class="uk-card portal-card uk-padding" *ngIf="externalPortalUrl || claimsInfoURL">
244
       <h6 *ngIf="!externalPortalUrl || externalPortalUrl.indexOf('http')==-1" class="uk-h6">
245
         <a class="el-content uk-link-text" routerLink="/participate/claim">Claim more links?</a>
246
       </h6>
247
       <h6 *ngIf="externalPortalUrl && externalPortalUrl.indexOf('http')!=-1" class="uk-h6">
248
         <a class="el-content uk-link-text" [href]="externalPortalUrl+'/participate/claim'"
249
            target="_blank">Claim more links?</a>
250
       </h6>
251
       <h6 *ngIf="claimsInfoURL" class="uk-h6 uk-margin-small-top">
252
         <a class="el-content uk-link-text" [href]="claimsInfoURL" target="_blank">Learn more</a>
253
       </h6>
254
     </div>
255
     <helper position="right" styleName=" uk-width-1-5"></helper>
256
   </div>-->
257
</div>
258
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
259
        [texts]="pageContents['bottom']"></helper>
260
<modal-alert (alertOutput)="confirmClose()">
261
  <h4 class="modal-title uk-text-bold " id="myModalLabel">Are you sure?</h4>
262
  <p>
263
    You are about to delete {{this.selected.length}} link(s) you selected. <br>
264
    <span class="uk-text-bold">
265
    Usually it takes 2-4 weeks for the links to permanently disappear from the Openaire platfrom.
266
  </span>
267
  </p>
268

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