Project

General

Profile

1 57185 stefania.m
<div id="page_content">
2
  <div id="page_content_inner">
3 54479 myrto.kouk
4 57185 stefania.m
    <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{ errorMessage }}</div>
5
    <div *ngIf="noRepos" class="">{{ noRepos }}</div>
6
    <div *ngIf="loadingMessage" class="loading-big">
7
      <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
8
        {{ loadingMessage }}
9
      </div>
10
      <div class="transparentFilm"></div>
11
    </div>
12 56635 antonis.le
13 57185 stefania.m
    <div *ngIf="!loadingMessage && reposOfUser && reposOfUser.length>0">
14
15
      <div *ngIf="reposOfUser.length>1" class="md-card uk-margin-bottom uk-width-1-3">
16
        <div class="md-card-content">
17
          <div class="md-input-wrapper md-input-filled">
18
            <label class="">Select repository</label>
19
            <select class="md-input" (change)="changeSelectedRepository($event.target.value)">
20 57992 andreas.ma
              <option *ngFor="let repo of reposOfUser; let i = index" value="{{ repo.id }}">{{ repo.officialname }}</option>
21 57185 stefania.m
            </select>
22
            <span class="md-input-bar"></span>
23
          </div>
24
        </div>
25
      </div>
26
27
      <!--FIRST NUMBERS-->
28 58065 stefania.m
      <div class="uk-grid uk-grid-match uk-child-width-1-4@l uk-child-width-1-2@m uk-child-width-1-1@s uk-grid-medium uk-sortable sortable-handler" data-uk-sortable="" data-uk-grid-margin="">
29 57185 stefania.m
        <div class="uk-row-first" style="">
30
          <div class="md-card">
31 57630 andreas.ma
            <a [routerLink]="['/compatibility/monitor/', selectedRepo.id]">
32 57586 andreas.ma
              <div class="md-card-content">
33 57630 andreas.ma
                <div class="uk-float-right uk-margin-top uk-margin-small-right"><span class="peity_live peity_data" style="display: none;">7,5,8,7,6,5,2,5,3,10,10,3,6,5,6,3,3,6,8,3</span><svg class="peity" height="28" width="64"><polygon fill="#efebe9" points="0 27.5 0 8.600000000000001 3.3684210526315788 14 6.7368421052631575 5.899999999999999 10.105263157894736 8.600000000000001 13.473684210526315 11.3 16.842105263157894 14 20.210526315789473 22.1 23.57894736842105 14 26.94736842105263 19.4 30.31578947368421 0.5 33.68421052631579 0.5 37.05263157894737 19.4 40.421052631578945 11.3 43.78947368421052 14 47.1578947368421 11.3 50.526315789473685 19.4 53.89473684210526 19.4 57.263157894736835 11.3 60.63157894736842 5.899999999999999 64 19.4 64 27.5"></polygon><polyline fill="none" points="0 8.600000000000001 3.3684210526315788 14 6.7368421052631575 5.899999999999999 10.105263157894736 8.600000000000001 13.473684210526315 11.3 16.842105263157894 14 20.210526315789473 22.1 23.57894736842105 14 26.94736842105263 19.4 30.31578947368421 0.5 33.68421052631579 0.5 37.05263157894737 19.4 40.421052631578945 11.3 43.78947368421052 14 47.1578947368421 11.3 50.526315789473685 19.4 53.89473684210526 19.4 57.263157894736835 11.3 60.63157894736842 5.899999999999999 64 19.4" stroke="#5d4037" stroke-width="1" stroke-linecap="square"></polyline></svg></div>
34
                <ng-container *ngIf="lastIndexedVersion">
35
                  <span class="uk-text-muted uk-text-small">Records collected <span *ngIf="lastIndexedVersion.date">on {{lastIndexedVersion.date | date : "yyyy-MM-dd"}}</span></span>
36
                  <h2 class="uk-margin-remove">{{lastIndexedVersion.numberOfRecords | number}}</h2>
37
                </ng-container>
38
                <ng-container *ngIf="!lastIndexedVersion">
39
                  <span class="uk-text-muted uk-text-small">Records collected</span>
40
                  <h2 class="uk-margin-remove">no data available</h2>
41
                </ng-container>
42 57586 andreas.ma
              </div>
43
            </a>
44 56635 antonis.le
          </div>
45 57185 stefania.m
        </div>
