Project

General

Profile

1
<!--<div class="uk-sticky-placeholder" style="height: 81px; margin: 0px;">-->
2
  <!--<div id="page_heading" style="position: fixed; top: 48px; width: 1440px;" class="uk-sticky-init uk-active">-->
3
    <!--&lt;!&ndash;<div id="page_heading"  data-uk-sticky="{ top: 48, media: 960 }" style="position: fixed; top: 48px; width: 1440px;" class="uk-sticky-init uk-active">&ndash;&gt;-->
4
    <!--<div class="heading_actions">-->
5
      <!--<button id="subscribe" type="button" class="uk-button uk-button-success" (click)="showSubscriptionModal()">Subscribe to these events</button>-->
6
    <!--</div>-->
7
    <!--<h1>{{ repoName }}</h1>-->
8
    <!--<span class="uk-text-upper uk-text-small">{{ topic }}</span>-->
9
  <!--</div>-->
10
<!--</div>-->
11

    
12
<div id="page_content_inner" class="uk-margin-medium-left uk-margin-medium-right uk-margin-top">
13

    
14
  <div class="uk-margin-bottom">
15
    <h2 class="heading_b uk-margin-bottom uk-inline">{{ topic }}</h2>
16

    
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>-->
23
    </div>
24
  </div>
25

    
26
  <!-- TOP HELP CONTENT -->
27
  <help-content #topHelperContent [position]="'top'"
28
                [ngClass]="topHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
29
  </help-content>
30

    
31
  <div class="uk-grid">
32

    
33
    <!-- LEFT HELP CONTENT -->
34
    <aside-help-content #leftHelperContent [position]="'left'"
35
                        [ngClass]="leftHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
36
    </aside-help-content>
37

    
38
    <!-- MIDDLE -->
39
    <div class=" uk-width-expand@m">
40

    
41
      <div>
42
        <div *ngIf="errorMessage" class="uk-alert uk-alert-danger">{{errorMessage}}</div>
43
        <div *ngIf="successMessage" class="uk-alert uk-alert-success">{{successMessage}}</div>
44
        <div *ngIf="loadingMessage" class="loading-big">
45
          <div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">{{ loadingMessage }}</div>
46
          <div class="transparentFilm"></div>
47
        </div>
48
        <div *ngIf="noEvents" class="uk-alert">{{ noEvents }}</div>
49
        <div *ngIf="!noEvents && !loadingMessage && !errorMessage && eventsPage && eventsPage.totalPages>0" class="events-results">
50

    
51
          <!-- RESTORE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE -->
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>-->
53

    
54
          <!-- DELETE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE -->
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>-->
56

    
57
          <div class="uk-alert uk-alert-info">
58
            This is a preview of the top 100 events generated for this topic. If you are interested to receive the full list, please subscribe to these events and then be notified about the new enrichment events for your data source.
59
          </div>
60

    
61
          <div style="display: flex;justify-content: space-between;">
62

    
63
            <div class="resultsInfo" style="margin-top: auto;">
64
              <span class="number">{{eventsPage.total}}</span> RESULTS, PAGE <span class="number">{{(currentPage)+1}}</span> OF <span class="number">{{ eventsPage.totalPages }}</span>
65
            </div>
66

    
67
            <div class="uk-inline">
68
              <ul class="uk-pagination" uk-margin>
69
                <li><a (click)="goToPreviousPage()"><span uk-pagination-previous></span></a></li>
70
                <li class="uk-active"><span>{{ (eventsPage.totalPages > 0) ? currentPage+1 : 0 }}</span></li>
71
                <li><a (click)="goToNextPage()"><span uk-pagination-next></span></a></li>
72
              </ul>
73
            </div>
74

    
75
          </div>
76

    
77

    
78
          <hr class="adminResultsHeader">
79

    
80

    
81
          <!--<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' : '' }}">-->
82
          <div *ngFor="let event of eventsPage.values; let item_i = index" class="md-card md-card-hover eventCard">
83
            <div class="md-card-content large-padding">
84

    
85
              <div *ngIf="event.result.originalId" class="uk-text-meta">ID: {{event.result.originalId}}</div>
86

    
87
              <div *ngIf="event.result.titles && event.result.titles.length>0">
88
                <div class="repositoryCardHeader uk-margin-bottom uk-margin-small-top">
89
                  <h4>{{ event.result.titles[0] }}</h4>
90
                </div>
91
              </div>
92

    
93
              <ng-container *ngIf="event.highlight.creators && event.highlight.creators.length>0">
94

    
95
                <div class="small-content">
96
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.creators.length}} author ORCID(s) added</span>
97
                  <span class="mute-title">FROM: </span>
98
                  <ng-container *ngIf="event.provenance.url">
99
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
100
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
101
                  </ng-container>
102
                  <ng-container *ngIf="!event.provenance.url">
103
                    <span>{{ event.provenance.repositoryName }}</span>
104
                  </ng-container>
105
                </div>
106

    
107
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
108
                  <div *ngFor="let author of event.highlight.creators; let p_index = index" class="uk-margin-small-bottom">
109
                    <span class="highlightIndex">{{(p_index + 1)}}. </span>
110
                    <span>{{ author.fullname }} <b>&nbsp;&nbsp;({{ author.orcid }})&nbsp;&nbsp;</b></span>
111
                  </div>
112
                </div>
113

    
114
              </ng-container>
115

    
116
              <ng-container *ngIf="event.highlight.pids && event.highlight.pids.length>0">
117

    
118
                <div class="small-content">
119
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.pids.length}} PID(s) added</span>
120
                  <span class="mute-title">FROM: </span>
121
                  <ng-container *ngIf="event.provenance.url">
122
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
123
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
124
                  </ng-container>
125
                  <ng-container *ngIf="!event.provenance.url">
126
                    <span>{{ event.provenance.repositoryName }}</span>
127
                  </ng-container>
128
                </div>
129

    
130
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
131
                  <div *ngFor="let pid of event.highlight.pids; let p_index = index" class="uk-margin-small-bottom">
