Project

General

Profile

« Previous | Next » 

Revision 58281

Almost final commit for the new UI

View differences:

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
                  <!--&lt;!&ndash;                    <li class="uk-active"><span>{{+dataForm.get('page').value + 1}}</span></li>&ndash;&gt;-->
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
    <!--&lt;!&ndash; TOP HELP CONTENT &ndash;&gt;-->
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
        <!--&lt;!&ndash; LEFT HELP CONTENT &ndash;&gt;-->
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
        <!--&lt;!&ndash; MIDDLE &ndash;&gt;-->
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
                  <!--&lt;!&ndash; TABLE &ndash;&gt;-->
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
<!--&lt;!&ndash;                    <li class="uk-active"><span>{{+dataForm.get('page').value + 1}}</span></li>&ndash;&gt;-->
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
        <!--&lt;!&ndash; RIGHT HELP CONTENT &ndash;&gt;-->
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
    <!--&lt;!&ndash; BOTTOM HELP CONTENT &ndash;&gt;-->
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