46
        <div style="">
47
          <div class="md-card">
48 57586 andreas.ma
            <a [routerLink]="['/getImpact/show_metrics/', selectedRepo.id]">
49
              <div class="md-card-content">
50
                <div class="uk-float-right uk-margin-top uk-margin-small-right"><span class="peity_sale peity_data" style="display: none;">5,3,9,6,5,9,7,3,5,2</span><svg class="peity" height="28" width="64"><polygon fill="#d1e4f6" points="0 27.5 0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5 64 27.5"></polygon><polyline fill="none" points="0 12.5 7.111111111111111 18.5 14.222222222222221 0.5 21.333333333333332 9.5 28.444444444444443 12.5 35.55555555555556 0.5 42.666666666666664 6.5 49.77777777777777 18.5 56.888888888888886 12.5 64 21.5" stroke="#0288d1" stroke-width="1" stroke-linecap="square"></polyline></svg></div>
51
                <span class="uk-text-muted uk-text-small">Downloads</span>
52
                <h2 class="uk-margin-remove">
53
                  <span *ngIf="totalDownloads == '--'">{{ totalDownloads }}</span>
54
                  <span *ngIf="totalDownloads != '--'">{{ totalDownloads | number }}</span>
55
                </h2>
56
              </div>
57
            </a>
58 56635 antonis.le
          </div>
59 57185 stefania.m
        </div>
60
        <div style="">
61
          <div class="md-card">
62 57586 andreas.ma
            <a [routerLink]="['/content/events/', selectedRepo.id]">
63
              <div class="md-card-content">
64
                <div class="uk-float-right uk-margin-top uk-margin-small-right"><span class="peity_orders peity_data" style="display: none;">64/100</span><svg class="peity" height="24" width="24"><path d="M 12 0 A 12 12 0 1 1 2.7538410866905263 19.649087876984275 L 7.376920543345263 15.824543938492138 A 6 6 0 1 0 12 6" data-value="64" fill="#8bc34a"></path><path d="M 2.7538410866905263 19.649087876984275 A 12 12 0 0 1 11.999999999999998 0 L 11.999999999999998 6 A 6 6 0 0 0 7.376920543345263 15.824543938492138" data-value="36" fill="#eee"></path></svg></div>
65
                <span class="uk-text-muted uk-text-small">Events</span>
66
                <h2 class="uk-margin-remove">
67
                  <span class="countUpMe">{{ totalNumberOfEvents | number }}</span>
68
                </h2>
69
              </div>
70
            </a>
71 56635 antonis.le
          </div>
72 57185 stefania.m
        </div>
73
        <div style="">
74
          <div class="md-card">
75 57630 andreas.ma
            <a [routerLink]="['/getImpact/show_metrics/', selectedRepo.id]">
76 57586 andreas.ma
              <div class="md-card-content">
77 57630 andreas.ma
                <div class="uk-float-right uk-margin-top uk-margin-small-right"><span class="peity_visitors peity_data" style="display: none;">5,3,9,6,5,9,7</span><svg class="peity" height="28" width="48"><rect data-value="5" fill="#d84315" x="1.3714285714285717" y="12.444444444444443" width="4.114285714285715" height="15.555555555555557"></rect><rect data-value="3" fill="#d84315" x="8.228571428571428" y="18.666666666666668" width="4.114285714285716" height="9.333333333333332"></rect><rect data-value="9" fill="#d84315" x="15.085714285714287" y="0" width="4.1142857142857086" height="28"></rect><rect data-value="6" fill="#d84315" x="21.942857142857147" y="9.333333333333336" width="4.114285714285707" height="18.666666666666664"></rect><rect data-value="5" fill="#d84315" x="28.800000000000004" y="12.444444444444443" width="4.114285714285707" height="15.555555555555557"></rect><rect data-value="9" fill="#d84315" x="35.65714285714286" y="0" width="4.114285714285707" height="28"></rect><rect data-value="7" fill="#d84315" x="42.51428571428572" y="6.222222222222221" width="4.114285714285707" height="21.77777777777778"></rect></svg></div>
78
                <span class="uk-text-muted uk-text-small">Views</span>
79
                <h2 class="uk-margin-remove">
80
                  <span *ngIf="pageViews == '--'" class="countUpMe">{{ pageViews }}</span>
81
                  <span *ngIf="pageViews != '--'" class="countUpMe">{{ pageViews | number }}</span>
