Project

General

Profile

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

    
4
</div>
5
<div class="uk-grid  helper-grid">
6
  <div class="uk-width-expand ">
7
    <div
8
          class="uk-card-body uk-padding-remove-bottom uk-padding-remove-top " [class.paging-hr]="
9
          !pageLoading && claims && claims.length > 0">
10
    <helper *ngIf="pageContents && pageContents['top'] && pageContents['top'].length > 0"
11
            [texts]="pageContents['top']"></helper>
12

    
13
    <form class="">
14
       <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>
15
        <div  #searchInputComponent search-input [control]="filterForm.controls.keyword" [showSearch]="false" placeholder="Search links"
16
             [selected]="inputkeyword" (closeEmitter)="onSearchClose()" (resetEmitter)="resetInput()"
17
             [bordered]="true" colorClass="uk-text-secondary"></div>
18
      </div>
19
      <div  class=" uk-grid uk-flex-middle">
20
        <div class="">Filter by: </div>
21
        <div class="uk-width-medium uk-padding-remove uk-margin-small-left" dashboard-input
22
             [formInput]="filterForm.get('entities')"
23
             placeholder="Search by entities"
24
             type="chips" [options]="allOptions"   chipLabel="label">
25
        </div>
26
        <div class="">Sort by: </div>
27
        <div  class="uk-width-medium uk-padding-remove uk-margin-small-left"  dashboard-input
28
              [formInput]="filterForm.get('sort')"
29
             type="select"
30
             [options]="sortOptions">
31
        </div>
32
      </div>
33
    </form>
34
    <div *ngIf="!(pageLoading || showErrorMessage ||  showForbiddenMessage || userValidMessage.length > 0 || (claims &&
35
    claims.length
36
     ==0))"
37
         class="searchPaging uk-panel uk-margin-top "
38
         data-uk-grid-margin="">
39

    
40
      <div class="uk-grid uk-flex-middle">
41
        <div   class="uk-width-1-2">
42
          <div *ngIf="enableDelete && claims && claims.length > 0">
43
            <span class="uk-margin-small-top">
44
            <input id="checkAll" type="checkbox" (click)="selectAll($event)"
45
                   [ngModel]="selected.length==claims.length"/>
46
            </span>
47
            <a [class]=" ' grey-portal-link uk-margin-medium-left '+(selected.length > 0?'':'uk-disabled')"
48
               (click)="confirmOpen()">
49
              <span class="uk-icon "><svg width="20" height="20" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
50
                                                         icon="trash" ratio="1"><polyline fill="none" stroke="#000"
51
                                                                                          points="6.5 3 6.5 1.5 13.5 1.5 13.5 3"></polyline><polyline
52
                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"
53
                                                                                                    width="1"
54
                                                                                                    height="9"></rect><rect
55
                x="11" y="7" width="1" height="9"></rect><rect x="2" y="3" width="16" height="1"></rect></svg></span>
56
              Delete  <span
57
              *ngIf="selected.length > 0 && selected.length < resultsNum">{{selected.length | number}}</span><span
58
              *ngIf="selected.length == resultsNum"> all </span> links
59

    
60
            </a>
61

    
62
          </div>
63

    
64
        </div>
65
        <div *ngIf="resultsNum" class="uk-width-1-2 uk-grid uk-flex-right uk-flex-middle  ">
66
          <div class="uk-text-muted uk-text-uppercase">
67
          <span class="uk-text-bold">{{resultsNum|number}}</span> links, page <span
68
          class="uk-text-bold">{{page | number}}</span> of <span
69
          class="uk-text-bold">{{totalPages(resultsNum)|number}}</span>
70
          </div>
71
          <paging-no-load [currentPage]="page" [totalResults]="resultsNum" [size]="size"
72
                          [loading]="pageLoading"
73
                          (pageChange)="pageChange($event)" class="uk-float-right"></paging-no-load>
74
        </div>
75
      </div>
76

    
77
    </div>
78
    </div>
79

    
80
    <loading  *ngIf="pageLoading" class="uk-padding"></loading>
81
    <div *ngIf="!pageLoading" >
82
    <div *ngIf="showErrorMessage " class="uk-alert uk-alert-danger ">
83
      An Error occured.
84
    </div>