132
                    <span class="highlightIndex">{{(p_index + 1)}}. </span>
133
                    <span>{{ pid.value }} <b>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</b></span>
134
                  </div>
135
                </div>
136

    
137
              </ng-container>
138

    
139
              <ng-container *ngIf="event.highlight.abstracts && event.highlight.abstracts.length>0">
140

    
141
                <div class="small-content">
142
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.abstracts.length}} Abstract(s) added</span>
143
                  <span class="mute-title">FROM: </span>
144
                  <ng-container *ngIf="event.provenance.url">
145
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
146
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
147
                  </ng-container>
148
                  <ng-container *ngIf="!event.provenance.url">
149
                    <span>{{ event.provenance.repositoryName }}</span>
150
                  </ng-container>
151
                </div>
152

    
153
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
154
                  <div *ngFor="let abs of event.highlight.abstracts; let a_index = index" class="uk-margin-small-bottom">
155
                    <span class="highlightIndex">{{(a_index + 1)}}. </span>
156
                    <span class=""><read-more-text [text]="abs" [maxHeight]="40"></read-more-text></span>
157
                  </div>
158
                </div>
159

    
160
              </ng-container>
161

    
162
              <ng-container *ngIf="event.highlight.projects && event.highlight.projects.length>0">
163

    
164
                <div class="small-content">
165
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.projects.length}} Project(s) added</span>
166
                  <span class="mute-title">FROM: </span>
167
                  <ng-container *ngIf="event.provenance.url">
168
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
169
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
170
                  </ng-container>
171
                  <ng-container *ngIf="!event.provenance.url">
172
                    <span>{{ event.provenance.repositoryName }}</span>
173
                  </ng-container>
174
                </div>
175

    
176
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
177
                  <div *ngFor="let proj of event.highlight.projects; let p_index = index" class="uk-margin-small-bottom">
178
                    <span class="highlightIndex">{{(p_index + 1)}}. </span>
179
                    <span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>
180
                    <span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>
181
                    <span *ngIf="(proj.funder && proj.funder !=='') ||
182
                                 (proj.fundingProgram && proj.fundingProgram !=='')">
183
                      (<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span>
184
                      <span *ngIf="(proj.funder && proj.funder !=='') &&
185
                                   (proj.fundingProgram && proj.fundingProgram !=='')">/</span>
186
                      <span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>)
187
                    </span>
188
                  </div>
189
                </div>
190

    
191
              </ng-container>
192

    
193
              <ng-container *ngIf="event.highlight.subjects && event.highlight.subjects.length>0">
194

    
195
                <div class="small-content">
196
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.subjects.length}} Subject(s) added</span>
197
                  <span class="mute-title">FROM: </span>
198
                  <ng-container *ngIf="event.provenance.url">
199
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
200
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
201
                  </ng-container>
202
                  <ng-container *ngIf="!event.provenance.url">
203
                    <span>{{ event.provenance.repositoryName }}</span>
204
                  </ng-container>
205
                </div>
206

    
207
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
208
                  <div *ngFor="let subj of event.highlight.subjects; let s_index = index" class="uk-margin-small-bottom">
209
                    <span class="highlightIndex">{{(s_index + 1)}}. </span>
210
                    <span>{{ subj.value }}</span>
211
                  </div>
212
                </div>
213

    
214
              </ng-container>
215

    
216
              <ng-container *ngIf="event.highlight.publications && event.highlight.publications.length>0">
217

    
218
                <div class="small-content">
219
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.publications.length}} Publications(s) added</span>
220
                  <span class="mute-title">FROM: </span>
221
                  <ng-container *ngIf="event.provenance.url">
222
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
223
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
224
                  </ng-container>
225
                  <ng-container *ngIf="!event.provenance.url">
226
                    <span>{{ event.provenance.repositoryName }}</span>
227
                  </ng-container>
228
                </div>
229

    
230
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
231
                  <div *ngFor="let pub of event.highlight.publications; let p_index = index" class="uk-margin-small-bottom">
232
                    <span class="highlightIndex">{{(p_index + 1)}}. </span>
233
                    <span>{{ pub.title }} (ID: {{pub.originalId}})</span>
234
                  </div>
235
                </div>
236

    
237
              </ng-container>
238

    
239
              <ng-container *ngIf="event.highlight.datasets && event.highlight.datasets.length>0">
240

    
241
                <div class="small-content">
242
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.datasets.length}} Dataset(s) added</span>
243
                  <span class="mute-title">FROM: </span>
244
                  <ng-container *ngIf="event.provenance.url">
245
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
246
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
247
                  </ng-container>
248
                  <ng-container *ngIf="!event.provenance.url">
249
                    <span>{{ event.provenance.repositoryName }}</span>
250
                  </ng-container>
251
                </div>
252

    
253
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
254
                  <div *ngFor="let dataset of event.highlight.datasets; let d_index = index" class="uk-margin-small-bottom">
255
                    <span class="highlightIndex">{{(d_index + 1)}}. </span>
256
                    <span>{{ dataset.title }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span>
257
                  </div>
258
                </div>
259

    
260
              </ng-container>
261

    
262
              <ng-container *ngIf="event.highlight.softwares && event.highlight.softwares.length>0">
263

    
264
                <div class="small-content">
265
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.softwares.length}} Software(s) added</span>
266
                  <span class="mute-title">FROM: </span>
267
                  <ng-container *ngIf="event.provenance.url">
268
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
269
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
270
                  </ng-container>
271
                  <ng-container *ngIf="!event.provenance.url">
272
                    <span>{{ event.provenance.repositoryName }}</span>
273
                  </ng-container>
274
                </div>
275

    
276
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
277
                  <div *ngFor="let software of event.highlight.softwares; let s_index = index" class="uk-margin-small-bottom">
278
                    <span class="highlightIndex">{{(s_index + 1)}}. </span>
279
                    <span>{{ software.name }}</span>