82
                </h2>
83 57586 andreas.ma
              </div>
84
            </a>
85 57185 stefania.m
          </div>
86
        </div>
87
      </div>
88
89 58065 stefania.m
      <div class="uk-grid uk-grid-medium uk-grid-match" data-uk-grid-margin="" data-uk-grid-match="{target:'.md-card-content'}">
90 57185 stefania.m
91
        <!--COLLECTION MONITOR-->
92 58065 stefania.m
        <div class="uk-width-1-5@m uk-row-first">
93 57185 stefania.m
          <div class="md-card" style="min-height: 600px">
94
            <div class="md-card-content">
95
              <h3 class="heading_a uk-margin-bottom">Collection Monitor</h3>
96
              <div *ngIf="errorAggregationsMessage" class="uk-alert uk-alert-danger">{{ errorAggregationsMessage }}</div>
97
              <div *ngIf="loadingAggregationsMessage" class="loading-big">
98
                <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
99
                  {{ loadingAggregationsMessage }}
100 56635 antonis.le
                </div>
101 57185 stefania.m
                <div class="whiteFilm"></div>
102
              </div>
103
              <div *ngIf="noAggregations">{{ noAggregations }}</div>
104
105
              <div *ngIf="latestAggregations && (latestAggregations.length > 0) && !noAggregations">
106
                <div class="timeline timeline_small uk-margin-bottom">
107
                  <div *ngFor="let aggr of latestAggregations" class="timeline_item">
108
                    <div class="timeline_icon">
109
                      <ng-container *ngIf="aggr.indexedVersion">
110
                        <img src="https://www.openaire.eu/images/Logos/Favicon-90x90.png" style="width: 80%;margin-top: 9%;">
111
                      </ng-container>
112 54479 myrto.kouk
                    </div>
113 57185 stefania.m
                    <div *ngIf="aggr.date" class="timeline_date">
114
                      {{ aggr.date | date : "yyyy-MM-dd" }}
115
                    </div>
116
                    <div class="timeline_content">
117
118
                      <div *ngIf="aggr.indexedVersion" class="ng-star-inserted uk-badge uk-margin-small-bottom">Indexed version</div>
119
120
                      <div *ngIf="aggr.aggregationStage" class="uk-margin-small-bottom">
121
                        <div class="inline-block" style="vertical-align: top">
122
                        <span *ngIf="aggr.aggregationStage=='TRANSFORM'" class="md-user-image md-list-addon-avatar dense-image dense-ready">
123
                        <i class="material-icons">transform</i>
124
                      </span>
125
                          <span *ngIf="aggr.aggregationStage=='COLLECT'" class="md-user-image md-list-addon-avatar dense-image dense-ready">
126
                        <i class="material-icons">collections</i>
127
                      </span>
128
                        </div>
129
                        <div class="inline-block uk-margin-left">
130
                          <div class="md-list-heading">Aggregation stage</div>
131
                          <div class="uk-text-small uk-text-muted">{{ aggr.aggregationStage }}</div>
132
                        </div>
133
                      </div>
134
135
                      <div *ngIf="aggr.collectionMode" class="uk-margin-small-bottom">
136
                        <div class="inline-block" style="vertical-align: top">
137
                        <span *ngIf="aggr.collectionMode=='REFRESH'" class="md-user-image md-list-addon-avatar dense-image dense-ready">
138
                          <i class="material-icons">refresh</i>
139
                        </span>
140
                        </div>
141
142
                        <div class="inline-block uk-margin-left">
143
                          <div class="md-list-heading">Collection mode</div>
144
                          <div class="uk-text-small uk-text-muted">{{ aggr.collectionMode }}</div>
145
                        </div>
146
                      </div>
147
148
                      <div *ngIf="aggr.numberOfRecords" class="uk-margin-small-bottom">
149
                        <div class="inline-block" style="vertical-align: top">
150
                        <span class="md-user-image md-list-addon-avatar dense-image dense-ready">
151
                          <i class="material-icons">list</i>
152
                        </span>
153
                        </div>
154
155
                        <div class="inline-block uk-margin-left">
156
                          <div class="md-list-heading">Number of records</div>
157
                          <div class="uk-text-small uk-text-muted">{{ aggr.numberOfRecords | number }}</div>
158
                        </div>
159
                      </div>
160
161
                    </div>
162 54479 myrto.kouk
                  </div>
163
                </div>
164
              </div>
165 57586 andreas.ma
              <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/compatibility/monitor/', selectedRepo.id]">view more..</a></div>
166 54479 myrto.kouk
            </div>
167
          </div>
168
        </div>
169 56635 antonis.le
170 58065 stefania.m
        <div class="uk-width-expand@m">
171 56635 antonis.le
172 57185 stefania.m
          <!--VALIDATIONS-->
173
          <div class="md-card"  style="min-height: 300px">
174
            <div class="md-card-content">
175
              <h3 class="heading_a uk-margin-bottom">Validation History</h3>
176
              <div class="uk-overflow-container">
177 57586 andreas.ma
                <div *ngIf="noValidationsMessage">{{ noValidationsMessage }}</div>
178
                <div *ngIf="errorValidationsMessage" class="uk-alert uk-alert-danger">{{ errorValidationsMessage }}</div>
179
                <div *ngIf="loadingJobSummaryMessage" class="loading-big">
180
                  <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
181
                    {{ loadingJobSummaryMessage }}
182
                  </div>
183
                  <div class="whiteFilm"></div>
184
                </div>
185
186
                <table *ngIf="storedJob && (storedJob.length > 0) && !noValidationsMessage" class="uk-table">
187 57185 stefania.m
                  <thead>
188
                  <tr>
189
                    <th class="uk-text-nowrap">Base URL</th>
190 57586 andreas.ma
                    <th class="uk-text-nowrap">Validation Type</th>
191 57185 stefania.m
                    <th class="uk-text-nowrap">Status</th>
192 57586 andreas.ma
                    <th class="uk-text-nowrap">Score</th>
193
                    <th class="uk-text-nowrap uk-text-right">Guidelines</th>
194 57185 stefania.m
                  </tr>
195
                  </thead>
196
                  <tbody>
197 57586 andreas.ma
                  <tr *ngFor="let job of storedJob" class="uk-table-middle uk-text-muted">
198
                    <td class="uk-width-3-10 uk-text-nowrap"><div>{{ job.baseUrl }}</div></td>
199
                    <td>
200
                      <div *ngIf="job.validationType.includes('C')" class="">OAI Content</div>
201
                      <div *ngIf="job.validationType.includes('U')" class="">OAI Usage</div>
202 57185 stefania.m
                    </td>
203 57586 andreas.ma
                    <td class="uk-text-nowrap">
204
                      <div [ngClass]="job.contentJobStatus == 'finished' ? 'uk-badge uk-badge-success':
205
                      ( job.contentJobStatus == 'ongoing' ) ? 'uk-badge' :
206
                      ( job.contentJobStatus == 'none' ) ? 'uk-badge uk-badge-warning' : 'clear-style' ">{{ job.contentJobStatus }}</div>
207
                      <br *ngIf="job.contentJobStatus == 'finished' || 'ongoing' || 'none' ">
208
                      <div [ngClass]="job.usageJobStatus == 'finished' ? 'uk-badge uk-badge-success':
209
                      ( job.usageJobStatus == 'ongoing' ) ? 'uk-badge' :
210
                      ( job.usageJobStatus == 'none' ) ? 'uk-badge uk-badge-warning' : 'clear-style' ">{{ job.usageJobStatus }}</div>
211 57185 stefania.m
                    </td>
212 57586 andreas.ma
                    <td>
213
                      <div>{{ job.contentJobScore }}</div>
214
                      <div>{{ job.usageJobScore }}</div>
215 57185 stefania.m
                    </td>
216 57586 andreas.ma
                    <td class="uk-width-3-10 uk-text-right"><div>{{ job.guidelinesShortName }}</div></td>
217 57185 stefania.m
                  </tr>
218
                  </tbody>
219
                </table>
220 57586 andreas.ma
                <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/compatibility/browseHistory/']">view more..</a></div>
221 57185 stefania.m
              </div>
222 56635 antonis.le
            </div>
223
          </div>
224
225 57185 stefania.m
          <!--USAGE STATISTICS-->
226
          <div class="md-card" style="min-height: 300px">
227
            <div class="md-card-content">
228 56635 antonis.le
229 57185 stefania.m
              <h3 class="heading_a uk-margin-bottom">Usage Statistics</h3>
230
231
              <div *ngIf="errorUsageStatsMessage" class="uk-alert uk-alert-danger">{{ errorUsageStatsMessage }}</div>
232
              <div *ngIf="noUsageStats" class="">{{ noUsageStats }}</div>
233
              <div *ngIf="loadingUsageStatsMessage" class="loading-big">
234
                <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
235
                  {{ loadingUsageStatsMessage }}
236 56635 antonis.le
                </div>
237 57185 stefania.m
                <div class="whiteFilm"></div>
238
              </div>
239 56635 antonis.le
240 57185 stefania.m
              <div *ngIf="!loadingUsageStatsMessage && !errorUsageStatsMessage && !noUsageStats && usageSummary" class="uk-grid">
241
242
                <div class="uk-width-3-4">
243
                  <iframe *ngIf="viewsUrl" class="statsFrame" [src]="viewsUrl"></iframe>
244
                </div>
245
                <div class="uk-width-1-4">
246
                  <h2 class="heading_b uk-margin-bottom">
247
                    <span class="sub-heading">Last month's reports</span>
248
                  </h2>
249
                  <div class="uk-margin-top">
250 57586 andreas.ma
                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"
251
                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'AR1', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">AR1</a>
252 56635 antonis.le
                  </div>
253 57185 stefania.m
                  <div class="uk-margin-top">
254 57586 andreas.ma
                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"
255
                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'IR1', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">IR1</a>
256 56635 antonis.le
                  </div>
257 57185 stefania.m
                  <div class="uk-margin-top">
258 57586 andreas.ma
                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"
259
                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'RR1', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">RR1</a>
260 56635 antonis.le
                  </div>
261 57185 stefania.m
                  <div class="uk-margin-top">
262 57586 andreas.ma
                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"
263
                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'BR1', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">BR1</a>
264 56635 antonis.le
                  </div>
265 57185 stefania.m
                  <div class="uk-margin-top">
266 57586 andreas.ma
                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"
267
                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'BR2', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">BR2</a>
268 56635 antonis.le
                  </div>
269 57993 andreas.ma
                  <div *ngIf="selectedRepo && selectedRepo.typology.includes('journal')" class="uk-margin-top">
270 57586 andreas.ma
                    <a class="md-btn md-btn-large md-btn-block md-btn-wave-light waves-effect waves-button waves-light"
271
                       [routerLink]="['/getImpact/usagestats-report-results']" [queryParams]="{ report:'RR1', beginDate: currentDate, endDate: currentDate, repoId: shortSelectedRepoId, granularity:'Monthly'}">RR1</a>
272 57185 stefania.m
                  </div>
273 56635 antonis.le
                </div>
274
275
              </div>
276 57185 stefania.m
277 56635 antonis.le
            </div>
278 57586 andreas.ma
            <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/getImpact/show_metrics/', selectedRepo.id]">view more..</a></div>
279 56635 antonis.le
          </div>
280
281 57185 stefania.m
        </div>
282
      </div>
283 56635 antonis.le
284 58065 stefania.m
      <div class="uk-grid uk-grid-medium" data-uk-grid-margin="" data-uk-grid-match="{target:'.md-card-content'}">
285 56635 antonis.le
286 57185 stefania.m
        <!--EVENTS - MORE-->
287 58065 stefania.m
        <div class="uk-width-1-3@m uk-row-first">
288 57185 stefania.m
          <div class="md-card" style="min-height: 200px">
289
            <div class="md-card-toolbar">
290
              <h3 class="md-card-toolbar-heading-text">
291
                Events - MORE
292
              </h3>
293
            </div>
294
            <div class="md-card-content">
295
              <div *ngIf="errorTopicsMessage" class="uk-alert uk-alert-danger">{{ errorTopicsMessage }}</div>
296
              <div *ngIf="loadingTopicsMessage" class="loading-big">
297
                <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
298
                  {{ loadingTopicsMessage }}
299
                </div>
300
                <div class="whiteFilm"></div>
301
              </div>
302
              <div *ngIf="!moreList || moreList.length==0">No topics for these kind of events were found</div>
303
              <div *ngIf="moreList && moreList.length>0">
304
                <ul class="md-list md-list-addon gmap_list">
305
                  <li *ngFor="let moreTopic of moreList">
306
                    <div class="md-list-addon-element">
307
                      <span>{{ moreTopic.size | number }}</span>
308
                      <!--<img class="md-user-image md-list-addon-avatar" src="assets/img/avatars/avatar_01_tn.png" alt="">-->
309
                    </div>
310
                    <div class="md-list-content">
311
                      <span class="md-list-heading">{{ moreTopic.value }}</span>
312
                      <!--<span class="uk-text-small uk-text-muted">Lockman, Pouros and Kilback</span>-->
313
                    </div>
314
                  </li>
315
                </ul>
316
              </div>
317
            </div>
318 57586 andreas.ma
            <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/content/events/', selectedRepo.id]">view more..</a></div>
319 57185 stefania.m
          </div>
320 56635 antonis.le
        </div>
321 57185 stefania.m
322
        <!--EVENTS - MISSING-->
323 58065 stefania.m
        <div class="uk-width-1-3@m">
324 57185 stefania.m
          <div class="md-card" style="min-height: 200px">
325
            <div class="md-card-toolbar">
326
              <h3 class="md-card-toolbar-heading-text">
327
                Events - MISSING
328
              </h3>
329
            </div>
330
            <div class="md-card-content">
331
              <div *ngIf="errorTopicsMessage" class="uk-alert uk-alert-danger">{{ errorTopicsMessage }}</div>
332
              <div *ngIf="loadingTopicsMessage" class="loading-big">
333
                <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
334
                  {{ loadingTopicsMessage }}
335
                </div>
336
                <div class="whiteFilm"></div>
337
              </div>
338
              <div *ngIf="!missingList || missingList.length==0">No topics for these kind of events were found</div>
339
              <div *ngIf="missingList && missingList.length>0">
340
                <ul class="md-list md-list-addon gmap_list">
341
                  <li *ngFor="let missingTopic of missingList">
342
                    <div class="md-list-addon-element">
343
                      <span>{{ missingTopic.size | number }}</span>
344
                      <!--<img class="md-user-image md-list-addon-avatar" src="assets/img/avatars/avatar_01_tn.png" alt="">-->
345
                    </div>
346
                    <div class="md-list-content">
347
                      <span class="md-list-heading">{{ missingTopic.value }}</span>
348
                      <!--<span class="uk-text-small uk-text-muted">Lockman, Pouros and Kilback</span>-->
349
                    </div>
350
                  </li>
351
                </ul>
352
              </div>
353
            </div>
354 57586 andreas.ma
            <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/content/events/', selectedRepo.id]">view more..</a></div>
355 57185 stefania.m
          </div>
356
        </div>
357
358
        <!--NOTIFICATIONS-->
359 58065 stefania.m
        <div class="uk-width-1-3@m">
360 57185 stefania.m
          <div class="md-card" style="min-height: 200px">
361
            <div class="md-card-toolbar">
362
              <h3 class="md-card-toolbar-heading-text">
363
                Notifications
364
              </h3>
365
            </div>
366
            <div class="md-card-content">
367
              <div *ngIf="errorSubscriptionsMessage" class="uk-alert uk-alert-danger">{{ errorSubscriptionsMessage }}</div>
368
              <div *ngIf="loadingSubscriptionsMessage" class="loading-big">
369
                <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">
370
                  {{ loadingSubscriptionsMessage }}
371
                </div>
372
                <div class="whiteFilm"></div>
373
              </div>
374
              <div *ngIf="!brokerSummary || !brokerSummary.userSubs">No notifications were found</div>
375
              <div *ngIf="brokerSummary && brokerSummary.userSubs">
376
                <ul class="md-list md-list-addon gmap_list">
377 57992 andreas.ma
                  <li *ngFor="let sub of brokerSummary.userSubs[selectedRepo.officialname]">
378 57185 stefania.m
                    <div class="md-list-addon-element">
379
                      <span>{{ sub.count | number }}</span>
380
                      <!--<img class="md-user-image md-list-addon-avatar" src="assets/img/avatars/avatar_01_tn.png" alt="">-->
381
                    </div>
382
                    <div class="md-list-content">
383
                      <span class="md-list-heading">{{ sub.topic }}</span>
384
                      <!--<span class="uk-text-small uk-text-muted">Lockman, Pouros and Kilback</span>-->
385
                    </div>
386
                  </li>
387
                </ul>
388
              </div>
389
            </div>
390 57586 andreas.ma
            <div class="uk-position-bottom-right" style="margin-bottom: 10px; margin-right: 10px"><a [routerLink]="['/content/notifications']">view more..</a></div>
391 57185 stefania.m
          </div>
392
        </div>
393 56635 antonis.le
      </div>
394
395 54479 myrto.kouk
    </div>
396 57185 stefania.m
397
398
399
400 54479 myrto.kouk
  </div>
401
</div>
402 57185 stefania.m
403
<!--<div *ngIf="getIsUserLoggedIn()" id="contentWrapper" class="tm-main uk-section uk-section-default" uk-height-viewport="expand: true" style="box-sizing: border-box;" >-->
404
405
406
  <!--<div class="uk-container uk-container-expand">-->
407
    <!--<div class="uk-sticky-placeholder" style="height: 84px; margin: 0px;" aria-hidden="aria-hidden"></div>-->
408
    <!--<div class="uk-grid uk-padding">-->
409
      <!--<div class="uk-width-3-4@m uk-first-column">-->
410
        <!--<div class="uk-margin uk-grid-match uk-child-width-1-1 uk-child-width-1-2@m uk-grid-small uk-grid uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" uk-grid="" style="">-->
411
          <!--<div class="uk-first-column">-->
412
            <!--<div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">-->
413
              <!--<a class="el-link uk-position-cover uk-margin-remove-adjacent"  [routerLink]="['/sources','register']" uk-scroll=""></a>-->
414
              <!--<div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">-->
415
                <!--<div class="uk-width-1-2@m uk-first-column">-->
416
                  <!--<img  class="el-image uk-border-rounded" src="../../../assets/imgs/iStock-153949408.jpg" >-->
417
                <!--</div>-->
418
                <!--<div>-->
419
                  <!--<div>-->
420
                    <!--<h3 class="el-title uk-margin uk-card-title">Register</h3>-->
421
                    <!--<div class="el-content uk-margin">-->
422
                      <!--Register data sources in the OpenAIRE infrastructure-->
423
                    <!--</div>-->
424
                  <!--</div>-->
425
                <!--</div>-->
426
              <!--</div>-->
427
            <!--</div>-->
428
          <!--</div>-->
429
          <!--<div>-->
430
            <!--<div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">-->
431
              <!--<a class="el-link uk-position-cover uk-margin-remove-adjacent" [routerLink]="['/compatibility','validate']" uk-scroll=""></a>-->
432
              <!--<div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">-->
433
                <!--<div class="uk-width-1-2@m uk-first-column">-->
434
                  <!--<img  class="el-image uk-border-rounded" src="../../../assets/imgs/iStock-516286898.jpg" >-->
435
                <!--</div>-->
436
                <!--<div>-->
437
                  <!--<div>-->
438
                    <!--<h3 class="el-title uk-margin uk-card-title">Validate</h3>-->
439
                    <!--<div class="el-content uk-margin">-->
440
                      <!--Validate data sources against OpenAIRE guidelines-->
441
                    <!--</div>-->
442
                  <!--</div>-->
443
                <!--</div>-->
444
              <!--</div>-->
445
            <!--</div>-->
446
          <!--</div>-->
447
          <!--<div class="uk-grid-margin uk-first-column">-->
448
            <!--<div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">-->
449
              <!--<a class="el-link uk-position-cover uk-margin-remove-adjacent" [routerLink]="['/content','notifications']" uk-scroll=""></a>-->
450
              <!--<div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">-->
451
                <!--<div class="uk-width-1-2@m uk-first-column">-->
452
                  <!--<img  class="el-image uk-border-rounded" src="../../../assets/imgs/iStock-466267165.jpg" >-->
453
                <!--</div>-->
454
                <!--<div>-->
455
                  <!--<div>-->
456
                    <!--<h3 class="el-title uk-margin uk-card-title">Notifications</h3>-->
457
                    <!--<div class="el-content uk-margin">-->
458
                      <!--View notifications to enrich the metadata and the content-->
459
                    <!--</div>-->
460
                  <!--</div>-->
461
                <!--</div>-->
462
              <!--</div>-->
463
            <!--</div>-->
464
          <!--</div>-->
465
          <!--<div class="uk-grid-margin">-->
466
            <!--<div class="el-item uk-card uk-card-hover uk-card-body uk-scrollspy-inview uk-animation-fade" uk-scrollspy-class="" style="">-->
467
              <!--<a class="el-link uk-position-cover uk-margin-remove-adjacent" uk-scroll="" [routerLink]="['/getImpact']"></a>-->
468
              <!--<div class="uk-child-width-expand uk-flex-middle uk-grid" uk-grid="">-->
469
                <!--<div class="uk-width-1-2@m uk-first-column">-->
470
                  <!--<img  class="el-image uk-border-rounded" src="../../../assets/imgs/iStock-659630328.jpg" >-->
471
                <!--</div>-->
472
                <!--<div>-->
473
                  <!--<div>-->
474
                    <!--<h3 class="el-title uk-margin uk-card-title">Metrics</h3>-->
475
                    <!--<div class="el-content uk-margin">-->
476
                      <!--View aggregated, cleaned usage statistics for repository access-->
477
                    <!--</div>-->
478
                  <!--</div>-->
479
                <!--</div>-->
480
              <!--</div>-->
481
            <!--</div>-->
482
          <!--</div>-->
483
        <!--</div>-->
484
      <!--</div>-->
485
486
      <!--<div class="uk-width-1-4@m">-->
487
        <!--<div class="uk-card uk-card-body uk-card-grey" style="min-height: 300px;">-->
488
          <!--<h5 class="">MY DATASOURCES AT A GLANCE</h5>-->
489
490
          <!--<div *ngIf="loading">-->
491
            <!--<div class="loader-big" style="text-align: center; padding-top: 100px; color: rgb(47, 64, 80); font-weight: bold;">-->
492
              <!--Retrieving your datasources...-->
493
            <!--</div>-->
494
            <!--<div class="whiteFilm"></div>-->
495
          <!--</div>-->
496
497
          <!--<div *ngIf="!loading">-->
498
            <!--<div *ngIf="repositories && repositories.length>0">-->
499
              <!--<div *ngFor="let repository of repositories" class="uk-margin-bottom uk-margin-top">-->
500
501
                <!--<div class="uk-padding-small" style="background-color: #fff">-->
502
                  <!--<div class="uk-inline uk-width-1-3@m">-->
503
                    <!--<img src="{{repository.logoURL ? repository.logoURL : '../../../assets/imgs/yourLogoHere.jpg'}}" alt="">-->
504
                  <!--</div>-->
505
                  <!--<div class="uk-inline uk-width-2-3@m">-->
506
                    <!--<div class="uk-margin-left">{{repository.repositoryName}}</div>-->
507
                  <!--</div>-->
508
                <!--</div>-->
509
510
                <!--<div class="uk-margin-small-top">-->
511
                  <!--<div>Number of records collected:-->
512
                    <!--<span *ngIf="repository.recordsCollected">{{repository.recordsCollected}}</span>-->
513
                    <!--<span *ngIf="!repository.recordsCollected">not available</span>-->
514
                  <!--</div>-->
515
                  <!--<div>Last indexed version:-->
516
                    <!--<span *ngIf="repository.lastIndexedVersion">{{repository.lastIndexedVersion | date :'short'}}</span>-->
517
                    <!--<span *ngIf="!repository.lastIndexedVersion">not available</span>-->
518
                  <!--</div>-->
519
                  <!--<div>Content enrichment events:-->
520
                    <!--<span *ngIf="repository.enrichmentEvents">{{repository.enrichmentEvents}}</span>-->
521
                    <!--<span *ngIf="!repository.enrichmentEvents">not available</span>-->
522
                  <!--</div>-->
523
                  <!--<div>Views:-->
524
                    <!--<span *ngIf="repository.totalViews">{{repository.totalViews}}</span>-->
525
                    <!--<span *ngIf="!repository.totalViews">not available</span>-->
526
                  <!--</div>-->
527
                  <!--<div>Downloads:-->
528
                    <!--<span *ngIf="repository.totalDownloads">{{repository.totalDownloads}}</span>-->
529
                    <!--<span *ngIf="!repository.totalDownloads">not available</span>-->
530
                  <!--</div>-->
531
                <!--</div>-->
532
533
              <!--</div>-->
534
            <!--</div>-->
535
            <!--<div *ngIf="!repositories || repositories.length==0">-->
536
              <!--No repositories available...-->
537
            <!--</div>-->
538
          <!--</div>-->
539
540
541
542
        <!--</div>-->
543
      <!--</div>-->
544
545
    <!--</div>-->
546
  <!--</div>-->
547
<!--</div>-->