85
    <div *ngIf="showForbiddenMessage " class="uk-alert uk-alert-danger ">
86
      You are not authorized to view the results.
87
    </div>
88
    <div *ngIf=" userValidMessage.length > 0 " class="uk-alert uk-alert-danger ">
89
      User session is not valid. Please login again.
90
    </div>
91
    <div *ngIf=" claims && claims.length == 0" class="uk-margin-top">
92
      <div class="uk-alert uk-alert-primary ">No entries found.</div>
93
    </div>
94

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

    
97
      <div *ngFor="let claim of claims "
98
           class="uk-card uk-card-default uk-card-body uk-margin-bottom ng-star-inserted">
99
        <div class="uk-grid">
100
          <div *ngIf="enableDelete">
101
            <input [id]="claim.id" type="checkbox" (click)="select(claim,$event)"
102
                   [ngModel]="isSelected(claim.id)"/>
103
          </div>
104
          <div class="uk-width-expand">
105
            <div class="uk-margin-bottom">
106
             <claim-entity [entity]="claim.target" [type]="claim.targetType" [properties]=properties
107
                          [externalPortalUrl]=externalPortalUrl [source]="true"></claim-entity>
108
            </div>
109
            <div class="uk-margin-small-bottom">
110
              <span *ngIf="isClaimAvailable(claim) else notAvailable" class="uk-label uk-label-success"
111
                    [attr.uk-tooltip]="'title:<div class=\'uk-margin uk-padding-small\'>The link information is available in the portal and the APIs.</div>'"
112
              >available
113
              </span>
114
              <ng-template #notAvailable><span class="uk-label uk-label-danger"
115
               [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>'"
116
              >pending</span></ng-template>
117
            </div>
118

    
119
            <div  class="uk-margin-small-bottom"><span *ngIf="showUserEmail" class="uk-margin-right"><span class="title">Claimed by:</span>
120
              {{claim.userMail}}</span>
121
              <span
122
              class="title">Claimed date:</span> {{claim.date}}</div>
123
            <div  class="uk-margin-small-bottom uk-margin-top">
124
<!--              <span class="title">Link to:</span> -->
125
              <claim-entity  [entity]="claim.source" [type]="claim.sourceType" [source]="false"  [properties]=properties
126
                          [externalPortalUrl]=externalPortalUrl></claim-entity>
127
            </div>
128
          </div>
129
        </div>
130

    
131
      </div>
132

    
133

    
134
    </div>
135
    <div  *ngIf="!( showErrorMessage ||  showForbiddenMessage || userValidMessage.length > 0 || (claims
136
     && claims.length
137
     ==0))" class="paging-hr uk-margin-top">
138
      <div class="uk-grid ">
139
        <div *ngIf="resultsNum>0" class="uk-width-1-2 uk-text-muted uk-text-uppercase">
140
          <span class="uk-text-bold">{{resultsNum|number}}</span> links, page <span
141
          class="uk-text-bold">{{page | number}}</span> of <span
142
          class="uk-text-bold">{{totalPages(resultsNum)|number}}</span>
143

    
144
        </div>
145
        <div *ngIf="resultsNum" class="uk-width-1-2 ">
146
          <paging-no-load [currentPage]="page" [totalResults]="resultsNum" [size]="size"
147
                          (pageChange)="pageChange($event)" class="uk-float-right"></paging-no-load>
148
        </div>
149
      </div>
150
    </div>
151
    </div>
152
  </div>
153
  <helper *ngIf="pageContents && pageContents['right'] && pageContents['right'].length > 0"
154
          [texts]="pageContents['right']" class="uk-width-1-5"></helper>
155

    
156
</div>
157
<helper *ngIf="pageContents && pageContents['bottom'] && pageContents['bottom'].length > 0"
158
        [texts]="pageContents['bottom']"></helper>
159
<modal-alert (alertOutput)="confirmClose()">
160
  <h4 class="modal-title uk-text-bold " id="myModalLabel">Are you sure?</h4>
161
  <p>
162
    You are about to delete {{this.selected.length}} link(s) you selected. <br>
163
    <span class="uk-text-bold">
164
    Usually it takes 2-4 weeks for the links to permanently disappear from the Openaire platfrom.
165
  </span>
166
  </p>
167

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