280
                    <span *ngIf="software.description"> <br> {{ software.description }}</span>
281
                    <span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span>
282
                  </div>
283
                </div>
284

    
285
              </ng-container>
286

    
287
              <ng-container *ngIf="event.highlight.instances && event.highlight.instances.length>0">
288

    
289
                <div class="small-content">
290
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.instances.length}} OA version(s) added</span>
291
                  <span class="mute-title">FROM: </span>
292
                  <ng-container *ngIf="event.provenance.url">
293
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
294
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
295
                  </ng-container>
296
                  <ng-container *ngIf="!event.provenance.url">
297
                    <span>{{ event.provenance.repositoryName }}</span>
298
                  </ng-container>
299
                </div>
300

    
301
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
302
                  <div *ngFor="let l of event.highlight.instances; let l_index = index" class="uk-margin-small-bottom">
303
                    <span class="highlightIndex">{{(l_index + 1)}}. </span>
304
                    <span>
305
                    {{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b>
306
                    <a href="{{ l.url }}" target="_blank" class="uk-margin-left">{{ l.url }}</a>
307
                  </span>
308
                  </div>
309
                </div>
310

    
311
              </ng-container>
312

    
313
              <div *ngIf="selectedItemIndex == item_i" class="uk-text-meta uk-text-center">
314
                <a (click)="showLess(item_i)">Show less <i class="fas fa-angle-up uk-margin-small-left"></i></a>
315
              </div>
316

    
317
              <div *ngIf="selectedItemIndex != item_i" class="uk-text-meta uk-text-center">
318
                <a (click)="showMore(item_i)">Show more <i class="fas fa-angle-down uk-margin-small-left"></i></a>
319
              </div>
320

    
321
              <ng-container *ngIf="selectedItemIndex == item_i">
322
                <hr>
323

    
324
                <!--AUTHORS-->
325
                <div *ngIf="event.result.creators && event.result.creators.length>0" class="uk-margin-small-bottom">
326
                  <span class="mute-title">Author(s): </span>
327
                  <span *ngFor="let auth of event.result.creators; let au_index = index" class="small-content">
328
                    <span *ngIf="au_index>0"> | </span>
329
                    <span>{{ auth.fullname }} <b>&nbsp;({{ auth.orcid }})&nbsp;&nbsp;</b></span>
330
                  </span>
331
                </div>
332

    
333
                <!--PIDs-->
334
                <div *ngIf="event.result.pids && event.result.pids.length>0" class="uk-margin-small-bottom">
335
                  <span class="mute-title">PID(s): </span>
336
                  <span *ngFor="let pid of event.result.pids; let p_index = index" class="small-content">
337
                    <br *ngIf="p_index > 0">
338
                    <span>{{ pid.value }} <b>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</b></span>
339
                  </span>
340
                </div>
341

    
342
                <!--Abstracts-->
343
                <div *ngIf="event.result.abstracts && event.result.abstracts.length>0" class="uk-margin-small-bottom">
344
                  <span class="mute-title">Abstract(s): </span>
345
                  <span *ngFor="let abs of event.result.abstracts; let a_index = index" class="small-content">
346
                    <br *ngIf="a_index > 0">
347
                    <span>
348
                      <read-more-text [text]="abs" [maxHeight]="83"></read-more-text>
349
                    </span>
350
                  </span>
351
                </div>
352

    
353
                <!--Projects/Relations-->
354
                <div *ngIf="event.result.projects && event.result.projects.length>0" class="uk-margin-small-bottom">
355
                  <span class="mute-title">Project(s)/Relation(s): </span>
356
                  <span *ngFor="let proj of event.result.projects; let p_index = index" class="small-content">
357
                    <br *ngIf="p_index > 0">
358
                    <span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>
359
                    <span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>
360
                    <span *ngIf="(proj.funder && proj.funder !=='') ||
361
                                 (proj.fundingProgram && proj.fundingProgram !=='')">
362
                      (<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span>
363
                      <span *ngIf="(proj.funder && proj.funder !=='') &&
364
                                   (proj.fundingProgram && proj.fundingProgram !=='')">/</span>
365
                      <span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>)
366
                    </span>
367
                  </span>
368
                </div>
369

    
370
                <!--Subjects-->
371
                <div *ngIf="event.result.subjects && event.result.subjects.length>0" class="uk-margin-small-bottom">
372
                  <span class="mute-title">Subject(s): </span>
373
                  <span *ngFor="let subj of event.result.subjects; let s_index = index" class="small-content">
374
                    <span *ngIf="s_index>0"> | </span>
375
                    <span>{{ subj.value }}</span>
376
                  </span>
377
                </div>
378

    
379
                <!--Publications-->
380
                <div *ngIf="event.result.publications && event.result.publications.length>0" class="uk-margin-small-bottom">
381
                  <span *ngIf="this.topic.includes('PUBLICATION')" class="mute-title">{{this.lastTopicEntry}} Publication(s): </span>
382
                  <span *ngIf="!this.topic.includes('PUBLICATION')" class="mute-title">Publication(s): </span>
383
                  <span *ngFor="let pub of event.result.publications; let p_index = index" class="small-content">
384
                    <br *ngIf="p_index > 0">
385
                    <span>{{ pub.title }} (ID: {{pub.originalId}})</span>
386
                  </span>
387
                </div>
388

    
389
                <!--Datasets-->
390
                <div *ngIf="event.result.datasets && event.result.datasets.length>0" class="uk-margin-small-bottom">
391
                  <span *ngIf="this.topic.includes('DATASET')" class="mute-title">{{this.lastTopicEntry}} Dataset(s): </span>
392
                  <span *ngIf="!this.topic.includes('DATASET')" class="mute-title">Dataset(s): </span>
393
                  <span *ngFor="let dataset of event.result.datasets; let d_index = index" class="small-content">
394
                    <br *ngIf="d_index > 0">
395
                    <span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span>
396
                  </span>
397
                </div>
398

    
399
                <!--Software-->
400
                <div *ngIf="event.result.softwares && event.result.softwares.length>0" class="uk-margin-small-bottom">
401
                  <span *ngIf="this.topic.includes('SOFTWARE')" class="mute-title">{{this.lastTopicEntry}} Software(s): </span>
402
                  <span *ngIf="!this.topic.includes('SOFTWARE')" class="mute-title">Software(s): </span>
403
                  <span *ngFor="let software of event.result.softwares; let s_index = index" class="small-content">
404
                    <br *ngIf="s_index > 0">
405
                    <span>{{ software.name }}</span>
406
                    <span *ngIf="software.description"> <br> {{ software.description }}</span>
407
                    <span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span>
408
                    <span *ngIf="software.landingPage !== software.repository"><br><a href="{{ software.repository }}" target="_blank">{{ software.repository }}</a></span>
409
                  </span>
410
                </div>
411

    
412
                <!--Publication Date-->
413
                <div *ngIf="event.result.publicationdate && event.result.publicationdate.length>0" class="uk-margin-small-bottom">
414
                  <span class="mute-title">Publication date(s): </span>
415
                  <span class="small-content">
416
                    {{ event.result.publicationdate }}
417
                  </span>
418
                </div>
419

    
420
                <!--Rights-->
421
                <div *ngIf="event.result.instances && event.result.instances.length>0" class="uk-margin-small-bottom">
422
                  <span class="mute-title">Rights: </span>
423
                  <span *ngFor="let l of event.result.instances; let l_index = index" class="small-content">
424
                    <br *ngIf="l_index > 0">
425
                    <span>
426
                      {{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b> - <a class="" href="{{ l.url }}" target="_blank">{{ l.url }}</a>
427
                    </span>
428
                  </span>
429
                </div>
430

    
431
              </ng-container>
432

    
433
            </div>
434

    
435
          </div>
436

    
437
          <!-- BOTTOM PAGINATION LINKS -->
438
          <ul class="uk-pagination uk-margin-top uk-flex-right" uk-margin>
439
            <li><a (click)="goToPreviousPage()"><span uk-pagination-previous></span></a></li>
440
            <li class="uk-active"><span>{{ (eventsPage.totalPages > 0) ? currentPage+1 : 0 }}</span></li>
441
            <li><a (click)="goToNextPage()"><span uk-pagination-next></span></a></li>
442
          </ul>
443
        </div>
444
      </div>
445
    </div>
446

    
447

    
448
    <!-- RIGHT HELP CONTENT -->
449
    <aside-help-content #rightHelperContent [position]="'right'"
450
                        [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
451
    </aside-help-content>
452

    
453
  </div>
454

    
455
  <!-- BOTTOM HELP CONTENT -->
456
  <help-content #bottomHelperContent [position]="'bottom'"
457
                [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
458
  </help-content>
459

    
460
</div>
461

    
462

    
463
<div class="filter-overlay-toolbar uk-animation-scale-up ng-star-inserted">
464
  <button class="uk-button filter-overlay-button" type="button" uk-toggle="target: #offcanvas-overlay">
465
    <span class=""><i class="fas fa-filter"></i></span>
466
  </button>
467
</div>
468

    
469
<div class="offcanvas-filters" id="offcanvas-overlay" uk-offcanvas="overlay: true">
470
  <div class="uk-offcanvas-bar uk-light">
471

    
472
    <button class="uk-offcanvas-close" type="button" uk-close></button>
473

    
474

    
475
    <h4>Filters
476
    <button type="button" (click)="updateQuery()" class="uk-button uk-button-link advancedSearch uk-margin-right uk-margin-medium-left">Apply<i class="fas fa-check uk-margin-small-left"></i></button>
477
    <button type="reset" (click)="clearForm()" class="uk-button uk-button-link clearCriteria">Clear<i class="fas fa-times uk-margin-small-left"></i></button>
478
    </h4>
479

    
480
    <div [formGroup]="group" class="">
481
      <div class="enrichContentAdvancedSearch">
482
        <div role="form" class="uk-form-horizontal">
483
          <div class="uk-form-horizontal uk-margin-bottom">
484
            <div class="form-group">
485
              <label class="control-label">Trust [{{group.get('trustMin').value}} - {{group.get('trustMax').value}}]</label><br>
486
              <input type="range" min="0" max="1" step="0.05" formControlName="trustMin" class="uk-range"/>
487
              <input type="range" min="0" max="1" step="0.05" formControlName="trustMax" class="uk-range"/>
488
            </div>
489
          </div>
490

    
491
          <div class="uk-form-horizontal uk-margin-small-bottom">
492
            <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
493
              <div formArrayName="eventTitles" class="uk-grid form_section" *ngFor="let title of eventTitleFormArray; let title_index = index; let last_title = last;">
494
                <div [formGroupName]="title_index" class="uk-width-1-1 uk-margin-small-bottom">
495
                  <div class="uk-input-group">
496
                    <div class="md-input-wrapper md-input-filled">
497
                      <label>Title</label>
498
                      <input type="text" class="md-input label-fixed" formControlName="eventTitle">
499
                      <span class="md-input-bar "></span>
500
                    </div>
501
                    <span *ngIf="last_title" class="uk-input-group-addon">
502
                          <a (click)="addControl('eventTitles',titleDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
503
                        </span>
504
                    <span *ngIf="!last_title" class="uk-input-group-addon">
505
                          <a (click)="removeControl('eventTitles',title_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
506
                        </span>
507
                  </div>
508
                </div>
509
              </div>
510
            </div>
511

    
512
            <!--<div class="form-group">-->
513
            <!--<label class="control-label" style="display: block;">Title</label>-->
514
            <!--<div formArrayName="eventTitles" *ngFor="let title of eventTitleFormArray; let title_index = index">-->
515
            <!--<div [formGroupName]="title_index">-->
516
            <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventTitle">-->
517
            <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventTitles',title_index)"><i class="fa fa-remove"></i></a>-->
518
            <!--</div>-->
519
            <!--</div>-->
520
            <!--<a (click)="addControl('eventTitles',titleDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
521
            <!--</div>-->
522
          </div>
523
          <div class="uk-form-horizontal uk-margin-small-bottom">
524
            <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
525
              <div formArrayName="eventAuthors" class="uk-grid form_section" *ngFor="let author of eventAuthorFormArray; let author_index = index; let last_author = last;">
526
                <div [formGroupName]="author_index" class="uk-width-1-1 uk-margin-small-bottom">
527
                  <div class="uk-input-group">
528
                    <div class="md-input-wrapper md-input-filled">
529
                      <label>Author</label>
530
                      <input type="text" class="md-input label-fixed" formControlName="eventAuthor">
531
                      <span class="md-input-bar "></span>
532
                    </div>
533
                    <span *ngIf="last_author" class="uk-input-group-addon">
534
                          <a (click)="addControl('eventAuthors',authorDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
535
                        </span>
536
                    <span *ngIf="!last_author" class="uk-input-group-addon">
537
                          <a (click)="removeControl('eventAuthors',author_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
538
                        </span>
539
                  </div>
540
                </div>
541
              </div>
542
            </div>
543
            <!--<div class="form-group">-->
544
            <!--<label class="control-label" style="display: block;">Author</label>-->
545
            <!--<div formArrayName="eventAuthors" *ngFor="let author of eventAuthorFormArray; let author_index = index">-->
546
            <!--<div [formGroupName]="author_index">-->
547
            <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventAuthor">-->
548
            <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventAuthors',author_index)"><i class="fa fa-remove"></i></a>-->
549
            <!--</div>-->
550
            <!--</div>-->
551
            <!--<a (click)="addControl('eventAuthors', authorDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
552
            <!--</div>-->
553
          </div>
554
          <div class="uk-form-horizontal uk-margin-small-bottom">
555
            <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
556
              <div formArrayName="eventSubjects" class="uk-grid form_section" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index; let last_subject = last;">
557
                <div [formGroupName]="subject_index" class="uk-width-1-1 uk-margin-small-bottom">
558
                  <div class="uk-input-group">
559
                    <div class="md-input-wrapper md-input-filled">
560
                      <label>Subject</label>
561
                      <input type="text" class="md-input label-fixed" formControlName="eventSubject">
562
                      <span class="md-input-bar "></span>
563
                    </div>
564
                    <span *ngIf="last_subject" class="uk-input-group-addon">
565
                          <a (click)="addControl('eventSubjects',subjectDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
566
                        </span>
567
                    <span *ngIf="!last_subject" class="uk-input-group-addon">
568
                          <a (click)="removeControl('eventSubjects',subject_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
569
                        </span>
570
                  </div>
571
                </div>
572
              </div>
573
            </div>
574
            <!--<div class="form-group">-->
575
            <!--<label class="control-label" style="display: block;">Subject</label>-->
576
            <!--<div formArrayName="eventSubjects" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index">-->
577
            <!--<div [formGroupName]="subject_index">-->
578
            <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventSubject">-->
579
            <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventSubjects', subject_index)"><i class="fa fa-remove"></i></a>-->
580
            <!--</div>-->
581
            <!--</div>-->
582
            <!--<a (click)="addControl('eventSubjects', subjectDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
583
            <!--</div>-->
584
          </div>
585

    
586
          <div>
587
            <div class="uk-form-horizontal">
588
              <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
589
                <div formArrayName="eventDateRanges" class="uk-grid form_section" *ngFor="let date of eventDateRangesFormArray; let date_index = index; let last_date = last;">
590
                  <div [formGroupName]="date_index" class="uk-width-1-1 uk-margin-small-bottom">
591
                    <div class="uk-input-group">
592
                      <div class="md-input-wrapper md-input-filled">
593
                        <label>Date From</label>
594
                        <input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateFrom">
595
                        <span class="md-input-bar "></span>
596
                      </div>
597
                      <div class="md-input-wrapper md-input-filled">
598
                        <label>Date To</label>
599
                        <input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateTo">
600
                        <span class="md-input-bar "></span>
601
                      </div>
602
                      <span *ngIf="last_date" class="uk-input-group-addon">
603
                            <a (click)="addControl('eventDateRanges',dateRangeDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
604
                          </span>
605
                      <span *ngIf="!last_date" class="uk-input-group-addon">
606
                          <a (click)="removeControl('eventDateRanges',date_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
607
                        </span>
608
                    </div>
609
                  </div>
610
                </div>
611
              </div>
612

    
613
              <!--<div class="form-group">-->
614
              <!--<label class="control-label" style="display: block;">Date</label>-->
615
              <!--<div formArrayName="eventDateRanges" *ngFor="let date of eventDateRangesFormArray; let date_index = index">-->
616
              <!--<div class="uk-form" style="position: relative;" [formGroupName]=date_index>-->
617
              <!--<input class="form-control inlineBlock dateFrom" style="width:88%;"-->
618
              <!--placeholder="From"-->
619
              <!--type="text"-->
620
              <!--onfocus="(this.type='date')"-->
621
              <!--formControlName=dateFrom>-->
622
              <!--<input class="form-control inlineBlock dateTo" style="width:88%;"-->
623
              <!--placeholder="To"-->
624
              <!--type="text"-->
625
              <!--onfocus="(this.type='date')"-->
626
              <!--formControlName=dateTo>-->
627
              <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventDateRanges',date_index)"><i class="fa fa-remove" style=""></i></a>-->
628
              <!--</div>-->
629
              <!--</div>-->
630
              <!--<a (click)="addControl('eventDateRanges', dateRangeDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
631
              <!--</div>-->
632
            </div>
633
          </div>
634
          <!--<div role="form" class="form-horizontal">-->
635
          <!--<div class="form-group">-->
636
          <!--<div class="actionButtons">-->
637
          <!--<button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>-->
638
          <!--<button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>-->
639
          <!--</div>-->
640
          <!--</div>-->
641
          <!--</div>-->
642
        </div>
643
      </div>
644

    
645
      <!--<div class="enrichContentAdvancedSearch md-card sidemenu">-->
646
        <!--<div class="md-card-toolbar">-->
647
          <!--<div class="md-card-toolbar-actions">-->
648
            <!--<button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>-->
649
            <!--<button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>-->
650
            <!--&lt;!&ndash;<a href="#" class="md-btn md-btn-small md-btn-flat">Button</a>&ndash;&gt;-->
651
            <!--&lt;!&ndash;<a href="#" class="md-btn md-btn-small md-btn-flat md-btn-flat-primary">Button</a>&ndash;&gt;-->
652
          <!--</div>-->
653
          <!--<h3 class="md-card-toolbar-heading-text">-->
654
            <!--Tweak and refine events-->
655
          <!--</h3>-->
656
        <!--</div>-->
657
        <!--<div class="md-card-content">-->
658
          <!--<div role="form" class="uk-form-horizontal">-->
659
            <!--<div class="uk-form-horizontal uk-margin-bottom">-->
660
              <!--<div class="form-group">-->
661
                <!--<label class="control-label">Trust [{{group.get('trustMin').value}} - {{group.get('trustMax').value}}]</label><br>-->
662
                <!--<input type="range" min="0" max="1" step="0.05" formControlName="trustMin" class="uk-range"/>-->
663
                <!--<input type="range" min="0" max="1" step="0.05" formControlName="trustMax" class="uk-range"/>-->
664
              <!--</div>-->
665
            <!--</div>-->
666

    
667
            <!--<div class="uk-form-horizontal uk-margin-small-bottom">-->
668
              <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
669
                <!--<div formArrayName="eventTitles" class="uk-grid form_section" *ngFor="let title of eventTitleFormArray; let title_index = index; let last_title = last;">-->
670
                  <!--<div [formGroupName]="title_index" class="uk-width-1-1 uk-margin-small-bottom">-->
671
                    <!--<div class="uk-input-group">-->
672
                      <!--<div class="md-input-wrapper md-input-filled">-->
673
                        <!--<label>Title</label>-->
674
                        <!--<input type="text" class="md-input label-fixed" formControlName="eventTitle">-->
675
                        <!--<span class="md-input-bar "></span>-->
676
                      <!--</div>-->
677
                      <!--<span *ngIf="last_title" class="uk-input-group-addon">-->
678
                          <!--<a (click)="addControl('eventTitles',titleDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
679
                        <!--</span>-->
680
                      <!--<span *ngIf="!last_title" class="uk-input-group-addon">-->
681
                          <!--<a (click)="removeControl('eventTitles',title_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
682
                        <!--</span>-->
683
                    <!--</div>-->
684
                  <!--</div>-->
685
                <!--</div>-->
686
              <!--</div>-->
687

    
688
              <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
689
              <!--&lt;!&ndash;<label class="control-label" style="display: block;">Title</label>&ndash;&gt;-->
690
              <!--&lt;!&ndash;<div formArrayName="eventTitles" *ngFor="let title of eventTitleFormArray; let title_index = index">&ndash;&gt;-->
691
              <!--&lt;!&ndash;<div [formGroupName]="title_index">&ndash;&gt;-->
692
              <!--&lt;!&ndash;<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventTitle">&ndash;&gt;-->
693
              <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventTitles',title_index)"><i class="fa fa-remove"></i></a>&ndash;&gt;-->
694
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
695
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
696
              <!--&lt;!&ndash;<a (click)="addControl('eventTitles',titleDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
697
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
698
            <!--</div>-->
699
            <!--<div class="uk-form-horizontal uk-margin-small-bottom">-->
700
              <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
701
                <!--<div formArrayName="eventAuthors" class="uk-grid form_section" *ngFor="let author of eventAuthorFormArray; let author_index = index; let last_author = last;">-->
702
                  <!--<div [formGroupName]="author_index" class="uk-width-1-1 uk-margin-small-bottom">-->
703
                    <!--<div class="uk-input-group">-->
704
                      <!--<div class="md-input-wrapper md-input-filled">-->
705
                        <!--<label>Author</label>-->
706
                        <!--<input type="text" class="md-input label-fixed" formControlName="eventAuthor">-->
707
                        <!--<span class="md-input-bar "></span>-->
708
                      <!--</div>-->
709
                      <!--<span *ngIf="last_author" class="uk-input-group-addon">-->
710
                          <!--<a (click)="addControl('eventAuthors',authorDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
711
                        <!--</span>-->
712
                      <!--<span *ngIf="!last_author" class="uk-input-group-addon">-->
713
                          <!--<a (click)="removeControl('eventAuthors',author_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
714
                        <!--</span>-->
715
                    <!--</div>-->
716
                  <!--</div>-->
717
                <!--</div>-->
718
              <!--</div>-->
719
              <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
720
              <!--&lt;!&ndash;<label class="control-label" style="display: block;">Author</label>&ndash;&gt;-->
721
              <!--&lt;!&ndash;<div formArrayName="eventAuthors" *ngFor="let author of eventAuthorFormArray; let author_index = index">&ndash;&gt;-->
722
              <!--&lt;!&ndash;<div [formGroupName]="author_index">&ndash;&gt;-->
723
              <!--&lt;!&ndash;<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventAuthor">&ndash;&gt;-->
724
              <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventAuthors',author_index)"><i class="fa fa-remove"></i></a>&ndash;&gt;-->
725
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
726
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
727
              <!--&lt;!&ndash;<a (click)="addControl('eventAuthors', authorDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
728
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
729
            <!--</div>-->
730
            <!--<div class="uk-form-horizontal uk-margin-small-bottom">-->
731
              <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
732
                <!--<div formArrayName="eventSubjects" class="uk-grid form_section" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index; let last_subject = last;">-->
733
                  <!--<div [formGroupName]="subject_index" class="uk-width-1-1 uk-margin-small-bottom">-->
734
                    <!--<div class="uk-input-group">-->
735
                      <!--<div class="md-input-wrapper md-input-filled">-->
736
                        <!--<label>Subject</label>-->
737
                        <!--<input type="text" class="md-input label-fixed" formControlName="eventSubject">-->
738
                        <!--<span class="md-input-bar "></span>-->
739
                      <!--</div>-->
740
                      <!--<span *ngIf="last_subject" class="uk-input-group-addon">-->
741
                          <!--<a (click)="addControl('eventSubjects',subjectDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
742
                        <!--</span>-->
743
                      <!--<span *ngIf="!last_subject" class="uk-input-group-addon">-->
744
                          <!--<a (click)="removeControl('eventSubjects',subject_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
745
                        <!--</span>-->
746
                    <!--</div>-->
747
                  <!--</div>-->
748
                <!--</div>-->
749
              <!--</div>-->
750
              <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
751
              <!--&lt;!&ndash;<label class="control-label" style="display: block;">Subject</label>&ndash;&gt;-->
752
              <!--&lt;!&ndash;<div formArrayName="eventSubjects" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index">&ndash;&gt;-->
753
              <!--&lt;!&ndash;<div [formGroupName]="subject_index">&ndash;&gt;-->
754
              <!--&lt;!&ndash;<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventSubject">&ndash;&gt;-->
755
              <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventSubjects', subject_index)"><i class="fa fa-remove"></i></a>&ndash;&gt;-->
756
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
757
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
758
              <!--&lt;!&ndash;<a (click)="addControl('eventSubjects', subjectDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
759
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
760
            <!--</div>-->
761

    
762
            <!--<div>-->
763
              <!--<div class="uk-form-horizontal">-->
764
                <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
765
                  <!--<div formArrayName="eventDateRanges" class="uk-grid form_section" *ngFor="let date of eventDateRangesFormArray; let date_index = index; let last_date = last;">-->
766
                    <!--<div [formGroupName]="date_index" class="uk-width-1-1 uk-margin-small-bottom">-->
767
                      <!--<div class="uk-input-group">-->
768
                        <!--<div class="md-input-wrapper md-input-filled">-->
769
                          <!--<label>Date From</label>-->
770
                          <!--<input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateFrom">-->
771
                          <!--<span class="md-input-bar "></span>-->
772
                        <!--</div>-->
773
                        <!--<div class="md-input-wrapper md-input-filled">-->
774
                          <!--<label>Date To</label>-->
775
                          <!--<input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateTo">-->
776
                          <!--<span class="md-input-bar "></span>-->
777
                        <!--</div>-->
778
                        <!--<span *ngIf="last_date" class="uk-input-group-addon">-->
779
                            <!--<a (click)="addControl('eventDateRanges',dateRangeDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
780
                          <!--</span>-->
781
                        <!--<span *ngIf="!last_date" class="uk-input-group-addon">-->
782
                          <!--<a (click)="removeControl('eventDateRanges',date_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
783
                        <!--</span>-->
784
                      <!--</div>-->
785
                    <!--</div>-->
786
                  <!--</div>-->
787
                <!--</div>-->
788

    
789
                <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
790
                <!--&lt;!&ndash;<label class="control-label" style="display: block;">Date</label>&ndash;&gt;-->
791
                <!--&lt;!&ndash;<div formArrayName="eventDateRanges" *ngFor="let date of eventDateRangesFormArray; let date_index = index">&ndash;&gt;-->
792
                <!--&lt;!&ndash;<div class="uk-form" style="position: relative;" [formGroupName]=date_index>&ndash;&gt;-->
793
                <!--&lt;!&ndash;<input class="form-control inlineBlock dateFrom" style="width:88%;"&ndash;&gt;-->
794
                <!--&lt;!&ndash;placeholder="From"&ndash;&gt;-->
795
                <!--&lt;!&ndash;type="text"&ndash;&gt;-->
796
                <!--&lt;!&ndash;onfocus="(this.type='date')"&ndash;&gt;-->
797
                <!--&lt;!&ndash;formControlName=dateFrom>&ndash;&gt;-->
798
                <!--&lt;!&ndash;<input class="form-control inlineBlock dateTo" style="width:88%;"&ndash;&gt;-->
799
                <!--&lt;!&ndash;placeholder="To"&ndash;&gt;-->
800
                <!--&lt;!&ndash;type="text"&ndash;&gt;-->
801
                <!--&lt;!&ndash;onfocus="(this.type='date')"&ndash;&gt;-->
802
                <!--&lt;!&ndash;formControlName=dateTo>&ndash;&gt;-->
803
                <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventDateRanges',date_index)"><i class="fa fa-remove" style=""></i></a>&ndash;&gt;-->
804
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
805
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
806
                <!--&lt;!&ndash;<a (click)="addControl('eventDateRanges', dateRangeDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
807
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
808
              <!--</div>-->
809
            <!--</div>-->
810
            <!--&lt;!&ndash;<div role="form" class="form-horizontal">&ndash;&gt;-->
811
            <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
812
            <!--&lt;!&ndash;<div class="actionButtons">&ndash;&gt;-->
813
            <!--&lt;!&ndash;<button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>&ndash;&gt;-->
814
            <!--&lt;!&ndash;<button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>&ndash;&gt;-->
815
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
816
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
817
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
818
          <!--</div>-->
819
        <!--</div>-->
820
      <!--</div>-->
821
    </div>
822

    
823
    <!--<form [formGroup]="dataForm" class="uk-form-stacked">-->
824

    
825
      <!--<div class="uk-margin">-->
826
        <!--<h5 class="">Datasource Type</h5>-->
827
        <!--<div class="uk-form-controls">-->
828
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="" (change)="handleChangeAndResetPage()" formControlName="typology"> Any</label></div>-->
829
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Aggregator" (change)="handleChangeAndResetPage()" formControlName="typology"> Aggregator</label></div>-->
830
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Journal" (change)="handleChangeAndResetPage()" formControlName="typology"> Journal</label></div>-->
831
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="datarepository" (change)="handleChangeAndResetPage()" formControlName="typology"> Data Repository</label></div>-->
832
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="pubsrepository" (change)="handleChangeAndResetPage()" formControlName="typology"> Public Repository</label></div>-->
833
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="entityregistry" (change)="handleChangeAndResetPage()" formControlName="typology"> Entity Registry</label></div>-->
834
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Institutional" (change)="handleChangeAndResetPage()" formControlName="typology"> Institutional</label></div>-->
835
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Thematic" (change)="handleChangeAndResetPage()" formControlName="typology"> Thematic</label></div>-->
836
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Products" (change)="handleChangeAndResetPage()" formControlName="typology"> Products</label></div>-->
837
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Unknown" (change)="handleChangeAndResetPage()" formControlName="typology"> Unknown</label></div>-->
838
        <!--</div>-->
839
      <!--</div>-->
840

    
841
      <!--<hr>-->
842

    
843
      <!--<div class="uk-margin">-->
844
        <!--<h5 class="">Countries</h5>-->
845
        <!--<div class="uk-form-controls">-->
846
          <!--<ng-container *ngIf="countries && countries.length>0">-->
847
            <!--<read-more [maxHeight]="238">-->
848
              <!--<div class="uk-margin-small-bottom"><input class="uk-radio" type="radio" value="" (change)="handleChangeAndResetPage()" formControlName="country"> Any</div>-->
849
              <!--<ng-container *ngFor="let country of countries">-->
850
                <!--<div class="uk-margin-small-bottom">-->
851
                  <!--<input class="uk-radio" type="radio" value="{{country.code}}"-->
852
                         <!--(change)="handleChangeAndResetPage()" formControlName="country"> {{country.name}}-->
853
                <!--</div>-->
854
              <!--</ng-container>-->
855
            <!--</read-more>-->
856
          <!--</ng-container>-->
857
        <!--</div>-->
858
      <!--</div>-->
859

    
860
    <!--</form>-->
861

    
862
  </div>
863
</div>
864

    
865

    
866
<confirmation-dialog #subscribeToEventsModal [title]="'Create subscription for'" [isModalShown]="isModalShown"
867
                     [confirmActionButton]="'Subscribe'" (emitObject)="subscribeToEvents($event)">
868
  <div *ngIf="eventsPage">
869
    <div *ngIf="modalErrorMessage" class="uk-alert uk-alert-danger">{{ modalErrorMessage }}</div>
870
    <div>
871
      <h2 class="heading_c uk-margin-bottom">
872
        {{ eventsPage.datasource }}
873
        <span class="sub-heading">{{ eventsPage.topic }}</span>
874
      </h2>
875
    </div>
876
    <div>
877
      <div class="md-input-wrapper md-input-filled uk-margin-bottom">
878
        <label>Email</label>
879
        <input class="md-input label-fixed" type="text" value="{{ userEmail }}" disabled>
880
        <span class="md-input-bar "></span>
881
      </div>
882
      <!--<div class="form-group">-->
883
        <!--<label class="control-label">Email</label>-->
884
        <!--<div>{{ userEmail }}</div>-->
885
      <!--</div>-->
886
<!--      <div class="md-input-wrapper md-input-filled">
887
        <label class="">Frequency (*)</label>
888
        <select class="md-input" #selectFreq (change)="choseFrequency(selectFreq.value)">
889
          <option value="">&#45;&#45; none selected &#45;&#45;</option>
890
          <option value="never">never</option>
891
          <option value="realtime">realtime</option>
892
          <option value="daily">daily</option>
893
          <option value="weekly">weekly</option>
894
          <option value="monthly">monthly</option>
895
        </select>
896
        <span class="md-input-bar"></span>
897
      </div>-->
898

    
899
      <div class="uk-margin-top">
900
        <div class="uk-margin-small-bottom">Selected Options</div>
901
        <div>
902
          <table class="uk-table uk-table-striped">
903
            <tbody>
904
              <tr>
905
                <td class="uk-width-1-5">Trust</td>
906
                <td>[{{advanceSearch.trust.min}}, {{advanceSearch.trust.max}}]</td>
907
              </tr>
908
              <tr *ngIf="advanceSearch.titles && advanceSearch.titles.length>0">
909
                <td class="uk-width-1-5">Titles</td>
910
                <td>
911
                  <span *ngFor="let title of advanceSearch.titles; let i = index">
912
                    <br *ngIf="i>0">
913
                    {{title}}
914
                  </span>
915
                </td>
916
              </tr>
917
              <tr *ngIf="advanceSearch.authors && advanceSearch.authors.length>0">
918
                <td class="uk-width-1-5">Authors</td>
919
                <td>
920
                  <span *ngFor="let author of advanceSearch.authors; let i = index">
921
                    <br *ngIf="i>0">
922
                    {{author}}
923
                  </span>
924
                </td>
925
              </tr>
926
              <tr *ngIf="advanceSearch.subjects && advanceSearch.subjects.length>0">
927
                <td class="uk-width-1-5">Subjects</td>
928
                <td>
929
                  <span *ngFor="let subject of advanceSearch.subjects; let i = index">
930
                    <br *ngIf="i>0">
931
                    {{subject}}
932
                  </span>
933
                </td>
934
              </tr>
935
              <tr *ngIf="advanceSearch.dates && advanceSearch.dates.length>0">
936
                <td class="uk-width-1-5">Dates</td>
937
                <td>
938
                  <span *ngFor="let date of advanceSearch.dates; let i = index">
939
                    <br *ngIf="i>0">
940
                    {{date.min}} <span class="uk-margin-small-left uk-margin-small-right">-</span> {{date.max}}
941
                  </span>
942
                </td>
943
              </tr>
944
            </tbody>
945
          </table>
946
        </div>
947
      </div>
948
    </div>
949
  </div>
950
</confirmation-dialog>
(1-1/6)