Revision 58281
Added by Stefania Martziou about 4 years ago
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/adminPg/adminPg-metrics.component.html | ||
---|---|---|
27 | 27 |
|
28 | 28 |
</div> |
29 | 29 |
|
30 |
<div id="page_content_inner"> |
|
30 |
<div id="page_content_inner" class="whiteBackground uk-padding-remove-left uk-padding-remove-right">
|
|
31 | 31 |
|
32 |
<div class="uk-section uk-background-norepeat uk-background-cover uk-background-top-center" |
|
33 |
style="background-image: url('../../../assets/imgs/landing/abstract2.svg'); !important; min-height: calc(80vh);" uk-height-viewport="offset-top: true; offset-bottom: 20;"> |
|
32 | 34 |
|
35 |
<!-- TOP HELP CONTENT --> |
|
36 |
<help-content #topHelperContent [position]="'top'" |
|
37 |
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
|
38 |
</help-content> |
|
33 | 39 |
|
34 |
<!-- TOP HELP CONTENT --> |
|
35 |
<help-content #topHelperContent [position]="'top'" |
|
36 |
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
|
37 |
</help-content> |
|
40 |
<div class="uk-grid"> |
|
38 | 41 |
|
39 |
<div class="uk-grid"> |
|
42 |
<!-- LEFT HELP CONTENT --> |
|
43 |
<aside-help-content #leftHelperContent [position]="'left'" |
|
44 |
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
45 |
</aside-help-content> |
|
40 | 46 |
|
41 |
<!-- LEFT HELP CONTENT --> |
|
42 |
<aside-help-content #leftHelperContent [position]="'left'" |
|
43 |
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
44 |
</aside-help-content> |
|
47 |
<!-- MIDDLE --> |
|
48 |
<div class="uk-width-expand@m"> |
|
45 | 49 |
|
46 |
<!-- MIDDLE -->
|
|
47 |
<div class="uk-width-expand@m">
|
|
50 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
|
|
51 |
<div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div>
|
|
48 | 52 |
|
49 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div> |
|
50 |
<div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div> |
|
53 |
<div *ngIf="!errorMessage" class="uk-container"> |
|
51 | 54 |
|
52 |
<div *ngIf="!errorMessage" class="uk-container"> |
|
53 |
|
|
54 |
<div class=""> |
|
55 | 55 |
<div class=""> |
56 |
<div class=""> |
|
56 | 57 |
|
57 |
<div class="uk-margin-medium uk-margin-top repositoryAdminActions"> |
|
58 |
<div class="uk-margin-medium uk-margin-top repositoryAdminActions">
|
|
58 | 59 |
|
59 |
<form [formGroup]="dataForm" class="uk-form-horizontal uk-flex"> |
|
60 |
<form [formGroup]="dataForm" class="uk-form-horizontal uk-flex">
|
|
60 | 61 |
|
61 |
<div class="uk-margin-right"> |
|
62 |
<div class=""> |
|
63 |
<label class="" for="quantity">Results per page </label> |
|
64 |
<div class="uk-inline"> |
|
65 |
<select class="uk-select" id="quantity" (change)="handleChangeAndResetPage()" formControlName="quantity"> |
|
66 |
<option value="10">10</option> |
|
67 |
<option value="25" selected>25</option> |
|
68 |
<option value="50">50</option> |
|
69 |
<option value="100">100</option> |
|
70 |
</select> |
|
62 |
<div class="uk-margin-right"> |
|
63 |
<div class=""> |
|
64 |
<label class="" for="quantity">Results per page </label> |
|
65 |
<div class="uk-inline"> |
|
66 |
<select class="uk-select" id="quantity" (change)="handleChangeAndResetPage()" formControlName="quantity"> |
|
67 |
<option value="10">10</option> |
|
68 |
<option value="25" selected>25</option> |
|
69 |
<option value="50">50</option> |
|
70 |
<option value="100">100</option> |
|
71 |
</select> |
|
72 |
</div> |
|
71 | 73 |
</div> |
72 | 74 |
</div> |
73 |
</div> |
|
74 | 75 |
|
75 |
<div class="uk-margin-right"> |
|
76 |
<div class="uk-margin-right">
|
|
76 | 77 |
|
77 |
<div class="uk-inline uk-margin-right"> |
|
78 |
<label class="" for="orderBy">Order by </label> |
|
79 |
<div class="uk-inline"> |
|
80 |
<select class="uk-select" id="orderBy" (change)="handleChangeAndResetPage()" formControlName="order"> |
|
81 |
<option value="DSC" selected>Descending</option> |
|
82 |
<option value="ASC">Ascending</option> |
|
83 |
</select> |
|
78 |
<div class="uk-inline uk-margin-right"> |
|
79 |
<label class="" for="orderBy">Order by </label> |
|
80 |
<div class="uk-inline"> |
|
81 |
<select class="uk-select" id="orderBy" (change)="handleChangeAndResetPage()" formControlName="order"> |
|
82 |
<option value="DSC" selected>Descending</option> |
|
83 |
<option value="ASC">Ascending</option> |
|
84 |
</select> |
|
85 |
</div> |
|
84 | 86 |
</div> |
85 |
</div> |
|
86 | 87 |
|
87 |
<div class="uk-inline"> |
|
88 |
<label class="" for="orderField">Sort by </label> |
|
89 | 88 |
<div class="uk-inline"> |
90 |
<select class="uk-select" id="orderField" (change)="handleChangeAndResetPage()" formControlName="orderField"> |
|
91 |
<option value="CREATION_DATE" selected>Date</option> |
|
92 |
<option value="REPOSITORY_NAME">Name</option> |
|
93 |
</select> |
|
89 |
<label class="" for="orderField">Sort by </label> |
|
90 |
<div class="uk-inline"> |
|
91 |
<select class="uk-select" id="orderField" (change)="handleChangeAndResetPage()" formControlName="orderField"> |
|
92 |
<option value="CREATION_DATE" selected>Date</option> |
|
93 |
<option value="REPOSITORY_NAME">Name</option> |
|
94 |
</select> |
|
95 |
</div> |
|
94 | 96 |
</div> |
97 |
|
|
95 | 98 |
</div> |
96 | 99 |
|
97 |
</div> |
|
100 |
<div class="" style="margin-left:auto; margin-right:0;"> |
|
101 |
<button class="uk-button uk-button-link" (click)="downloadCSV()"> |
|
102 |
<i class="fas fa-download uk-margin-small-right"></i>Export to CSV |
|
103 |
</button> |
|
104 |
</div> |
|
98 | 105 |
|
99 |
<div class="" style="margin-left:auto; margin-right:0;"> |
|
100 |
<button class="uk-button uk-button-link" (click)="downloadCSV()"> |
|
101 |
<i class="fas fa-download uk-margin-small-right"></i>Export to CSV |
|
102 |
</button> |
|
103 |
</div> |
|
106 |
</form> |
|
104 | 107 |
|
105 |
</form> |
|
106 | 108 |
|
109 |
</div> |
|
107 | 110 |
|
108 |
</div>
|
|
111 |
<div class="uk-width-1-1@m">
|
|
109 | 112 |
|
110 |
<div class="uk-width-1-1@m">
|
|
113 |
<div style="display: flex;justify-content: space-between;">
|
|
111 | 114 |
|
112 |
<div style="display: flex;justify-content: space-between;"> |
|
115 |
<div *ngIf="piwiks" class="resultsInfo" style="margin-top: auto;"> |
|
116 |
<span class="number">{{piwiks.total}}</span> RESULTS, PAGE <span class="number">{{(dataForm.get('page').value)*1 + 1}}</span> OF <span class="number">{{pages.length}}</span> |
|
117 |
</div> |
|
113 | 118 |
|
114 |
<div class="resultsInfo" style="margin-top: auto;"> |
|
115 |
<span class="number">{{piwiks.total}}</span> RESULTS, PAGE <span class="number">{{(dataForm.get('page').value)*1 + 1}}</span> OF <span class="number">{{pages.length}}</span> |
|
116 |
</div> |
|
119 |
<div class="uk-inline"> |
|
120 |
<ul class="uk-pagination" uk-margin> |
|
121 |
<li><a (click)="previousPage()" class="pagination_arrow"><span uk-pagination-previous></span></a></li> |
|
122 |
<li [ngClass]="{'uk-active': (this.dataForm.get('page').value == page) }" *ngFor="let page of pages"> |
|
123 |
<a (click)="selectPage(page)">{{page+1}}</a> |
|
124 |
</li> |
|
125 |
<li><a (click)="nextPage()" class="pagination_arrow"><span uk-pagination-next></span></a></li> |
|
126 |
</ul> |
|
127 |
</div> |
|
117 | 128 |
|
118 |
<div class="uk-inline"> |
|
119 |
<ul class="uk-pagination" uk-margin> |
|
120 |
<li><a (click)="previousPage()"><span uk-pagination-previous></span></a></li> |
|
121 |
<li [ngClass]="{'uk-active': (this.dataForm.get('page').value == page) }" *ngFor="let page of pages"> |
|
122 |
<a (click)="selectPage(page)">{{page+1}}</a> |
|
123 |
</li> |
|
124 |
<li><a (click)="nextPage()"><span uk-pagination-next></span></a></li> |
|
125 |
</ul> |
|
126 | 129 |
</div> |
127 | 130 |
|
128 |
</div> |
|
129 | 131 |
|
132 |
<hr class="adminResultsHeader"> |
|
130 | 133 |
|
131 |
<hr class="adminResultsHeader"> |
|
134 |
<div *ngIf="loadingMessage" class="loading-big"> |
|
135 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
|
136 |
{{ loadingMessage }} |
|
132 | 137 |
|
133 |
<div *ngIf="loadingMessage" class="loading-big"> |
|
134 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
|
135 |
{{ loadingMessage }} |
|
136 |
|
|
138 |
</div> |
|
139 |
<div class="transparentFilm"></div> |
|
137 | 140 |
</div> |
138 |
<div class="transparentFilm"></div> |
|
139 |
</div> |
|
140 | 141 |
|
141 |
<!-- TABLE --> |
|
142 |
<!--<div *ngIf="piwiks && piwiks.results.length>0">--> |
|
143 |
<!--<table class="uk-table uk-table-striped uk-table-middle" style="font-size: 12px;">--> |
|
144 |
<!--<thead>--> |
|
145 |
<!--<tr>--> |
|
146 |
<!--<th class="uk-text-nowrap">Repository</th>--> |
|
147 |
<!--<th class="uk-text-nowrap">Piwik site</th>--> |
|
148 |
<!--<th class="uk-text-nowrap">Requested on</th>--> |
|
149 |
<!--<th class="uk-text-nowrap">Requestor</th>--> |
|
150 |
<!--<th class="uk-text-nowrap">Validated</th>--> |
|
151 |
<!--<th class="uk-text-nowrap">Actions</th>--> |
|
152 |
<!--</tr>--> |
|
153 |
<!--</thead>--> |
|
154 |
<!--<tbody>--> |
|
155 |
<!--<tr class="el-item" *ngFor="let piwik of piwiks.results">--> |
|
156 |
<!--<td class="uk-table-shrink uk-text-truncate" style="min-width: 400px;">--> |
|
157 |
<!--{{ piwik.repositoryName }}<br>(ID: {{ piwik.repositoryId }})--> |
|
158 |
<!--</td>--> |
|
159 |
<!--<td class="uk-table-shrink">ID: {{ piwik.siteId }}<br>Authentication Token: {{ piwik.authenticationToken }}</td>--> |
|
160 |
<!--<td class="uk-text-nowrap uk-table-shrink">{{ piwik.creationDate | date : "yyyy-MM-dd" }}</td>--> |
|
161 |
<!--<td class="uk-text-nowrap uk-table-shrink">{{ piwik.requestorName }}<br>{{ piwik.requestorEmail }}</td>--> |
|
162 |
<!--<td class="uk-text-nowrap uk-table-shrink">--> |
|
163 |
<!--<span *ngIf="piwik.validated">YES<br>on {{ piwik.validationDate | date : "yyyy-MM-dd" }}</span>--> |
|
164 |
<!--<span *ngIf="!piwik.validated">NO</span>--> |
|
165 |
<!--</td>--> |
|
166 |
<!--<td class="uk-text-nowrap uk-table-shrink">--> |
|
167 |
<!--<button id="{{ piwik.repositoryId }}"--> |
|
168 |
<!--*ngIf="!piwik.validated"--> |
|
169 |
<!--class="uk-button uk-button-primary validate"--> |
|
170 |
<!--(click)="confirmApproval(piwik.repositoryId)">Validate</button>--> |
|
171 |
<!--</td>--> |
|
172 |
<!--</tr>--> |
|
173 |
<!--</tbody>--> |
|
174 |
<!--</table>--> |
|
175 |
<!--</div>--> |
|
176 | 142 |
|
177 |
<!--<ul class="uk-pagination uk-flex-center" uk-margin>--> |
|
178 |
<!--<li><a (click)="previousPage()"><span uk-pagination-previous></span></a></li>--> |
|
179 |
<!--<!– <li class="uk-active"><span>{{+dataForm.get('page').value + 1}}</span></li>–>--> |
|
180 |
<!--<li [ngClass]="{'uk-active': (this.dataForm.get('page').value == page) }" *ngFor="let page of pages">--> |
|
181 |
<!--<a (click)="selectPage(page)">{{page+1}}</a> </li>--> |
|
182 |
<!--<li><a (click)="nextPage()"><span uk-pagination-next></span></a></li>--> |
|
183 |
<!--</ul>--> |
|
143 |
<!-- REPOSITORY CARD --> |
|
144 |
<ng-container *ngIf="piwiks && piwiks.results.length>0"> |
|
145 |
<div *ngFor="let piwik of piwiks.results" class="md-card repositoryCard"> |
|
146 |
<div class="md-card-content large-padding"> |
|
147 |
<div class="uk-text-meta"> |
|
148 |
Requested on: {{ piwik.creationDate | date : "yyyy-MM-dd" }} |
|
149 |
<ng-container *ngIf="piwik.validated"> |
|
150 |
. Validated on: {{ piwik.validationDate | date : "yyyy-MM-dd" }} |
|
151 |
</ng-container> |
|
152 |
</div> |
|
153 |
<div> |
|
154 |
<div class="repositoryCardHeader uk-margin-bottom uk-margin-small-top uk-inline"> |
|
155 |
<a *ngIf="piwik.validated" [routerLink]="['/repositoryAdmin/' + piwik.repositoryId + '/getImpact/show']">{{ piwik.repositoryName }}</a> |
|
156 |
<a *ngIf="!piwik.validated" [routerLink]="['/repositoryAdmin/' + piwik.repositoryId + '/getImpact/instructions']">{{ piwik.repositoryName }}</a> |
|
157 |
</div> |
|
158 |
<ng-container *ngIf="!piwik.validated"> |
|
159 |
<button class="uk-button uk-button-primary validate uk-inline uk-float-right" (click)="confirmApproval(piwik.repositoryId)">Validate</button> |
|
160 |
</ng-container> |
|
161 |
</div> |
|
184 | 162 |
|
185 |
<!-- REPOSITORY CARD --> |
|
186 |
<ng-container *ngIf="piwiks && piwiks.results.length>0"> |
|
187 |
<div *ngFor="let piwik of piwiks.results" class="md-card repositoryCard"> |
|
188 |
<div class="md-card-content large-padding"> |
|
189 |
<div class="uk-text-meta"> |
|
190 |
Requested on: {{ piwik.creationDate | date : "yyyy-MM-dd" }} |
|
191 |
<ng-container *ngIf="piwik.validated"> |
|
192 |
. Validated on: {{ piwik.validationDate | date : "yyyy-MM-dd" }} |
|
193 |
</ng-container> |
|
163 |
<div class="uk-margin-small-bottom"><span class="uk-badge uk-badge-primary uk-badge-notification uk-margin-small-right">ID</span>{{ piwik.repositoryId }}</div> |
|
164 |
<div class="uk-margin-small-bottom"><span class="mute-title">Requestor: </span><span class="small-content">{{ piwik.requestorName }} - {{ piwik.requestorEmail }}</span></div> |
|
165 |
<div class="uk-margin-small-bottom"><span class="mute-title">Matomo ID: </span><span class="small-content">{{ piwik.siteId }}</span></div> |
|
166 |
<div class=""><span class="mute-title">Authentication Token: </span><span class="small-content">{{ piwik.authenticationToken }}</span></div> |
|
194 | 167 |
</div> |
195 |
<div> |
|
196 |
<div class="repositoryCardHeader uk-margin-bottom uk-margin-small-top uk-inline"> |
|
197 |
<a *ngIf="piwik.validated" [routerLink]="['/repositoryAdmin/' + piwik.repositoryId + '/getImpact/show']">{{ piwik.repositoryName }}</a> |
|
198 |
<a *ngIf="!piwik.validated" [routerLink]="['/repositoryAdmin/' + piwik.repositoryId + '/getImpact/instructions']">{{ piwik.repositoryName }}</a> |
|
199 |
</div> |
|
200 |
<ng-container *ngIf="!piwik.validated"> |
|
201 |
<button class="uk-button uk-button-primary validate uk-inline uk-float-right" (click)="confirmApproval(piwik.repositoryId)">Validate</button> |
|
202 |
</ng-container> |
|
203 |
</div> |
|
204 |
|
|
205 |
<div class="uk-margin-small-bottom"><span class="uk-badge uk-badge-primary uk-badge-notification uk-margin-small-right">ID</span>{{ piwik.repositoryId }}</div> |
|
206 |
<div class="uk-margin-small-bottom"><span class="mute-title">Requestor: </span><span class="small-content">{{ piwik.requestorName }} - {{ piwik.requestorEmail }}</span></div> |
|
207 |
<div class="uk-margin-small-bottom"><span class="mute-title">Matomo ID: </span><span class="small-content">{{ piwik.siteId }}</span></div> |
|
208 |
<div class=""><span class="mute-title">Authentication Token: </span><span class="small-content">{{ piwik.authenticationToken }}</span></div> |
|
209 | 168 |
</div> |
210 |
</div> |
|
211 |
</ng-container> |
|
169 |
</ng-container> |
|
212 | 170 |
|
213 | 171 |
|
214 |
<ul class="uk-pagination uk-margin-top uk-flex-right" uk-margin> |
|
215 |
<li><a (click)="previousPage()"><span uk-pagination-previous></span></a></li>
|
|
216 |
<li [ngClass]="{'uk-active': (this.dataForm.get('page').value == page) }" *ngFor="let page of pages"> |
|
217 |
<a (click)="selectPage(page)">{{page+1}}</a> |
|
218 |
</li> |
|
219 |
<li><a (click)="nextPage()"><span uk-pagination-next></span></a></li>
|
|
220 |
</ul> |
|
172 |
<ul class="uk-pagination uk-margin-top uk-flex-right" uk-margin>
|
|
173 |
<li><a (click)="previousPage()" class="pagination_arrow"><span uk-pagination-previous></span></a></li>
|
|
174 |
<li [ngClass]="{'uk-active': (this.dataForm.get('page').value == page) }" *ngFor="let page of pages">
|
|
175 |
<a (click)="selectPage(page)">{{page+1}}</a>
|
|
176 |
</li>
|
|
177 |
<li><a (click)="nextPage()" class="pagination_arrow"><span uk-pagination-next></span></a></li>
|
|
178 |
</ul>
|
|
221 | 179 |
|
180 |
</div> |
|
181 |
|
|
222 | 182 |
</div> |
223 |
|
|
224 | 183 |
</div> |
225 | 184 |
</div> |
185 |
|
|
226 | 186 |
</div> |
227 | 187 |
|
188 |
<!-- RIGHT HELP CONTENT --> |
|
189 |
<aside-help-content #rightHelperContent [position]="'right'" |
|
190 |
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
191 |
</aside-help-content> |
|
192 |
|
|
228 | 193 |
</div> |
229 | 194 |
|
230 |
<!-- RIGHT HELP CONTENT -->
|
|
231 |
<aside-help-content #rightHelperContent [position]="'right'"
|
|
232 |
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
|
|
233 |
</aside-help-content>
|
|
195 |
<!-- BOTTOM HELP CONTENT -->
|
|
196 |
<help-content #bottomHelperContent [position]="'bottom'"
|
|
197 |
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
|
|
198 |
</help-content> |
|
234 | 199 |
|
235 | 200 |
</div> |
236 | 201 |
|
237 |
<!-- BOTTOM HELP CONTENT --> |
|
238 |
<help-content #bottomHelperContent [position]="'bottom'" |
|
239 |
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
|
240 |
</help-content> |
|
241 | 202 |
|
242 | 203 |
</div> |
243 | 204 |
</div> |
244 | 205 |
|
245 |
|
|
246 |
<!--<div class="uk-grid-margin uk-grid uk-grid-stack" uk-grid="">--> |
|
247 |
<!--<div class="uk-width-1-1@m uk-first-column">--> |
|
248 |
|
|
249 |
<!--<h1 class="uk-h2">Metrics Admin</h1>--> |
|
250 |
|
|
251 |
<!--<!– TOP HELP CONTENT –>--> |
|
252 |
<!--<help-content #topHelperContent [position]="'top'"--> |
|
253 |
<!--[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">--> |
|
254 |
<!--</help-content>--> |
|
255 |
|
|
256 |
<!--<div class="uk-container uk-container-large uk-margin-medium-top uk-margin-medium-bottom">--> |
|
257 |
<!--<div class="uk-grid">--> |
|
258 |
|
|
259 |
<!--<!– LEFT HELP CONTENT –>--> |
|
260 |
<!--<aside-help-content #leftHelperContent [position]="'left'"--> |
|
261 |
<!--[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">--> |
|
262 |
<!--</aside-help-content>--> |
|
263 |
|
|
264 |
<!--<!– MIDDLE –>--> |
|
265 |
<!--<div class="uk-width-expand@m">--> |
|
266 |
|
|
267 |
<!--<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>--> |
|
268 |
<!--<div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div>--> |
|
269 |
|
|
270 |
|
|
271 |
<!--<div class="uk-grid">--> |
|
272 |
<!--<div class="uk-width-1-1@m uk-padding" style="background-color: #fff; text-align: center">--> |
|
273 |
<!--<form [formGroup]="dataForm" class="uk-search uk-search-default uk-width-1-1@m">--> |
|
274 |
<!--<input class="uk-width-1-2 uk-search-input" type="search" formControlName="searchField" placeholder="Search..." style="background-color: #fff">--> |
|
275 |
<!--<button class="uk-button" (click)="handleChangeAndResetPage()">Search</button>--> |
|
276 |
<!--<div class="uk-position-right">--> |
|
277 |
<!--<button class="uk-button uk-button-primary" (click)="downloadCSV()">Export to CSV</button>--> |
|
278 |
<!--</div>--> |
|
279 |
<!--</form>--> |
|
280 |
<!--</div>--> |
|
281 |
<!--</div>--> |
|
282 |
|
|
283 |
<!--<div class="uk-grid">--> |
|
284 |
<!--<div class="uk-width-expand@m">--> |
|
285 |
<!--<div class="uk-grid">--> |
|
286 |
<!--<div class="uk-width-1-1@m uk-margin-medium">--> |
|
287 |
<!--<form [formGroup]="dataForm" class="uk-form-horizontal uk-grid">--> |
|
288 |
|
|
289 |
<!--<div class="uk-width-2-5@m">--> |
|
290 |
<!--<div class="uk-margin">--> |
|
291 |
<!--<label class="uk-form-label uk-text-right" for="quantity">Items per page: </label>--> |
|
292 |
<!--<div class="uk-form-controls">--> |
|
293 |
<!--<select class="uk-select" id="quantity" (change)="handleChangeAndResetPage()" formControlName="quantity">--> |
|
294 |
<!--<option value="10">10</option>--> |
|
295 |
<!--<option value="25" selected>25</option>--> |
|
296 |
<!--<option value="50">50</option>--> |
|
297 |
<!--<option value="100">100</option>--> |
|
298 |
<!--</select>--> |
|
299 |
<!--</div>--> |
|
300 |
<!--</div>--> |
|
301 |
<!--</div>--> |
|
302 |
|
|
303 |
<!--<div class="uk-width-expand@m ">--> |
|
304 |
|
|
305 |
<!--<div class="uk-float-right">--> |
|
306 |
<!--<label class="uk-form-label uk-text-right" for="orderBy">Order by: </label>--> |
|
307 |
<!--<div class="uk-form-controls">--> |
|
308 |
<!--<select class="uk-select" id="orderBy" (change)="handleChangeAndResetPage()" formControlName="order">--> |
|
309 |
<!--<option value="DSC">Descending</option>--> |
|
310 |
<!--<option value="ASC" selected>Ascending</option>--> |
|
311 |
<!--</select>--> |
|
312 |
<!--</div>--> |
|
313 |
<!--</div>--> |
|
314 |
|
|
315 |
<!--<div class="uk-float-right">--> |
|
316 |
<!--<label class="uk-form-label uk-text-right" for="sortBy">Sort by: </label>--> |
|
317 |
<!--<div class="uk-form-controls">--> |
|
318 |
<!--<select class="uk-select" id="sortBy" (change)="handleChangeAndResetPage()" formControlName="orderField">--> |
|
319 |
<!--<option value="CREATION_DATE" >Date</option>--> |
|
320 |
<!--<option value="REPOSITORY_NAME" selected>Name</option>--> |
|
321 |
<!--</select>--> |
|
322 |
<!--</div>--> |
|
323 |
<!--</div>--> |
|
324 |
|
|
325 |
<!--</div>--> |
|
326 |
|
|
327 |
<!--</form>--> |
|
328 |
<!--</div>--> |
|
329 |
|
|
330 |
<!--<div class="uk-width-1-1@m">--> |
|
331 |
|
|
332 |
<!--<div *ngIf="loadingMessage" class="loading-big">--> |
|
333 |
<!--<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">--> |
|
334 |
<!--{{ loadingMessage }}--> |
|
335 |
<!--</div>--> |
|
336 |
<!--<div class="whiteFilm"></div>--> |
|
337 |
<!--</div>--> |
|
338 |
|
|
339 |
<!--<!– TABLE –>--> |
|
340 |
<!--<div *ngIf="piwiks && piwiks.results.length>0">--> |
|
341 |
<!--<table class="uk-table uk-table-striped uk-table-middle" style="font-size: 12px;">--> |
|
342 |
<!--<thead>--> |
|
343 |
<!--<tr>--> |
|
344 |
<!--<th class="uk-text-nowrap">Repository</th>--> |
|
345 |
<!--<th class="uk-text-nowrap">Piwik site</th>--> |
|
346 |
<!--<th class="uk-text-nowrap">Requested on</th>--> |
|
347 |
<!--<th class="uk-text-nowrap">Requestor</th>--> |
|
348 |
<!--<th class="uk-text-nowrap">Validated</th>--> |
|
349 |
<!--<th class="uk-text-nowrap">Actions</th>--> |
|
350 |
<!--</tr>--> |
|
351 |
<!--</thead>--> |
|
352 |
<!--<tbody>--> |
|
353 |
<!--<tr class="el-item" *ngFor="let piwik of piwiks.results">--> |
|
354 |
<!--<td class="uk-table-shrink uk-text-truncate" style="min-width: 400px;">--> |
|
355 |
<!--{{ piwik.repositoryName }}<br>(ID: {{ piwik.repositoryId }})--> |
|
356 |
<!--</td>--> |
|
357 |
<!--<td class="uk-table-shrink">ID: {{ piwik.siteId }}<br>Authentication Token: {{ piwik.authenticationToken }}</td>--> |
|
358 |
<!--<td class="uk-text-nowrap uk-table-shrink">{{ piwik.creationDate | date : "yyyy-MM-dd" }}</td>--> |
|
359 |
<!--<td class="uk-text-nowrap uk-table-shrink">{{ piwik.requestorName }}<br>{{ piwik.requestorEmail }}</td>--> |
|
360 |
<!--<td class="uk-text-nowrap uk-table-shrink">--> |
|
361 |
<!--<span *ngIf="piwik.validated">YES<br>on {{ piwik.validationDate | date : "yyyy-MM-dd" }}</span>--> |
|
362 |
<!--<span *ngIf="!piwik.validated">NO</span>--> |
|
363 |
<!--</td>--> |
|
364 |
<!--<td class="uk-text-nowrap uk-table-shrink">--> |
|
365 |
<!--<button id="{{ piwik.repositoryId }}"--> |
|
366 |
<!--*ngIf="!piwik.validated"--> |
|
367 |
<!--class="uk-button uk-button-primary validate"--> |
|
368 |
<!--(click)="confirmApproval(piwik.repositoryId)">Validate</button>--> |
|
369 |
<!--</td>--> |
|
370 |
<!--</tr>--> |
|
371 |
<!--</tbody>--> |
|
372 |
<!--</table>--> |
|
373 |
<!--</div>--> |
|
374 |
|
|
375 |
<!--<ul class="uk-pagination uk-flex-center" uk-margin>--> |
|
376 |
<!--<li><a (click)="previousPage()"><span uk-pagination-previous></span></a></li>--> |
|
377 |
<!--<!– <li class="uk-active"><span>{{+dataForm.get('page').value + 1}}</span></li>–>--> |
|
378 |
<!--<li [ngClass]="{'uk-active': (this.dataForm.get('page').value == page) }" *ngFor="let page of pages">--> |
|
379 |
<!--<a (click)="selectPage(page)">{{page+1}}</a> </li>--> |
|
380 |
<!--<li><a (click)="nextPage()"><span uk-pagination-next></span></a></li>--> |
|
381 |
<!--</ul>--> |
|
382 |
|
|
383 |
<!--</div>--> |
|
384 |
|
|
385 |
<!--</div>--> |
|
386 |
<!--</div>--> |
|
387 |
<!--</div>--> |
|
388 |
|
|
389 |
<!--</div>--> |
|
390 |
|
|
391 |
<!--<!– RIGHT HELP CONTENT –>--> |
|
392 |
<!--<aside-help-content #rightHelperContent [position]="'right'"--> |
|
393 |
<!--[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">--> |
|
394 |
<!--</aside-help-content>--> |
|
395 |
|
|
396 |
<!--</div>--> |
|
397 |
<!--</div>--> |
|
398 |
|
|
399 |
|
|
400 |
<!--<!– BOTTOM HELP CONTENT –>--> |
|
401 |
<!--<help-content #bottomHelperContent [position]="'bottom'"--> |
|
402 |
<!--[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">--> |
|
403 |
<!--</help-content>--> |
|
404 |
|
|
405 |
|
|
406 |
<!--</div>--> |
|
407 |
<!--</div>--> |
|
408 |
|
|
409 |
|
|
410 | 206 |
<confirmation-dialog #confirmApprovalModal [title]="modalTitle" [isModalShown]="isModalShown" |
411 | 207 |
[confirmActionButton]="modalButton" (emitObject)="confirmedApproval($event)"> |
412 | 208 |
Are you sure you want to validate the selected piwik site(s)? |
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/adminPg/adminPg-registrations.component.html | ||
---|---|---|
27 | 27 |
|
28 | 28 |
</div> |
29 | 29 |
|
30 |
<div id="page_content_inner"> |
|
30 |
<div id="page_content_inner" class="whiteBackground uk-padding-remove-left uk-padding-remove-right">
|
|
31 | 31 |
|
32 |
<div class="uk-section uk-background-norepeat uk-background-contain uk-background-bottom-center" |
|
33 |
style="background-image: url('../../../assets/imgs/landing/abstract2.svg'); !important; min-height: calc(80vh);" uk-height-viewport="offset-top: true; offset-bottom: 20;"> |
|
32 | 34 |
|
35 |
<!-- TOP HELP CONTENT --> |
|
36 |
<help-content #topHelperContent [position]="'top'" |
|
37 |
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
|
38 |
</help-content> |
|
33 | 39 |
|
34 |
<!-- TOP HELP CONTENT --> |
|
35 |
<help-content #topHelperContent [position]="'top'" |
|
36 |
[ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
|
37 |
</help-content> |
|
40 |
<div class="uk-grid"> |
|
38 | 41 |
|
39 |
<div class="uk-grid"> |
|
42 |
<!-- LEFT HELP CONTENT --> |
|
43 |
<aside-help-content #leftHelperContent [position]="'left'" |
|
44 |
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
45 |
</aside-help-content> |
|
40 | 46 |
|
41 |
<!-- LEFT HELP CONTENT --> |
|
42 |
<aside-help-content #leftHelperContent [position]="'left'" |
|
43 |
[ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
44 |
</aside-help-content> |
|
47 |
<!-- MIDDLE --> |
|
48 |
<div class="uk-width-expand@m"> |
|
45 | 49 |
|
46 |
<!-- MIDDLE -->
|
|
47 |
<div class="uk-width-expand@m">
|
|
50 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
|
|
51 |
<div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div>
|
|
48 | 52 |
|
49 |
<div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div> |
|
50 |
<div *ngIf="successMessage" class="uk-alert uk-alert-success">{{ successMessage }}</div> |
|
53 |
<div *ngIf="!errorMessage" class="uk-container"> |
|
51 | 54 |
|
52 |
<div *ngIf="!errorMessage" class="uk-container"> |
|
53 |
|
|
54 |
<div class=""> |
|
55 | 55 |
<div class=""> |
56 |
<div class=""> |
|
56 | 57 |
|
57 |
<div class="uk-margin-medium uk-margin-top repositoryAdminActions"> |
|
58 |
<form [formGroup]="dataForm" class="uk-form-horizontal uk-grid"> |
|
58 |
<div class="uk-margin-medium uk-margin-top repositoryAdminActions">
|
|
59 |
<form [formGroup]="dataForm" class="uk-form-horizontal uk-grid">
|
|
59 | 60 |
|
60 |
<div class="uk-inline"> |
|
61 |
<div class="uk-margin"> |
|
62 |
<label class="" for="size">Results per page </label> |
|
63 |
<div class="uk-inline"> |
|
64 |
<select class="uk-select" id="size" (change)="handleChangeAndResetPage()" formControlName="size"> |
|
65 |
<option value="10">10</option> |
|
66 |
<option value="25" selected>25</option> |
|
67 |
<option value="50">50</option> |
|
68 |
<option value="100">100</option> |
|
69 |
</select> |
|
61 |
<div class="uk-inline"> |
|
62 |
<div class="uk-margin"> |
|
63 |
<label class="" for="size">Results per page </label> |
|
64 |
<div class="uk-inline"> |
|
65 |
<select class="uk-select" id="size" (change)="handleChangeAndResetPage()" formControlName="size"> |
|
66 |
<option value="10">10</option> |
|
67 |
<option value="25" selected>25</option> |
|
68 |
<option value="50">50</option> |
|
69 |
<option value="100">100</option> |
|
70 |
</select> |
|
71 |
</div> |
|
70 | 72 |
</div> |
71 | 73 |
</div> |
72 |
</div> |
|
73 | 74 |
|
74 |
<div class="uk-inline"> |
|
75 |
<div class="uk-inline">
|
|
75 | 76 |
|
76 |
<div class="uk-inline uk-margin-right"> |
|
77 |
<label class="" for="orderBy">Order by </label> |
|
78 |
<div class="uk-inline"> |
|
79 |
<select class="uk-select" id="orderBy" (change)="handleChangeAndResetPage()" formControlName="order"> |
|
80 |
<option value="DESCENDING" selected>Descending</option> |
|
81 |
<option value="ASCENDING">Ascending</option> |
|
82 |
</select> |
|
77 |
<div class="uk-inline uk-margin-right"> |
|
78 |
<label class="" for="orderBy">Order by </label> |
|
79 |
<div class="uk-inline"> |
|
80 |
<select class="uk-select" id="orderBy" (change)="handleChangeAndResetPage()" formControlName="order"> |
|
81 |
<option value="DESCENDING" selected>Descending</option> |
|
82 |
<option value="ASCENDING">Ascending</option> |
|
83 |
</select> |
|
84 |
</div> |
|
83 | 85 |
</div> |
84 |
</div> |
|
85 | 86 |
|
86 |
<div class="uk-inline"> |
|
87 |
<label class="" for="sortBy">Sort by </label> |
|
88 | 87 |
<div class="uk-inline"> |
89 |
<select class="uk-select" id="sortBy" (change)="handleChangeAndResetPage()" formControlName="requestSortBy"> |
|
90 |
<option value="registrationdate" selected>Date</option> |
|
91 |
<option value="officialname">Name</option> |
|
92 |
</select> |
|
88 |
<label class="" for="sortBy">Sort by </label> |
|
89 |
<div class="uk-inline"> |
|
90 |
<select class="uk-select" id="sortBy" (change)="handleChangeAndResetPage()" formControlName="requestSortBy"> |
|
91 |
<option value="registrationdate" selected>Date</option> |
|
92 |
<option value="officialname">Name</option> |
|
93 |
</select> |
|
94 |
</div> |
|
93 | 95 |
</div> |
96 |
|
|
94 | 97 |
</div> |
95 | 98 |
|
96 |
</div> |
|
97 | 99 |
|
100 |
</form> |
|
101 |
</div> |
|
98 | 102 |
|
99 |
</form> |
|
100 |
</div> |
|
103 |
<div class="uk-width-1-1@m"> |
|
101 | 104 |
|
102 |
<div class="uk-width-1-1@m"> |
|
105 |
<ul class="uk-pagination uk-flex-right" uk-margin> |
|
106 |
<li><a (click)="previousPage()" class="pagination_arrow"><span uk-pagination-previous></span></a></li> |
|
107 |
<li class="uk-active"><span>{{+dataForm.get('page').value + 1}}</span></li> |
|
108 |
<li><a (click)="nextPage()" class="pagination_arrow"><span uk-pagination-next></span></a></li> |
|
109 |
</ul> |
|
103 | 110 |
|
104 |
<ul class="uk-pagination uk-flex-right" uk-margin> |
|
105 |
<li><a (click)="previousPage()"><span uk-pagination-previous></span></a></li> |
|
106 |
<li class="uk-active"><span>{{+dataForm.get('page').value + 1}}</span></li> |
|
107 |
<li><a (click)="nextPage()"><span uk-pagination-next></span></a></li> |
|
108 |
</ul> |
|
111 |
<hr class="adminResultsHeader"> |
|
109 | 112 |
|
110 |
<hr class="adminResultsHeader"> |
|
113 |
<div *ngIf="loadingMessage" class="loading-big"> |
|
114 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;"> |
|
115 |
{{ loadingMessage }} |
|
111 | 116 |
|
112 |
<div *ngIf="loadingMessage" class="loading-big">
|
|
113 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
|
|
114 |
{{ loadingMessage }}
|
|
117 |
</div>
|
|
118 |
<div class="transparentFilm"></div>
|
|
119 |
</div>
|
|
115 | 120 |
|
121 |
<!-- REPOSITORY CARD --> |
|
122 |
<div *ngFor="let res of repositorySnippet" class="md-card repositoryCard"> |
|
123 |
<div class="md-card-content large-padding"> |
|
124 |
<div class="uk-text-meta">{{res.typology.split('::')[0]}} {{res.typology.split('::')[1]}} {{res.typology.split('::')[2]}}</div> |
|
125 |
<div class="repositoryCardHeader uk-margin-bottom uk-margin-small-top"><a [routerLink]="['/repositoryAdmin/' + res.id]">{{res.officialname}}</a></div> |
|
126 |
<div class="uk-margin-small-bottom"><span class="uk-badge uk-badge-primary uk-badge-notification uk-margin-small-right">ID</span>{{res.id}}</div> |
|
127 |
<div class="uk-margin-small-bottom"><span class="uk-badge uk-badge-primary uk-badge-notification uk-margin-small-right">RM</span>{{res.registeredby}}</div> |
|
128 |
<div class="uk-margin-small-bottom"><span class="mute-title">Date: </span><span class="small-content">{{res.registrationdate}}</span></div> |
|
129 |
<div><span class="mute-title">Organization: </span><span *ngFor="let organization of res.organizations; let i=index" class="small-content"><span *ngIf="i>0">, </span>{{organization.legalname + ' (' + getCountryName(organization.country) + ')'}}</span></div> |
|
130 |
</div> |
|
116 | 131 |
</div> |
117 |
<div class="transparentFilm"></div> |
|
118 |
</div> |
|
119 | 132 |
|
120 |
<!-- REPOSITORY CARD --> |
|
121 |
<div *ngFor="let res of repositorySnippet" class="md-card repositoryCard"> |
|
122 |
<div class="md-card-content large-padding"> |
|
123 |
<div class="uk-text-meta">{{res.typology.split('::')[0]}} {{res.typology.split('::')[1]}} {{res.typology.split('::')[2]}}</div> |
|
124 |
<div class="repositoryCardHeader uk-margin-bottom uk-margin-small-top"><a [routerLink]="['/repositoryAdmin/' + res.id]">{{res.officialname}}</a></div> |
|
125 |
<div class="uk-margin-small-bottom"><span class="uk-badge uk-badge-primary uk-badge-notification uk-margin-small-right">ID</span>{{res.id}}</div> |
|
126 |
<div class="uk-margin-small-bottom"><span class="uk-badge uk-badge-primary uk-badge-notification uk-margin-small-right">RM</span>{{res.registeredby}}</div> |
|
127 |
<div class="uk-margin-small-bottom"><span class="mute-title">Date: </span><span class="small-content">{{res.registrationdate}}</span></div> |
|
128 |
<div><span class="mute-title">Organization: </span><span *ngFor="let organization of res.organizations; let i=index" class="small-content"><span *ngIf="i>0">, </span>{{organization.legalname + ' (' + getCountryName(organization.country) + ')'}}</span></div> |
|
129 |
</div> |
|
133 |
<ul class="uk-pagination uk-margin-top uk-flex-right" uk-margin> |
|
134 |
<li><a (click)="previousPage()" class="pagination_arrow"><span uk-pagination-previous></span></a></li> |
|
135 |
<li class="uk-active"><span>{{+dataForm.get('page').value + 1}}</span></li> |
|
136 |
<li><a (click)="nextPage()" class="pagination_arrow"><span uk-pagination-next></span></a></li> |
|
137 |
</ul> |
|
138 |
|
|
130 | 139 |
</div> |
131 | 140 |
|
132 |
<ul class="uk-pagination uk-margin-top uk-flex-right" uk-margin> |
|
133 |
<li><a (click)="previousPage()"><span uk-pagination-previous></span></a></li> |
|
134 |
<li class="uk-active"><span>{{+dataForm.get('page').value + 1}}</span></li> |
|
135 |
<li><a (click)="nextPage()"><span uk-pagination-next></span></a></li> |
|
136 |
</ul> |
|
137 |
|
|
138 | 141 |
</div> |
139 |
|
|
140 | 142 |
</div> |
141 | 143 |
</div> |
144 |
|
|
142 | 145 |
</div> |
143 | 146 |
|
147 |
<!-- RIGHT HELP CONTENT --> |
|
148 |
<aside-help-content #rightHelperContent [position]="'right'" |
|
149 |
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
150 |
</aside-help-content> |
|
151 |
|
|
144 | 152 |
</div> |
145 | 153 |
|
146 |
<!-- RIGHT HELP CONTENT --> |
|
147 |
<aside-help-content #rightHelperContent [position]="'right'" |
|
148 |
[ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'"> |
|
149 |
</aside-help-content> |
|
150 |
|
|
154 |
<!-- BOTTOM HELP CONTENT --> |
|
155 |
<help-content #bottomHelperContent [position]="'bottom'" |
|
156 |
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
|
157 |
</help-content> |
|
151 | 158 |
</div> |
152 | 159 |
|
153 |
<!-- BOTTOM HELP CONTENT --> |
|
154 |
<help-content #bottomHelperContent [position]="'bottom'" |
|
155 |
[ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'"> |
|
156 |
</help-content> |
|
157 |
|
|
158 | 160 |
</div> |
159 | 161 |
</div> |
160 | 162 |
|
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/join/join.component.html | ||
---|---|---|
1 | 1 |
<div id="page_content"> |
2 |
<div id="page_content_inner"> |
|
2 |
<div id="page_content_inner" class="whiteBackground uk-padding-remove-left uk-padding-remove-right">
|
|
3 | 3 |
|
4 |
<div class="uk-margin-large-top uk-margin-medium-left uk-margin-medium-right"> |
|
4 |
<div *ngIf="loadingMessage" class="loading-big"> |
|
5 |
<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">{{ loadingMessage }}</div> |
|
6 |
<div class="transparentFilm"></div> |
|
7 |
</div> |
|
5 | 8 |
|
6 |
<h3 class="heading_b">You have not yet registered any repositories</h3> |
|
9 |
<div *ngIf="!loadingMessage" class="uk-margin-top"> |
|
10 |
<div class="uk-section"> |
|
11 |
<div class="uk-margin-large-left uk-margin-large-right"> |
|
12 |
<h3 class="heading_b" style="font-weight: 500">You have not yet registered any repositories</h3> |
|
7 | 13 |
|
8 |
<div class="uk-grid uk-child-width-1-3@l uk-child-width-1-2@m uk-child-width-1-1@s uk-grid-match"> |
|
14 |
<div class="uk-grid uk-child-width-1-3@l uk-child-width-1-2@m uk-child-width-1-1@s uk-grid-match">
|
|
9 | 15 |
|
10 |
<div class=""> |
|
11 |
<div class="md-card md-card-hover"> |
|
12 |
<a [routerLink]="['/sources/register']"> |
|
13 |
<div class="md-card-content large-padding" style="min-height: 150px;"> |
|
14 |
<div class=""> |
|
15 |
<strong>Register</strong> |
|
16 |
</div> |
|
17 |
<p>Register data sources in the OpenAIRE infrastructure.</p> |
|
16 |
<div class=""> |
|
17 |
<div class="md-card md-card-hover"> |
|
18 |
<a [routerLink]="['/sources/register']"> |
|
19 |
<div class="md-card-content large-padding" style="min-height: 150px;"> |
|
20 |
<div class=""> |
|
21 |
<strong>Register</strong> |
|
22 |
</div> |
|
23 |
<p>Register data sources in the OpenAIRE infrastructure.</p> |
|
24 |
</div> |
|
25 |
</a> |
|
18 | 26 |
</div> |
19 |
</a> |
|
20 |
</div> |
|
21 |
</div> |
|
27 |
</div> |
|
22 | 28 |
|
23 | 29 |
|
24 |
<div class=""> |
|
25 |
<div class="md-card md-card-hover"> |
|
26 |
<a [routerLink]="['/compatibility/validate']"> |
|
27 |
<div class="md-card-content large-padding" style="min-height: 150px;"> |
|
28 |
<div class=""> |
|
29 |
<strong>Validate</strong> |
|
30 |
</div> |
|
31 |
<p>Validate data sources against OpenAIRE guidelines.</p> |
|
30 |
<div class=""> |
|
31 |
<div class="md-card md-card-hover"> |
|
32 |
<a [routerLink]="['/compatibility/validate']"> |
|
33 |
<div class="md-card-content large-padding" style="min-height: 150px;"> |
|
34 |
<div class=""> |
|
35 |
<strong>Validate</strong> |
|
36 |
</div> |
|
37 |
<p>Validate data sources against OpenAIRE guidelines.</p> |
|
38 |
</div> |
|
39 |
</a> |
|
32 | 40 |
</div> |
33 |
</a>
|
|
41 |
</div>
|
|
34 | 42 |
</div> |
35 | 43 |
</div> |
36 | 44 |
</div> |
37 | 45 |
|
38 |
<div class="uk-margin-large-top"> |
|
39 |
<h3>Take a look at the Provide Dashboard and functionalities</h3> |
|
46 |
<div class="uk-section uk-background-norepeat uk-background-cover uk-background-top-center" |
|
47 |
style="background-image: url('../../../assets/imgs/landing/abstract2.svg'); !important; min-height: calc(80vh);" uk-height-viewport="offset-top: true; offset-bottom: 20;"> |
|
48 |
<div class="uk-margin-large-top uk-margin-large-left uk-margin-large-right"> |
|
49 |
<h3 class="heading_b" style="font-weight: 700">Take a look at the Provide Dashboard and functionalities</h3> |
|
40 | 50 |
|
51 |
<div class="uk-container uk-container-large uk-margin-medium-top"> |
|
41 | 52 |
|
53 |
<div class="uk-slider" tabindex="-1" uk-slider="velocity: 0;autoplay: true;autoplay-interval: 5000;pause-on-hover: false;center: true"> |
|
54 |
<div class="uk-position-relative"> |
|
55 |
<div class="uk-slider-container"> |
|
56 |
<ul class="uk-slider-items uk-child-width-1-1" style="transform: translateX(-1300px);"> |
|
57 |
<li class="ng-star-inserted uk-active" tabindex="-1" style="order: 1;"> |
|
58 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
|
59 |
<div class="uk-first-column"> |
|
60 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/validate.gif"> |
|
61 |
</div> |
|
62 |
<div class="uk-margin-top"> |
|
63 |
<div> |
|
64 |
<div class="uk-text-bold uk-h4">Validate</div> |
|
65 |
<div class="uk-margin-medium"> |
|
66 |
Interoperable metadata is key for effective content sharing. |
|
67 |
<ul class="uk-margin-top"> |
|
68 |
<li>Use our validation service and see how you can apply the OpenAIRE Guidelines to expose your content using global standards.</li> |
|
69 |
</ul> |
|
70 |
</div> |
|
71 |
<div class="uk-inline"> |
|
72 |
<a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a> |
|
73 |
</div> |
|
74 |
</div> |
|
75 |
</div> |
|
76 |
</div> |
|
77 |
</li> |
|
78 |
<li tabindex="-1" style="order: 1;"> |
|
79 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
|
80 |
<div class="uk-first-column"> |
|
81 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/register.gif"> |
|
82 |
</div> |
|
83 |
<div class="uk-margin-top"> |
|
84 |
<div> |
|
85 |
<div class="uk-text-bold uk-h4">Register</div> |
|
86 |
<div class="uk-margin-medium"> |
|
87 |
Reach a wider audience around the world |
|
88 |
<ul class="uk-margin-top"> |
|
89 |
<li>Register your literature or data repository, OA Journal, CRIS in OpenAIRE and be part of a global interlinked network. Start now!</li> |
|
90 |
</ul> |
|
91 |
</div> |
|
92 |
<div class="uk-inline"> |
|
93 |
<a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a> |
|
94 |
</div> |
|
95 |
</div> |
|
96 |
</div> |
|
97 |
</div> |
|
98 |
</li> |
|
99 |
<li tabindex="-1" style="order: 1;"> |
|
100 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
|
101 |
<div class="uk-first-column"> |
|
102 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/enrichments.gif"> |
|
103 |
</div> |
|
104 |
<div class="uk-margin-top"> |
|
105 |
<div> |
|
106 |
<div class="uk-text-bold uk-h4">Enrich</div> |
|
107 |
<div class="uk-margin-medium"> |
|
108 |
Improve your metadata. Get more connections |
|
109 |
<ul class="uk-margin-top"> |
|
110 |
<li>Our newly released OA Broker service offers a wealth of information on scholarly communication data. Find out what interests you and subscribe to enrich your records. Learn more!</li> |
|
111 |
</ul> |
|
112 |
</div> |
|
113 |
<div class="uk-inline"> |
|
114 |
<a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a> |
|
115 |
</div> |
|
116 |
</div> |
|
117 |
</div> |
|
118 |
</div> |
|
119 |
</li> |
|
120 |
<li tabindex="-1" style="order: 1;"> |
|
121 |
<div class="uk-flex uk-padding uk-child-width-1-2@m uk-child-width-1-1@s uk-grid" uk-grid=""> |
|
122 |
<div class="uk-first-column"> |
|
123 |
<img class="uk-box-shadow-large uk-border-rounded" src="../../../../assets/gifs/usageStats.gif"> |
|
124 |
</div> |
|
125 |
<div class="uk-margin-top"> |
|
126 |
<div> |
|
127 |
<div class="uk-text-bold uk-h4">Measure</div> |
|
128 |
<div class="uk-margin-medium"> |
|
129 |
Open research impact empowers Open Science |
|
130 |
<ul class="uk-margin-top"> |
|
131 |
<li>Participate in the Open Metrics service by sharing your usage data. Get the benefit of an aggregated environment to broaden the mechanisms for impact assessment.</li> |
|
132 |
</ul> |
|
133 |
</div> |
|
134 |
<div class="uk-inline"> |
|
135 |
<a class="uk-button uk-button-primary uk-text-uppercase" [routerLink]="['/about']">learn more</a> |
|
136 |
</div> |
|
137 |
</div> |
|
138 |
</div> |
|
139 |
</div> |
|
140 |
</li> |
|
141 |
</ul> |
|
142 |
</div> |
|
143 |
</div> |
|
144 |
|
|
145 |
<ul class="uk-position-relative uk-slider-nav uk-dotnav uk-flex-center uk-margin"> |
|
146 |
<li uk-slider-item="0" class="uk-active"><a href="#"></a></li> |
|
147 |
<li uk-slider-item="1" class=""><a href="#"></a></li> |
|
148 |
<li uk-slider-item="2" class=""><a href="#"></a></li> |
|
149 |
<li uk-slider-item="3" class=""><a href="#"></a></li> |
|
150 |
</ul> |
|
151 |
</div> |
|
152 |
|
|
153 |
</div> |
|
154 |
|
|
155 |
</div> |
|
42 | 156 |
</div> |
157 |
</div> |
|
43 | 158 |
|
44 |
</div> |
|
45 | 159 |
</div> |
46 | 160 |
</div> |
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/join/join.component.ts | ||
---|---|---|
13 | 13 |
|
14 | 14 |
repositoriesOfUser: RepositorySnippet[]; |
15 | 15 |
|
16 |
loadingMessage: string; |
|
17 |
|
|
16 | 18 |
constructor(private repositoryService: RepositoryService, |
17 | 19 |
private sharedService: SharedService, |
18 | 20 |
private router: Router) { |
... | ... | |
20 | 22 |
|
21 | 23 |
ngOnInit() { |
22 | 24 |
|
25 |
this.loadingMessage = ' '; |
|
26 |
|
|
23 | 27 |
let body = document.getElementsByTagName('body')[0]; |
24 | 28 |
body.classList.remove("landing"); |
25 | 29 |
body.classList.add("dashboard"); |
... | ... | |
28 | 32 |
this.repositoriesOfUser = this.sharedService.getRepositoriesOfUser(); |
29 | 33 |
if(this.repositoriesOfUser.length>0) |
30 | 34 |
this.router.navigate([`/repository/${this.repositoriesOfUser[0].id}/dashboard`]); |
35 |
else |
|
36 |
this.loadingMessage = null; |
|
31 | 37 |
} else { |
32 | 38 |
this.getReposOfUser(); |
33 | 39 |
} |
... | ... | |
41 | 47 |
this.repositoriesOfUser = repos; |
42 | 48 |
if(this.repositoriesOfUser.length>0) |
43 | 49 |
this.router.navigate([`/repository/${this.repositoriesOfUser[0].id}/dashboard`]); |
50 |
else |
|
51 |
this.loadingMessage = null; |
|
44 | 52 |
}, |
45 | 53 |
error => { console.log(error); } |
46 | 54 |
); |
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/repository/repository.component.html | ||
---|---|---|
34 | 34 |
<!--<a [routerLink]="['/repository/' + repository.id + '/update']">UPDATE</a>--> |
35 | 35 |
<a [routerLink]="['./update']">UPDATE</a> |
36 | 36 |
</li> |
37 |
<li data-uk-filter="snippets-lang-php" [routerLinkActive]="['uk-active']"> |
|
38 |
<!--<a [routerLink]="['/repository/' + repository.id + '/getImpact']">METRICS</a>--> |
|
39 |
<a *ngIf="repository.piwikInfo && repository.piwikInfo.validated" [routerLink]="['./getImpact/show_metrics']">METRICS</a> |
|
40 |
<a *ngIf="repository.piwikInfo && !repository.piwikInfo.validated" [routerLink]="['./getImpact/instructions']">METRICS</a> |
|
41 |
<a *ngIf="!repository.piwikInfo" [routerLink]="['./getImpact/enable']">METRICS</a> |
|
42 |
</li> |
|
43 | 37 |
<li data-uk-filter="snippets-lang-css" [routerLinkActive]="['uk-active']"> |
44 | 38 |
<a [routerLink]="['./aggregationHistory']">AGREGGATION HISTORY</a> |
45 | 39 |
</li> |
46 | 40 |
<li data-uk-filter="snippets-lang-javascript" [routerLinkActive]="['uk-active']"> |
47 |
<a [routerLink]="['./events']">EVENTS</a>
|
|
41 |
<a [routerLink]="['./events']">ENRICHMENTS</a>
|
|
48 | 42 |
</li> |
43 |
<li data-uk-filter="snippets-lang-php" [routerLinkActive]="['uk-active']"> |
|
44 |
<!--<a [routerLink]="['/repository/' + repository.id + '/getImpact']">METRICS</a>--> |
|
45 |
<a *ngIf="repository.piwikInfo && repository.piwikInfo.validated" [routerLink]="['./getImpact/show_metrics']">USAGE STATISTICS</a> |
|
46 |
<a *ngIf="repository.piwikInfo && !repository.piwikInfo.validated" [routerLink]="['./getImpact/instructions']">USAGE STATISTICS</a> |
|
47 |
<a *ngIf="!repository.piwikInfo" [routerLink]="['./getImpact/enable']">USAGE STATISTICS</a> |
|
48 |
</li> |
|
49 |
|
|
49 | 50 |
</ul> |
50 | 51 |
</div> |
51 | 52 |
</div> |
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/repository/events/content-events-of-repository.component.html | ||
---|---|---|
1 |
<div id="page_content_inner"> |
|
1 |
<div id="page_content_inner" class="uk-margin-medium-left uk-margin-medium-right uk-margin-top">
|
|
2 | 2 |
<h2 class="heading_b uk-margin-bottom">Enrich Your Content - Browse Events</h2> |
3 | 3 |
|
4 | 4 |
<!-- TOP HELP CONTENT --> |
modules/uoa-repository-dashboard-gui/branches/new-ui/src/app/pages/repository/events/content-events-of-repo-eventslist.component.html | ||
---|---|---|
9 | 9 |
<!--</div>--> |
10 | 10 |
<!--</div>--> |
11 | 11 |
|
12 |
<div id="page_content_inner"> |
|
12 |
<div id="page_content_inner" class="uk-margin-medium-left uk-margin-medium-right uk-margin-top">
|
|
13 | 13 |
|
14 | 14 |
<div class="uk-margin-bottom"> |
15 | 15 |
<h2 class="heading_b uk-margin-bottom uk-inline">{{ topic }}</h2> |
16 | 16 |
|
17 |
<div class="heading_actions uk-float-right"> |
|
18 |
<button id="subscribe" type="button" class="uk-button uk-button-success" (click)="showSubscriptionModal()">Subscribe to these events</button> |
|
17 |
<div class="heading_actions uk-float-right repositoryAdminActions"> |
|
18 |
<button class="uk-button uk-button-link" (click)="showSubscriptionModal()"> |
|
19 |
<img src="../../../../assets/icons/noun_subscribe_2322541.svg" width="20"> |
|
20 |
Subscribe to these events |
|
21 |
</button> |
|
22 |
<!--<button id="subscribe" type="button" class="uk-button uk-button-success" (click)="showSubscriptionModal()">Subscribe to these events</button>--> |
|
19 | 23 |
</div> |
20 | 24 |
</div> |
21 | 25 |
|
... | ... | |
48 | 52 |
<!--<span>Showing {{(eventsPage.currPage*10)+1 }}-{{ ( (eventsPage.total < 10) || (eventsPage.total < (eventsPage.currPage+1)*10) ) ? (eventsPage.total) : (eventsPage.currPage+1)*10 }} of {{ eventsPage.total }} results</span>--> |
49 | 53 |
|
50 | 54 |
<!-- DELETE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE --> |
51 |
<div class="uk-margin-bottom">Showing {{(currentPage*10)+1 }}-{{ ( (eventsPage.total < 10) || (eventsPage.total < (currentPage+1)*10) ) ? (eventsPage.total) : (currentPage+1)*10 }} of {{ eventsPage.total }} results</div>
|
|
55 |
<!--<div class="uk-margin-bottom">Showing {{(currentPage*10)+1 }}-{{ ( (eventsPage.total < 10) || (eventsPage.total < (currentPage+1)*10) ) ? (eventsPage.total) : (currentPage+1)*10 }} of {{ eventsPage.total }} results</div>-->
|
|
52 | 56 |
|
53 |
<div *ngFor="let event of eventsPage.values; let item_i = index" class="md-card md-card-hover md-card-overlay {{ (selectedItemIndex == item_i) ? 'md-card-overlay-active' : '' }}"> |
|
54 |
<div class="md-card-content truncate-text" style="overflow-wrap: break-word;"> |
|
57 |
<div style="display: flex;justify-content: space-between;"> |
|
55 | 58 |
|
59 |
<div class="resultsInfo" style="margin-top: auto;"> |
|
60 |
<span class="number">{{eventsPage.total}}</span> RESULTS, PAGE <span class="number">{{(currentPage)+1}}</span> OF <span class="number">{{ eventsPage.totalPages }}</span> |
|
61 |
</div> |
|
62 |
|
|
63 |
<div class="uk-inline"> |
|
64 |
<ul class="uk-pagination" uk-margin> |
|
65 |
<li><a (click)="goToPreviousPage()"><span uk-pagination-previous></span></a></li> |
|
66 |
<li class="uk-active"><span>{{ (eventsPage.totalPages > 0) ? currentPage+1 : 0 }}</span></li> |
|
67 |
<li><a (click)="goToNextPage()"><span uk-pagination-next></span></a></li> |
|
68 |
</ul> |
|
69 |
</div> |
|
70 |
|
|
71 |
</div> |
|
72 |
|
|
73 |
|
|
74 |
<hr class="adminResultsHeader"> |
|
75 |
|
|
76 |
|
|
77 |
<!--<div *ngFor="let event of eventsPage.values; let item_i = index" class="md-card md-card-hover md-card-overlay {{ (selectedItemIndex == item_i) ? 'md-card-overlay-active' : '' }}">--> |
|
78 |
<div *ngFor="let event of eventsPage.values; let item_i = index" class="md-card md-card-hover eventCard"> |
|
79 |
<div class="md-card-content large-padding"> |
|
80 |
|
|
81 |
<div *ngIf="event.publication.originalId" class="uk-text-meta">ID: {{event.publication.originalId}}</div> |
|
82 |
|
|
83 |
<div *ngIf="event.publication.titles && event.publication.titles.length>0"> |
|
84 |
<div class="repositoryCardHeader uk-margin-bottom uk-margin-small-top"> |
|
85 |
<h4>{{ event.publication.titles[0] }}</h4> |
|
86 |
</div> |
|
87 |
</div> |
|
88 |
|
|
56 | 89 |
<ng-container *ngIf="event.highlight.pids && event.highlight.pids.length>0"> |
57 |
<table class="uk-table uk-table-middle"> |
|
58 |
<tbody> |
|
59 |
<tr class="el-item md-bg-green-50"> |
|
60 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">PID(s)</strong></td> |
|
61 |
<td class="uk-table-shrink"> |
|
62 |
<div class="el-title"> |
|
63 |
<span *ngFor="let pid of event.publication.pids; let a_index = index"> |
|
64 |
<br *ngIf="a_index > 0"> |
|
65 |
<span>{{ pid.value }} <b> ({{ pid.type }}) </b> |
|
66 |
<span *ngFor="let hl_pid of event.highlight.pids"> |
|
67 |
<span *ngIf="hl_pid.value.indexOf(pid.value)>=0 && event.highlight.pids.length>0 && event.provenance"> |
|
68 |
<span class="uk-label uk-label-success">added</span> |
|
69 |
<span class="pull-right"> |
|
70 |
<b>from: </b> |
|
71 |
<ng-container *ngIf="event.provenance.url"> |
|
72 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
73 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
74 |
</ng-container> |
|
75 |
<ng-container *ngIf="!event.provenance.url"> |
|
76 |
<span>{{ event.provenance.repositoryName }}</span> |
|
77 |
</ng-container> |
|
78 |
</span> |
|
79 |
</span> |
|
80 |
</span> |
|
81 |
</span> |
|
82 |
</span> |
|
83 |
</div> |
|
84 |
</td> |
|
85 |
</tr> |
|
86 |
</tbody> |
|
87 |
</table> |
|
90 |
|
|
91 |
<div class="small-content"> |
|
92 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.pids.length}} PID(s) added</span> |
|
93 |
<span class="mute-title">FROM: </span> |
|
94 |
<ng-container *ngIf="event.provenance.url"> |
|
95 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
96 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
97 |
</ng-container> |
|
98 |
<ng-container *ngIf="!event.provenance.url"> |
|
99 |
<span>{{ event.provenance.repositoryName }}</span> |
|
100 |
</ng-container> |
|
101 |
</div> |
|
102 |
|
|
103 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
104 |
<div *ngFor="let pid of event.highlight.pids; let p_index = index" class="uk-margin-small-bottom"> |
|
105 |
<span class="highlightIndex">{{(p_index + 1)}}. </span> |
|
106 |
<span>{{ pid.value }} <b> ({{ pid.type }}) </b></span> |
|
107 |
</div> |
|
108 |
</div> |
|
109 |
|
|
88 | 110 |
</ng-container> |
89 | 111 |
|
90 | 112 |
<ng-container *ngIf="event.highlight.abstracts && event.highlight.abstracts.length>0"> |
91 |
<table class="uk-table uk-table-middle"> |
|
92 |
<tbody> |
|
93 |
<tr class="el-item md-bg-green-50"> |
|
94 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Abstract(s)</strong></td> |
|
95 |
<td class="uk-table-shrink"> |
|
96 |
<div class="el-title"> |
|
97 |
<span *ngFor="let abs of event.publication.abstracts; let a_index = index"> |
|
98 |
<br *ngIf="a_index > 0 && event.publication.abstracts[a_index-1].length > 0"> |
|
99 |
<span><read-more-text [text]="abs" [maxHeight]="80"></read-more-text></span> |
|
100 |
<!--<span>{{ abs }}</span>--> |
|
101 |
<span *ngIf="event.highlight.abstracts.indexOf(abs)>=0 && event.highlight.abstracts.length>0 && event.provenance"> |
|
102 |
<span class="pull-right"> |
|
103 |
<b>from: </b> |
|
104 |
<ng-container *ngIf="event.provenance.url"> |
|
105 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
106 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
107 |
</ng-container> |
|
108 |
<ng-container *ngIf="!event.provenance.url"> |
|
109 |
<span>{{ event.provenance.repositoryName }}</span> |
|
110 |
</ng-container> |
|
111 |
</span> |
|
112 |
</span> |
|
113 |
</span> |
|
114 |
</div> |
|
115 |
</td> |
|
116 |
</tr> |
|
117 |
</tbody> |
|
118 |
</table> |
|
113 |
|
|
114 |
<div class="small-content"> |
|
115 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.abstracts.length}} Abstract(s) added</span> |
|
116 |
<span class="mute-title">FROM: </span> |
|
117 |
<ng-container *ngIf="event.provenance.url"> |
|
118 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
119 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
120 |
</ng-container> |
|
121 |
<ng-container *ngIf="!event.provenance.url"> |
|
122 |
<span>{{ event.provenance.repositoryName }}</span> |
|
123 |
</ng-container> |
|
124 |
</div> |
|
125 |
|
|
126 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
127 |
<div *ngFor="let abs of event.highlight.abstracts; let a_index = index" class="uk-margin-small-bottom"> |
|
128 |
<span class="highlightIndex">{{(a_index + 1)}}. </span> |
|
129 |
<span class=""><read-more-text [text]="abs" [maxHeight]="40"></read-more-text></span> |
|
130 |
</div> |
|
131 |
</div> |
|
132 |
|
|
119 | 133 |
</ng-container> |
120 | 134 |
|
121 | 135 |
<ng-container *ngIf="event.highlight.projects && event.highlight.projects.length>0"> |
122 |
<table class="uk-table uk-table-middle"> |
|
123 |
<tbody> |
|
124 |
<tr class="el-item md-bg-green-50"> |
|
125 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Project(s)/Relation(s)</strong></td> |
|
126 |
<td class="uk-table-shrink"> |
|
127 |
<div class="el-title"> |
|
128 |
<span *ngFor="let proj of event.publication.projects; let p_index = index"> |
|
129 |
<br *ngIf="p_index > 0"> |
|
130 |
<span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span> |
|
131 |
<span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span> |
|
132 |
<span *ngIf="(proj.funder && proj.funder !=='') || |
|
133 |
(proj.fundingProgram && proj.fundingProgram !=='')"> |
|
134 |
(<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span> |
|
135 |
<span *ngIf="(proj.funder && proj.funder !=='') && |
|
136 |
(proj.fundingProgram && proj.fundingProgram !=='')">/</span> |
|
137 |
<span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>) |
|
138 |
</span> |
|
139 |
<span *ngFor="let hl_proj of event.highlight.projects"> |
|
140 |
<span *ngIf="hl_proj.code.indexOf(proj.code)>=0 && event.highlight.projects.length>0 && event.provenance"> |
|
141 |
<span class="pull-right"> |
|
142 |
<b>from: </b> |
|
143 |
<ng-container *ngIf="event.provenance.url"> |
|
144 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
145 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
146 |
</ng-container> |
|
147 |
<ng-container *ngIf="!event.provenance.url"> |
|
148 |
<span>{{ event.provenance.repositoryName }}</span> |
|
149 |
</ng-container> |
|
150 |
</span> |
|
151 |
</span> |
|
152 |
</span> |
|
153 |
</span> |
|
154 |
</div> |
|
155 |
</td> |
|
156 |
</tr> |
|
157 |
</tbody> |
|
158 |
</table> |
|
136 |
|
|
137 |
<div class="small-content"> |
|
138 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.projects.length}} Project(s) added</span> |
|
139 |
<span class="mute-title">FROM: </span> |
|
140 |
<ng-container *ngIf="event.provenance.url"> |
|
141 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
142 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
143 |
</ng-container> |
|
144 |
<ng-container *ngIf="!event.provenance.url"> |
|
145 |
<span>{{ event.provenance.repositoryName }}</span> |
|
146 |
</ng-container> |
|
147 |
</div> |
|
148 |
|
|
149 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
150 |
<div *ngFor="let proj of event.highlight.projects; let p_index = index" class="uk-margin-small-bottom"> |
|
151 |
<span class="highlightIndex">{{(p_index + 1)}}. </span> |
|
152 |
<span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span> |
|
153 |
<span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span> |
|
154 |
<span *ngIf="(proj.funder && proj.funder !=='') || |
|
155 |
(proj.fundingProgram && proj.fundingProgram !=='')"> |
|
156 |
(<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span> |
|
157 |
<span *ngIf="(proj.funder && proj.funder !=='') && |
|
158 |
(proj.fundingProgram && proj.fundingProgram !=='')">/</span> |
|
159 |
<span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>) |
|
160 |
</span> |
|
161 |
</div> |
|
162 |
</div> |
|
163 |
|
|
159 | 164 |
</ng-container> |
160 | 165 |
|
161 | 166 |
<ng-container *ngIf="event.highlight.subjects && event.highlight.subjects.length>0"> |
162 |
<table class="uk-table uk-table-middle"> |
|
163 |
<tbody> |
|
164 |
<tr class="el-item md-bg-green-50"> |
|
165 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Subject(s)</strong></td> |
|
166 |
<td class="uk-table-shrink"> |
|
167 |
<div class="el-title"> |
|
168 |
<span *ngFor="let subj of event.publication.subjects; let s_index = index"> |
|
169 |
<br *ngIf="s_index > 0"> |
|
170 |
<span>{{ subj }}</span> |
|
171 |
<span *ngIf="event.highlight.subjects.indexOf(subj)>=0 && event.highlight.subjects.length>0 && event.provenance"> |
|
172 |
<span class="pull-right"> |
|
173 |
<b>from: </b> |
|
174 |
<ng-container *ngIf="event.provenance.url"> |
|
175 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
176 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
177 |
</ng-container> |
|
178 |
<ng-container *ngIf="!event.provenance.url"> |
|
179 |
<span>{{ event.provenance.repositoryName }}</span> |
|
180 |
</ng-container> |
|
181 |
</span> |
|
182 |
</span> |
|
183 |
</span> |
|
184 |
</div> |
|
185 |
</td> |
|
186 |
</tr> |
|
187 |
</tbody> |
|
188 |
</table> |
|
167 |
|
|
168 |
<div class="small-content"> |
|
169 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.subjects.length}} Subject(s) added</span> |
|
170 |
<span class="mute-title">FROM: </span> |
|
171 |
<ng-container *ngIf="event.provenance.url"> |
|
172 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
173 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
174 |
</ng-container> |
|
175 |
<ng-container *ngIf="!event.provenance.url"> |
|
176 |
<span>{{ event.provenance.repositoryName }}</span> |
|
177 |
</ng-container> |
|
178 |
</div> |
|
179 |
|
|
180 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
181 |
<div *ngFor="let subj of event.highlight.subjects; let s_index = index" class="uk-margin-small-bottom"> |
|
182 |
<span class="highlightIndex">{{(s_index + 1)}}. </span> |
|
183 |
<span>{{ subj }}</span> |
|
184 |
</div> |
|
185 |
</div> |
|
186 |
|
|
189 | 187 |
</ng-container> |
190 | 188 |
|
191 | 189 |
<ng-container *ngIf="event.highlight.publications && event.highlight.publications.length>0"> |
192 |
<table class="uk-table uk-table-middle"> |
|
193 |
<tbody> |
|
194 |
<tr class="el-item md-bg-green-50"> |
|
195 |
<td *ngIf="this.topic.includes('PUBLICATION')" class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"> |
|
196 |
<strong class="el-title uk-display-block">{{this.lastTopicEntry}}<br>Publication(s)</strong> |
|
197 |
</td> |
|
198 |
<td *ngIf="!(this.topic.includes('PUBLICATION'))" |
|
199 |
class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"> |
|
200 |
<strong class="el-title uk-display-block">Publication(s)</strong> |
|
201 |
</td> |
|
202 |
<td class="uk-table-shrink"> |
|
203 |
<div class="el-title"> |
|
204 |
<span *ngFor="let pub of event.publication.publications; let s_index = index"> |
|
205 |
<br *ngIf="s_index > 0"> |
|
206 |
<span>{{ pub.titles[0] }} (ID: {{pub.originalId}})</span> |
|
207 |
<span *ngFor="let hl_pub of event.highlight.publications"> |
|
208 |
<span *ngIf="hl_pub.originalId.indexOf(pub.originalId)>=0 && event.highlight.publications.length>0 && event.provenance"> |
|
209 |
<span class="pull-right"> |
|
210 |
<b>from: </b> |
|
211 |
<ng-container *ngIf="event.provenance.url"> |
|
212 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
213 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
214 |
</ng-container> |
|
215 |
<ng-container *ngIf="!event.provenance.url"> |
|
216 |
<span>{{ event.provenance.repositoryName }}</span> |
|
217 |
</ng-container> |
|
218 |
</span> |
|
219 |
</span> |
|
220 |
</span> |
|
221 |
</span> |
|
222 |
</div> |
|
223 |
</td> |
|
224 |
</tr> |
|
225 |
</tbody> |
|
226 |
</table> |
|
190 |
|
|
191 |
<div class="small-content"> |
|
192 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.publications.length}} Publications(s) added</span> |
|
193 |
<span class="mute-title">FROM: </span> |
|
194 |
<ng-container *ngIf="event.provenance.url"> |
|
195 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
196 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
197 |
</ng-container> |
|
198 |
<ng-container *ngIf="!event.provenance.url"> |
|
199 |
<span>{{ event.provenance.repositoryName }}</span> |
|
200 |
</ng-container> |
|
201 |
</div> |
|
202 |
|
|
203 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
204 |
<div *ngFor="let pub of event.highlight.publications; let p_index = index" class="uk-margin-small-bottom"> |
|
205 |
<span class="highlightIndex">{{(p_index + 1)}}. </span> |
|
206 |
<span>{{ pub.titles[0] }} (ID: {{pub.originalId}})</span> |
|
207 |
</div> |
|
208 |
</div> |
|
209 |
|
|
227 | 210 |
</ng-container> |
228 | 211 |
|
229 | 212 |
<ng-container *ngIf="event.highlight.datasets && event.highlight.datasets.length>0"> |
230 |
<table class="uk-table uk-table-middle"> |
|
231 |
<tbody> |
|
232 |
<tr class="el-item md-bg-green-50"> |
|
233 |
<td *ngIf="this.topic.includes('DATASET')" class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"> |
|
234 |
<strong class="el-title uk-display-block">{{this.lastTopicEntry}}<br>Dataset(s)</strong> |
|
235 |
</td> |
|
236 |
<td *ngIf="!(this.topic.includes('DATASET'))" class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"> |
|
237 |
<strong class="el-title uk-display-block">Dataset(s)</strong> |
|
238 |
</td> |
|
239 |
<td class="uk-table-shrink"> |
|
240 |
<div class="el-title"> |
|
241 |
<span *ngFor="let dataset of event.publication.datasets; let s_index = index"> |
|
242 |
<br *ngIf="s_index > 0"> |
|
243 |
<span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span> |
|
244 |
<span *ngFor="let hl_dataset of event.highlight.datasets"> |
|
245 |
<span *ngIf="hl_dataset.pids.indexOf(dataset.pids[s_index])>=0 && event.highlight.datasets.length>0 && event.provenance"> |
|
246 |
<span class="pull-right"> |
|
247 |
<b>from: </b> |
|
248 |
<ng-container *ngIf="event.provenance.url"> |
|
249 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
250 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
251 |
</ng-container> |
|
252 |
<ng-container *ngIf="!event.provenance.url"> |
|
253 |
<span>{{ event.provenance.repositoryName }}</span> |
|
254 |
</ng-container> |
|
255 |
</span> |
|
256 |
</span> |
|
257 |
</span> |
|
258 |
</span> |
|
259 |
</div> |
|
260 |
</td> |
|
261 |
</tr> |
|
262 |
</tbody> |
|
263 |
</table> |
|
213 |
|
|
214 |
<div class="small-content"> |
|
215 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.datasets.length}} Dataset(s) added</span> |
|
216 |
<span class="mute-title">FROM: </span> |
|
217 |
<ng-container *ngIf="event.provenance.url"> |
|
218 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
219 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
220 |
</ng-container> |
|
221 |
<ng-container *ngIf="!event.provenance.url"> |
|
222 |
<span>{{ event.provenance.repositoryName }}</span> |
|
223 |
</ng-container> |
|
224 |
</div> |
|
225 |
|
|
226 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
227 |
<div *ngFor="let dataset of event.highlight.datasets; let d_index = index" class="uk-margin-small-bottom"> |
|
228 |
<span class="highlightIndex">{{(d_index + 1)}}. </span> |
|
229 |
<span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span> |
|
230 |
</div> |
|
231 |
</div> |
|
232 |
|
|
264 | 233 |
</ng-container> |
265 | 234 |
|
266 | 235 |
<ng-container *ngIf="event.highlight.softwares && event.highlight.softwares.length>0"> |
267 |
<table class="uk-table uk-table-middle"> |
|
268 |
<tbody> |
|
269 |
<tr class="el-item md-bg-green-50"> |
|
270 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Software(s)</strong></td> |
|
271 |
<td class="uk-table-shrink"> |
|
272 |
<div class="el-title"> |
|
273 |
<span *ngFor="let software of event.publication.softwares; let s_index = index"> |
|
274 |
<br *ngIf="s_index > 0"> |
|
275 |
<span>{{ software.name }}</span> |
|
276 |
<span *ngIf="software.description"> <br> {{ software.description }}</span> |
|
277 |
<span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span> |
|
278 |
<span *ngFor="let hl_software of event.highlight.softwares"> |
|
279 |
<span *ngIf="hl_software.name.indexOf(software.name)>=0 && event.highlight.softwares.length>0 && event.provenance"> |
|
280 |
<span class="pull-right"> |
|
281 |
<b>from: </b> |
|
282 |
<ng-container *ngIf="event.provenance.url"> |
|
283 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
284 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
285 |
</ng-container> |
|
286 |
<ng-container *ngIf="!event.provenance.url"> |
|
287 |
<span>{{ event.provenance.repositoryName }}</span> |
|
288 |
</ng-container> |
|
289 |
</span> |
|
290 |
</span> |
|
291 |
</span> |
|
292 |
</span> |
|
293 |
</div> |
|
294 |
</td> |
|
295 |
</tr> |
|
296 |
</tbody> |
|
297 |
</table> |
|
236 |
|
|
237 |
<div class="small-content"> |
|
238 |
<span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.softwares.length}} Software(s) added</span> |
|
239 |
<span class="mute-title">FROM: </span> |
|
240 |
<ng-container *ngIf="event.provenance.url"> |
|
241 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
242 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
243 |
</ng-container> |
|
244 |
<ng-container *ngIf="!event.provenance.url"> |
|
245 |
<span>{{ event.provenance.repositoryName }}</span> |
|
246 |
</ng-container> |
|
247 |
</div> |
|
248 |
|
|
249 |
<div class="uk-margin-top uk-margin-medium-bottom small-content"> |
|
250 |
<div *ngFor="let software of event.highlight.softwares; let s_index = index" class="uk-margin-small-bottom"> |
|
251 |
<span class="highlightIndex">{{(s_index + 1)}}. </span> |
|
252 |
<span>{{ software.name }}</span> |
|
253 |
<span *ngIf="software.description"> <br> {{ software.description }}</span> |
|
254 |
<span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span> |
|
255 |
</div> |
|
256 |
</div> |
|
257 |
|
|
298 | 258 |
</ng-container> |
299 | 259 |
|
300 | 260 |
<ng-container *ngIf="event.highlight.instances && event.highlight.instances.length>0"> |
301 |
<table class="uk-table uk-table-middle"> |
|
302 |
<tbody> |
|
303 |
<tr class="el-item md-bg-green-50"> |
|
304 |
<td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Rights</strong></td> |
|
305 |
<td class="uk-table-shrink"> |
|
306 |
<div class="el-title"> |
|
307 |
<span *ngFor="let l of event.publication.instances; let l_index = index"> |
|
308 |
<br *ngIf="l_index > 0"> |
|
309 |
<span> |
|
310 |
{{ l.license }} <b>{{ l.hostedby }}</b><br> |
|
311 |
<a href="{{ l.url }}" target="_blank">{{ l.url }}</a> |
|
312 |
</span> |
|
313 |
<span *ngFor="let hl of event.highlight.instances"> |
|
314 |
<span *ngIf="hl.hostedby.indexOf(l.hostedby)>=0 && event.highlight.instances.length>0 && event.provenance"> |
|
315 |
<span class="uk-label uk-label-success">added</span> |
|
316 |
<b>from: </b> |
|
317 |
<ng-container *ngIf="event.provenance.url"> |
|
318 |
<a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a> |
|
319 |
<span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span> |
|
320 |
</ng-container> |
|
321 |
<ng-container *ngIf="!event.provenance.url"> |
|
322 |
<span>{{ event.provenance.repositoryName }}</span> |
|
323 |
</ng-container> |
|
324 |
</span> |
|
325 |
</span> |
|
326 |
</span> |
|
327 |
</div> |
|
328 |
</td> |
|
329 |
</tr> |
|
330 |
</tbody> |
Also available in: Unified diff
Almost final commit for the new UI