Project

General

Profile

« Previous | Next » 

Revision 58281

Almost final commit for the new UI

View differences:

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
                  <!--&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)?
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>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</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>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</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 }}&nbsp;&nbsp;<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
                                      &nbsp;&nbsp;<span class="uk-label uk-label-success">added</span>&nbsp;&nbsp;
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>
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff