Revision 58281
Added by Stefania Martziou about 4 years ago
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)? |
Also available in: Unified diff
Almost final commit for the new UI