Project

General

Profile

1 58098 stefania.m
<!--<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 54479 myrto.kouk
12 58281 stefania.m
<div id="page_content_inner" class="uk-margin-medium-left uk-margin-medium-right uk-margin-top">
13 58098 stefania.m
14
  <div class="uk-margin-bottom">
15
    <h2 class="heading_b uk-margin-bottom uk-inline">{{ topic }}</h2>
16
17 58281 stefania.m
    <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 57170 stefania.m
    </div>
24
  </div>
25 54479 myrto.kouk
26 58098 stefania.m
  <!-- 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 57170 stefania.m
31 58098 stefania.m
  <div class="uk-grid">
32 54479 myrto.kouk
33 58098 stefania.m
    <!-- 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 54479 myrto.kouk
38 58098 stefania.m
    <!-- MIDDLE -->
39
    <div class=" uk-width-expand@m">
40 54479 myrto.kouk
41 58098 stefania.m
      <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 54479 myrto.kouk
51 58098 stefania.m
          <!-- 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 54479 myrto.kouk
54 58098 stefania.m
          <!-- DELETE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE -->
55 58281 stefania.m
          <!--<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 54479 myrto.kouk
57 59906 stefania.m
          <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 58281 stefania.m
          <div style="display: flex;justify-content: space-between;">
62 54479 myrto.kouk
63 58281 stefania.m
            <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 59399 andreas.ma
              <div *ngIf="event.result.originalId" class="uk-text-meta">ID: {{event.result.originalId}}</div>
86 58281 stefania.m
87 59399 andreas.ma
              <div *ngIf="event.result.titles && event.result.titles.length>0">
88 58281 stefania.m
                <div class="repositoryCardHeader uk-margin-bottom uk-margin-small-top">
89 59399 andreas.ma
                  <h4>{{ event.result.titles[0] }}</h4>
90 58281 stefania.m
                </div>
91
              </div>
92
93 58098 stefania.m
              <ng-container *ngIf="event.highlight.pids && event.highlight.pids.length>0">
94 58281 stefania.m
95
                <div class="small-content">
96
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.pids.length}} PID(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 pid of event.highlight.pids; let p_index = index" class="uk-margin-small-bottom">
109
                    <span class="highlightIndex">{{(p_index + 1)}}. </span>
110
                    <span>{{ pid.value }} <b>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</b></span>
111
                  </div>
112
                </div>
113
114 58098 stefania.m
              </ng-container>
115 57170 stefania.m
116 58098 stefania.m
              <ng-container *ngIf="event.highlight.abstracts && event.highlight.abstracts.length>0">
117 58281 stefania.m
118
                <div class="small-content">
119
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.abstracts.length}} Abstract(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 abs of event.highlight.abstracts; let a_index = index" class="uk-margin-small-bottom">
132
                    <span class="highlightIndex">{{(a_index + 1)}}. </span>
133
                    <span class=""><read-more-text [text]="abs" [maxHeight]="40"></read-more-text></span>
134
                  </div>
135
                </div>
136
137 58098 stefania.m
              </ng-container>
138 57170 stefania.m
139 58098 stefania.m
              <ng-container *ngIf="event.highlight.projects && event.highlight.projects.length>0">
140 58281 stefania.m
141
                <div class="small-content">
142
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.projects.length}} Project(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 proj of event.highlight.projects; let p_index = index" class="uk-margin-small-bottom">
155
                    <span class="highlightIndex">{{(p_index + 1)}}. </span>
156
                    <span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>
157
                    <span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>
158
                    <span *ngIf="(proj.funder && proj.funder !=='') ||
159
                                 (proj.fundingProgram && proj.fundingProgram !=='')">
160
                      (<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span>
161
                      <span *ngIf="(proj.funder && proj.funder !=='') &&
162
                                   (proj.fundingProgram && proj.fundingProgram !=='')">/</span>
163
                      <span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>)
164
                    </span>
165
                  </div>
166
                </div>
167
168 58098 stefania.m
              </ng-container>
169 57170 stefania.m
170 58098 stefania.m
              <ng-container *ngIf="event.highlight.subjects && event.highlight.subjects.length>0">
171 58281 stefania.m
172
                <div class="small-content">
173
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.subjects.length}} Subject(s) added</span>
174
                  <span class="mute-title">FROM: </span>
175
                  <ng-container *ngIf="event.provenance.url">
176
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
177
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
178
                  </ng-container>
179
                  <ng-container *ngIf="!event.provenance.url">
180
                    <span>{{ event.provenance.repositoryName }}</span>
181
                  </ng-container>
182
                </div>
183
184
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
185
                  <div *ngFor="let subj of event.highlight.subjects; let s_index = index" class="uk-margin-small-bottom">
186
                    <span class="highlightIndex">{{(s_index + 1)}}. </span>
187 59399 andreas.ma
                    <span>{{ subj.value }}</span>
188 58281 stefania.m
                  </div>
189
                </div>
190
191 58098 stefania.m
              </ng-container>
192 57170 stefania.m
193 58098 stefania.m
              <ng-container *ngIf="event.highlight.publications && event.highlight.publications.length>0">
194 58281 stefania.m
195
                <div class="small-content">
196
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.publications.length}} Publications(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 pub of event.highlight.publications; let p_index = index" class="uk-margin-small-bottom">
209
                    <span class="highlightIndex">{{(p_index + 1)}}. </span>
210 59399 andreas.ma
                    <span>{{ pub.title }} (ID: {{pub.originalId}})</span>
211 58281 stefania.m
                  </div>
212
                </div>
213
214 58098 stefania.m
              </ng-container>
215 57170 stefania.m
216 58098 stefania.m
              <ng-container *ngIf="event.highlight.datasets && event.highlight.datasets.length>0">
217 58281 stefania.m
218
                <div class="small-content">
219
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.datasets.length}} Dataset(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 dataset of event.highlight.datasets; let d_index = index" class="uk-margin-small-bottom">
232
                    <span class="highlightIndex">{{(d_index + 1)}}. </span>
233 59399 andreas.ma
                    <span>{{ dataset.title }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span>
234 58281 stefania.m
                  </div>
235
                </div>
236
237 58098 stefania.m
              </ng-container>
238 57170 stefania.m
239 58098 stefania.m
              <ng-container *ngIf="event.highlight.softwares && event.highlight.softwares.length>0">
240 58281 stefania.m
241
                <div class="small-content">
242
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.softwares.length}} Software(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 software of event.highlight.softwares; let s_index = index" class="uk-margin-small-bottom">
255
                    <span class="highlightIndex">{{(s_index + 1)}}. </span>
256
                    <span>{{ software.name }}</span>
257
                    <span *ngIf="software.description"> <br> {{ software.description }}</span>
258
                    <span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span>
259
                  </div>
260
                </div>
261
262 58098 stefania.m
              </ng-container>
263 57996 andreas.ma
264 58098 stefania.m
              <ng-container *ngIf="event.highlight.instances && event.highlight.instances.length>0">
265 57170 stefania.m
266 58281 stefania.m
                <div class="small-content">
267 58317 stefania.m
                  <span class="uk-badge uk-badge-success uk-margin-small-right">{{event.highlight.instances.length}} OA version(s) added</span>
268 58281 stefania.m
                  <span class="mute-title">FROM: </span>
269
                  <ng-container *ngIf="event.provenance.url">
270
                    <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
271
                    <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
272
                  </ng-container>
273
                  <ng-container *ngIf="!event.provenance.url">
274
                    <span>{{ event.provenance.repositoryName }}</span>
275
                  </ng-container>
276
                </div>
277 54479 myrto.kouk
278 58281 stefania.m
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
279
                  <div *ngFor="let l of event.highlight.instances; let l_index = index" class="uk-margin-small-bottom">
280
                    <span class="highlightIndex">{{(l_index + 1)}}. </span>
281
                    <span>
282
                    {{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b>
283
                    <a href="{{ l.url }}" target="_blank" class="uk-margin-left">{{ l.url }}</a>
284
                  </span>
285
                  </div>
286
                </div>
287 54479 myrto.kouk
288 58281 stefania.m
              </ng-container>
289 54479 myrto.kouk
290 58281 stefania.m
              <div *ngIf="selectedItemIndex == item_i" class="uk-text-meta uk-text-center">
291
                <a (click)="showLess(item_i)">Show less <i class="fas fa-angle-up uk-margin-small-left"></i></a>
292 58098 stefania.m
              </div>
293 57151 stefania.m
294 58281 stefania.m
              <div *ngIf="selectedItemIndex != item_i" class="uk-text-meta uk-text-center">
295
                <a (click)="showMore(item_i)">Show more <i class="fas fa-angle-down uk-margin-small-left"></i></a>
296
              </div>
297 57151 stefania.m
298 58281 stefania.m
              <ng-container *ngIf="selectedItemIndex == item_i">
299
                <hr>
300 57151 stefania.m
301 58281 stefania.m
                <!--AUTHORS-->
302 59399 andreas.ma
                <div *ngIf="event.result.creators && event.result.creators.length>0" class="uk-margin-small-bottom">
303 58281 stefania.m
                  <span class="mute-title">Author(s): </span>
304 59399 andreas.ma
                  <span *ngFor="let auth of event.result.creators; let au_index = index" class="small-content">
305 58281 stefania.m
                    <span *ngIf="au_index>0"> | </span>
306 59399 andreas.ma
                    <span>{{ auth.fullname }}</span>
307 58281 stefania.m
                  </span>
308
                </div>
309 57151 stefania.m
310 58281 stefania.m
                <!--PIDs-->
311 59399 andreas.ma
                <div *ngIf="event.result.pids && event.result.pids.length>0" class="uk-margin-small-bottom">
312 58281 stefania.m
                  <span class="mute-title">PID(s): </span>
313 59399 andreas.ma
                  <span *ngFor="let pid of event.result.pids; let p_index = index" class="small-content">
314 58281 stefania.m
                    <br *ngIf="p_index > 0">
315
                    <span>{{ pid.value }} <b>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</b></span>
316
                  </span>
317
                </div>
318 57151 stefania.m
319 58281 stefania.m
                <!--Abstracts-->
320 59399 andreas.ma
                <div *ngIf="event.result.abstracts && event.result.abstracts.length>0" class="uk-margin-small-bottom">
321 58281 stefania.m
                  <span class="mute-title">Abstract(s): </span>
322 59399 andreas.ma
                  <span *ngFor="let abs of event.result.abstracts; let a_index = index" class="small-content">
323 58281 stefania.m
                    <br *ngIf="a_index > 0">
324
                    <span>
325
                      <read-more-text [text]="abs" [maxHeight]="83"></read-more-text>
326
                    </span>
327
                  </span>
328
                </div>
329 57170 stefania.m
330 58281 stefania.m
                <!--Projects/Relations-->
331 59399 andreas.ma
                <div *ngIf="event.result.projects && event.result.projects.length>0" class="uk-margin-small-bottom">
332 58281 stefania.m
                  <span class="mute-title">Project(s)/Relation(s): </span>
333 59399 andreas.ma
                  <span *ngFor="let proj of event.result.projects; let p_index = index" class="small-content">
334 58281 stefania.m
                    <br *ngIf="p_index > 0">
335
                    <span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>
336
                    <span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>
337
                    <span *ngIf="(proj.funder && proj.funder !=='') ||
338
                                 (proj.fundingProgram && proj.fundingProgram !=='')">
339
                      (<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span>
340
                      <span *ngIf="(proj.funder && proj.funder !=='') &&
341
                                   (proj.fundingProgram && proj.fundingProgram !=='')">/</span>
342
                      <span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>)
343
                    </span>
344
                  </span>
345
                </div>
346
347
                <!--Subjects-->
348 59399 andreas.ma
                <div *ngIf="event.result.subjects && event.result.subjects.length>0" class="uk-margin-small-bottom">
349 58281 stefania.m
                  <span class="mute-title">Subject(s): </span>
350 59399 andreas.ma
                  <span *ngFor="let subj of event.result.subjects; let s_index = index" class="small-content">
351 58281 stefania.m
                    <span *ngIf="s_index>0"> | </span>
352 59399 andreas.ma
                    <span>{{ subj.value }}</span>
353 58281 stefania.m
                  </span>
354
                </div>
355
356
                <!--Publications-->
357 59399 andreas.ma
                <div *ngIf="event.result.publications && event.result.publications.length>0" class="uk-margin-small-bottom">
358 58281 stefania.m
                  <span *ngIf="this.topic.includes('PUBLICATION')" class="mute-title">{{this.lastTopicEntry}} Publication(s): </span>
359
                  <span *ngIf="!this.topic.includes('PUBLICATION')" class="mute-title">Publication(s): </span>
360 59399 andreas.ma
                  <span *ngFor="let pub of event.result.publications; let p_index = index" class="small-content">
361 58281 stefania.m
                    <br *ngIf="p_index > 0">
362 59399 andreas.ma
                    <span>{{ pub.title }} (ID: {{pub.originalId}})</span>
363 58281 stefania.m
                  </span>
364
                </div>
365
366
                <!--Datasets-->
367 59399 andreas.ma
                <div *ngIf="event.result.datasets && event.result.datasets.length>0" class="uk-margin-small-bottom">
368 58281 stefania.m
                  <span *ngIf="this.topic.includes('DATASET')" class="mute-title">{{this.lastTopicEntry}} Dataset(s): </span>
369
                  <span *ngIf="!this.topic.includes('DATASET')" class="mute-title">Dataset(s): </span>
370 59399 andreas.ma
                  <span *ngFor="let dataset of event.result.datasets; let d_index = index" class="small-content">
371 58281 stefania.m
                    <br *ngIf="d_index > 0">
372
                    <span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span>
373
                  </span>
374
                </div>
375
376
                <!--Software-->
377 59399 andreas.ma
                <div *ngIf="event.result.softwares && event.result.softwares.length>0" class="uk-margin-small-bottom">
378 58281 stefania.m
                  <span *ngIf="this.topic.includes('SOFTWARE')" class="mute-title">{{this.lastTopicEntry}} Software(s): </span>
379
                  <span *ngIf="!this.topic.includes('SOFTWARE')" class="mute-title">Software(s): </span>
380 59399 andreas.ma
                  <span *ngFor="let software of event.result.softwares; let s_index = index" class="small-content">
381 58281 stefania.m
                    <br *ngIf="s_index > 0">
382
                    <span>{{ software.name }}</span>
383
                    <span *ngIf="software.description"> <br> {{ software.description }}</span>
384
                    <span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span>
385
                    <span *ngIf="software.landingPage !== software.repository"><br><a href="{{ software.repository }}" target="_blank">{{ software.repository }}</a></span>
386
                  </span>
387
                </div>
388
389
                <!--Publication Date-->
390 59399 andreas.ma
                <div *ngIf="event.result.publicationdate && event.result.publicationdate.length>0" class="uk-margin-small-bottom">
391 58281 stefania.m
                  <span class="mute-title">Publication date(s): </span>
392
                  <span class="small-content">
393 59399 andreas.ma
                    {{ event.result.publicationdate }}
394 58281 stefania.m
                  </span>
395
                </div>
396
397
                <!--Rights-->
398 59399 andreas.ma
                <div *ngIf="event.result.instances && event.result.instances.length>0" class="uk-margin-small-bottom">
399 58281 stefania.m
                  <span class="mute-title">Rights: </span>
400 59399 andreas.ma
                  <span *ngFor="let l of event.result.instances; let l_index = index" class="small-content">
401 58281 stefania.m
                    <br *ngIf="l_index > 0">
402
                    <span>
403
                      {{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b> - <a class="" href="{{ l.url }}" target="_blank">{{ l.url }}</a>
404
                    </span>
405
                  </span>
406
                </div>
407
408
              </ng-container>
409
410 57170 stefania.m
            </div>
411 58281 stefania.m
412 58098 stefania.m
          </div>
413 54479 myrto.kouk
414 58098 stefania.m
          <!-- BOTTOM PAGINATION LINKS -->
415 58281 stefania.m
          <ul class="uk-pagination uk-margin-top uk-flex-right" uk-margin>
416
            <li><a (click)="goToPreviousPage()"><span uk-pagination-previous></span></a></li>
417
            <li class="uk-active"><span>{{ (eventsPage.totalPages > 0) ? currentPage+1 : 0 }}</span></li>
418
            <li><a (click)="goToNextPage()"><span uk-pagination-next></span></a></li>
419 58098 stefania.m
          </ul>
420 54479 myrto.kouk
        </div>
421 57170 stefania.m
      </div>
422 58098 stefania.m
    </div>
423 54479 myrto.kouk
424 58281 stefania.m
425
    <!-- RIGHT HELP CONTENT -->
426
    <aside-help-content #rightHelperContent [position]="'right'"
427
                        [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
428
    </aside-help-content>
429
430
  </div>
431
432
  <!-- BOTTOM HELP CONTENT -->
433
  <help-content #bottomHelperContent [position]="'bottom'"
434
                [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
435
  </help-content>
436
437
</div>
438
439
440
<div class="filter-overlay-toolbar uk-animation-scale-up ng-star-inserted">
441
  <button class="uk-button filter-overlay-button" type="button" uk-toggle="target: #offcanvas-overlay">
442
    <span class=""><i class="fas fa-filter"></i></span>
443
  </button>
444
</div>
445
446
<div class="offcanvas-filters" id="offcanvas-overlay" uk-offcanvas="overlay: true">
447
  <div class="uk-offcanvas-bar uk-light">
448
449
    <button class="uk-offcanvas-close" type="button" uk-close></button>
450
451
452
    <h4>Filters
453
    <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>
454
    <button type="reset" (click)="clearForm()" class="uk-button uk-button-link clearCriteria">Clear<i class="fas fa-times uk-margin-small-left"></i></button>
455
    </h4>
456
457
    <div [formGroup]="group" class="">
458
      <div class="enrichContentAdvancedSearch">
459
        <div role="form" class="uk-form-horizontal">
460
          <div class="uk-form-horizontal uk-margin-bottom">
461
            <div class="form-group">
462
              <label class="control-label">Trust [{{group.get('trustMin').value}} - {{group.get('trustMax').value}}]</label><br>
463
              <input type="range" min="0" max="1" step="0.05" formControlName="trustMin" class="uk-range"/>
464
              <input type="range" min="0" max="1" step="0.05" formControlName="trustMax" class="uk-range"/>
465
            </div>
466 57170 stefania.m
          </div>
467
468 58281 stefania.m
          <div class="uk-form-horizontal uk-margin-small-bottom">
469
            <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
470
              <div formArrayName="eventTitles" class="uk-grid form_section" *ngFor="let title of eventTitleFormArray; let title_index = index; let last_title = last;">
471
                <div [formGroupName]="title_index" class="uk-width-1-1 uk-margin-small-bottom">
472
                  <div class="uk-input-group">
473
                    <div class="md-input-wrapper md-input-filled">
474
                      <label>Title</label>
475
                      <input type="text" class="md-input label-fixed" formControlName="eventTitle">
476
                      <span class="md-input-bar "></span>
477
                    </div>
478
                    <span *ngIf="last_title" class="uk-input-group-addon">
479 57170 stefania.m
                          <a (click)="addControl('eventTitles',titleDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
480
                        </span>
481 58281 stefania.m
                    <span *ngIf="!last_title" class="uk-input-group-addon">
482 57170 stefania.m
                          <a (click)="removeControl('eventTitles',title_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
483
                        </span>
484 54479 myrto.kouk
                  </div>
485
                </div>
486 58098 stefania.m
              </div>
487 58281 stefania.m
            </div>
488 57170 stefania.m
489 58281 stefania.m
            <!--<div class="form-group">-->
490
            <!--<label class="control-label" style="display: block;">Title</label>-->
491
            <!--<div formArrayName="eventTitles" *ngFor="let title of eventTitleFormArray; let title_index = index">-->
492
            <!--<div [formGroupName]="title_index">-->
493
            <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventTitle">-->
494
            <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventTitles',title_index)"><i class="fa fa-remove"></i></a>-->
495
            <!--</div>-->
496
            <!--</div>-->
497
            <!--<a (click)="addControl('eventTitles',titleDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
498
            <!--</div>-->
499
          </div>
500
          <div class="uk-form-horizontal uk-margin-small-bottom">
501
            <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
502
              <div formArrayName="eventAuthors" class="uk-grid form_section" *ngFor="let author of eventAuthorFormArray; let author_index = index; let last_author = last;">
503
                <div [formGroupName]="author_index" class="uk-width-1-1 uk-margin-small-bottom">
504
                  <div class="uk-input-group">
505
                    <div class="md-input-wrapper md-input-filled">
506
                      <label>Author</label>
507
                      <input type="text" class="md-input label-fixed" formControlName="eventAuthor">
508
                      <span class="md-input-bar "></span>
509
                    </div>
510
                    <span *ngIf="last_author" class="uk-input-group-addon">
511 57170 stefania.m
                          <a (click)="addControl('eventAuthors',authorDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
512
                        </span>
513 58281 stefania.m
                    <span *ngIf="!last_author" class="uk-input-group-addon">
514 57170 stefania.m
                          <a (click)="removeControl('eventAuthors',author_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
515
                        </span>
516 58281 stefania.m
                  </div>
517
                </div>
518
              </div>
519
            </div>
520
            <!--<div class="form-group">-->
521
            <!--<label class="control-label" style="display: block;">Author</label>-->
522
            <!--<div formArrayName="eventAuthors" *ngFor="let author of eventAuthorFormArray; let author_index = index">-->
523
            <!--<div [formGroupName]="author_index">-->
524
            <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventAuthor">-->
525
            <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventAuthors',author_index)"><i class="fa fa-remove"></i></a>-->
526
            <!--</div>-->
527
            <!--</div>-->
528
            <!--<a (click)="addControl('eventAuthors', authorDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
529
            <!--</div>-->
530
          </div>
531
          <div class="uk-form-horizontal uk-margin-small-bottom">
532
            <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
533
              <div formArrayName="eventSubjects" class="uk-grid form_section" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index; let last_subject = last;">
534
                <div [formGroupName]="subject_index" class="uk-width-1-1 uk-margin-small-bottom">
535
                  <div class="uk-input-group">
536
                    <div class="md-input-wrapper md-input-filled">
537
                      <label>Subject</label>
538
                      <input type="text" class="md-input label-fixed" formControlName="eventSubject">
539
                      <span class="md-input-bar "></span>
540 54479 myrto.kouk
                    </div>
541 58281 stefania.m
                    <span *ngIf="last_subject" class="uk-input-group-addon">
542
                          <a (click)="addControl('eventSubjects',subjectDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
543
                        </span>
544
                    <span *ngIf="!last_subject" class="uk-input-group-addon">
545
                          <a (click)="removeControl('eventSubjects',subject_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
546
                        </span>
547 54479 myrto.kouk
                  </div>
548
                </div>
549
              </div>
550 58098 stefania.m
            </div>
551 58281 stefania.m
            <!--<div class="form-group">-->
552
            <!--<label class="control-label" style="display: block;">Subject</label>-->
553
            <!--<div formArrayName="eventSubjects" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index">-->
554
            <!--<div [formGroupName]="subject_index">-->
555
            <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventSubject">-->
556
            <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventSubjects', subject_index)"><i class="fa fa-remove"></i></a>-->
557
            <!--</div>-->
558
            <!--</div>-->
559
            <!--<a (click)="addControl('eventSubjects', subjectDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
560
            <!--</div>-->
561
          </div>
562
563
          <div>
564
            <div class="uk-form-horizontal">
565 58098 stefania.m
              <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
566 58281 stefania.m
                <div formArrayName="eventDateRanges" class="uk-grid form_section" *ngFor="let date of eventDateRangesFormArray; let date_index = index; let last_date = last;">
567
                  <div [formGroupName]="date_index" class="uk-width-1-1 uk-margin-small-bottom">
568 58098 stefania.m
                    <div class="uk-input-group">
569
                      <div class="md-input-wrapper md-input-filled">
570 58281 stefania.m
                        <label>Date From</label>
571
                        <input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateFrom">
572 58098 stefania.m
                        <span class="md-input-bar "></span>
573
                      </div>
574 58281 stefania.m
                      <div class="md-input-wrapper md-input-filled">
575
                        <label>Date To</label>
576
                        <input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateTo">
577
                        <span class="md-input-bar "></span>
578
                      </div>
579
                      <span *ngIf="last_date" class="uk-input-group-addon">
580
                            <a (click)="addControl('eventDateRanges',dateRangeDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
581
                          </span>
582
                      <span *ngIf="!last_date" class="uk-input-group-addon">
583
                          <a (click)="removeControl('eventDateRanges',date_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
584 57170 stefania.m
                        </span>
585 54479 myrto.kouk
                    </div>
586
                  </div>
587
                </div>
588
              </div>
589 58281 stefania.m
590 58098 stefania.m
              <!--<div class="form-group">-->
591 58281 stefania.m
              <!--<label class="control-label" style="display: block;">Date</label>-->
592
              <!--<div formArrayName="eventDateRanges" *ngFor="let date of eventDateRangesFormArray; let date_index = index">-->
593
              <!--<div class="uk-form" style="position: relative;" [formGroupName]=date_index>-->
594
              <!--<input class="form-control inlineBlock dateFrom" style="width:88%;"-->
595
              <!--placeholder="From"-->
596
              <!--type="text"-->
597
              <!--onfocus="(this.type='date')"-->
598
              <!--formControlName=dateFrom>-->
599
              <!--<input class="form-control inlineBlock dateTo" style="width:88%;"-->
600
              <!--placeholder="To"-->
601
              <!--type="text"-->
602
              <!--onfocus="(this.type='date')"-->
603
              <!--formControlName=dateTo>-->
604
              <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventDateRanges',date_index)"><i class="fa fa-remove" style=""></i></a>-->
605 58098 stefania.m
              <!--</div>-->
606
              <!--</div>-->
607 58281 stefania.m
              <!--<a (click)="addControl('eventDateRanges', dateRangeDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
608 58098 stefania.m
              <!--</div>-->
609
            </div>
610 58281 stefania.m
          </div>
611
          <!--<div role="form" class="form-horizontal">-->
612
          <!--<div class="form-group">-->
613
          <!--<div class="actionButtons">-->
614
          <!--<button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>-->
615
          <!--<button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>-->
616
          <!--</div>-->
617
          <!--</div>-->
618
          <!--</div>-->
619
        </div>
620
      </div>
621 57170 stefania.m
622 58281 stefania.m
      <!--<div class="enrichContentAdvancedSearch md-card sidemenu">-->
623
        <!--<div class="md-card-toolbar">-->
624
          <!--<div class="md-card-toolbar-actions">-->
625
            <!--<button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>-->
626
            <!--<button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>-->
627
            <!--&lt;!&ndash;<a href="#" class="md-btn md-btn-small md-btn-flat">Button</a>&ndash;&gt;-->
628
            <!--&lt;!&ndash;<a href="#" class="md-btn md-btn-small md-btn-flat md-btn-flat-primary">Button</a>&ndash;&gt;-->
629
          <!--</div>-->
630
          <!--<h3 class="md-card-toolbar-heading-text">-->
631
            <!--Tweak and refine events-->
632
          <!--</h3>-->
633
        <!--</div>-->
634
        <!--<div class="md-card-content">-->
635
          <!--<div role="form" class="uk-form-horizontal">-->
636
            <!--<div class="uk-form-horizontal uk-margin-bottom">-->
637
              <!--<div class="form-group">-->
638
                <!--<label class="control-label">Trust [{{group.get('trustMin').value}} - {{group.get('trustMax').value}}]</label><br>-->
639
                <!--<input type="range" min="0" max="1" step="0.05" formControlName="trustMin" class="uk-range"/>-->
640
                <!--<input type="range" min="0" max="1" step="0.05" formControlName="trustMax" class="uk-range"/>-->
641
              <!--</div>-->
642
            <!--</div>-->
643 57170 stefania.m
644 58281 stefania.m
            <!--<div class="uk-form-horizontal uk-margin-small-bottom">-->
645
              <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
646
                <!--<div formArrayName="eventTitles" class="uk-grid form_section" *ngFor="let title of eventTitleFormArray; let title_index = index; let last_title = last;">-->
647
                  <!--<div [formGroupName]="title_index" class="uk-width-1-1 uk-margin-small-bottom">-->
648
                    <!--<div class="uk-input-group">-->
649
                      <!--<div class="md-input-wrapper md-input-filled">-->
650
                        <!--<label>Title</label>-->
651
                        <!--<input type="text" class="md-input label-fixed" formControlName="eventTitle">-->
652
                        <!--<span class="md-input-bar "></span>-->
653
                      <!--</div>-->
654
                      <!--<span *ngIf="last_title" class="uk-input-group-addon">-->
655
                          <!--<a (click)="addControl('eventTitles',titleDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
656
                        <!--</span>-->
657
                      <!--<span *ngIf="!last_title" class="uk-input-group-addon">-->
658
                          <!--<a (click)="removeControl('eventTitles',title_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
659
                        <!--</span>-->
660
                    <!--</div>-->
661
                  <!--</div>-->
662 58098 stefania.m
                <!--</div>-->
663 58281 stefania.m
              <!--</div>-->
664
665
              <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
666
              <!--&lt;!&ndash;<label class="control-label" style="display: block;">Title</label>&ndash;&gt;-->
667
              <!--&lt;!&ndash;<div formArrayName="eventTitles" *ngFor="let title of eventTitleFormArray; let title_index = index">&ndash;&gt;-->
668
              <!--&lt;!&ndash;<div [formGroupName]="title_index">&ndash;&gt;-->
669
              <!--&lt;!&ndash;<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventTitle">&ndash;&gt;-->
670
              <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventTitles',title_index)"><i class="fa fa-remove"></i></a>&ndash;&gt;-->
671
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
672
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
673
              <!--&lt;!&ndash;<a (click)="addControl('eventTitles',titleDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
674
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
675
            <!--</div>-->
676
            <!--<div class="uk-form-horizontal uk-margin-small-bottom">-->
677
              <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
678
                <!--<div formArrayName="eventAuthors" class="uk-grid form_section" *ngFor="let author of eventAuthorFormArray; let author_index = index; let last_author = last;">-->
679
                  <!--<div [formGroupName]="author_index" class="uk-width-1-1 uk-margin-small-bottom">-->
680
                    <!--<div class="uk-input-group">-->
681
                      <!--<div class="md-input-wrapper md-input-filled">-->
682
                        <!--<label>Author</label>-->
683
                        <!--<input type="text" class="md-input label-fixed" formControlName="eventAuthor">-->
684
                        <!--<span class="md-input-bar "></span>-->
685
                      <!--</div>-->
686
                      <!--<span *ngIf="last_author" class="uk-input-group-addon">-->
687
                          <!--<a (click)="addControl('eventAuthors',authorDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
688
                        <!--</span>-->
689
                      <!--<span *ngIf="!last_author" class="uk-input-group-addon">-->
690
                          <!--<a (click)="removeControl('eventAuthors',author_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
691
                        <!--</span>-->
692
                    <!--</div>-->
693
                  <!--</div>-->
694 58098 stefania.m
                <!--</div>-->
695 58281 stefania.m
              <!--</div>-->
696
              <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
697
              <!--&lt;!&ndash;<label class="control-label" style="display: block;">Author</label>&ndash;&gt;-->
698
              <!--&lt;!&ndash;<div formArrayName="eventAuthors" *ngFor="let author of eventAuthorFormArray; let author_index = index">&ndash;&gt;-->
699
              <!--&lt;!&ndash;<div [formGroupName]="author_index">&ndash;&gt;-->
700
              <!--&lt;!&ndash;<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventAuthor">&ndash;&gt;-->
701
              <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventAuthors',author_index)"><i class="fa fa-remove"></i></a>&ndash;&gt;-->
702
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
703
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
704
              <!--&lt;!&ndash;<a (click)="addControl('eventAuthors', authorDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
705
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
706
            <!--</div>-->
707
            <!--<div class="uk-form-horizontal uk-margin-small-bottom">-->
708
              <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
709
                <!--<div formArrayName="eventSubjects" class="uk-grid form_section" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index; let last_subject = last;">-->
710
                  <!--<div [formGroupName]="subject_index" class="uk-width-1-1 uk-margin-small-bottom">-->
711
                    <!--<div class="uk-input-group">-->
712
                      <!--<div class="md-input-wrapper md-input-filled">-->
713
                        <!--<label>Subject</label>-->
714
                        <!--<input type="text" class="md-input label-fixed" formControlName="eventSubject">-->
715
                        <!--<span class="md-input-bar "></span>-->
716
                      <!--</div>-->
717
                      <!--<span *ngIf="last_subject" class="uk-input-group-addon">-->
718
                          <!--<a (click)="addControl('eventSubjects',subjectDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
719
                        <!--</span>-->
720
                      <!--<span *ngIf="!last_subject" class="uk-input-group-addon">-->
721
                          <!--<a (click)="removeControl('eventSubjects',subject_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
722
                        <!--</span>-->
723
                    <!--</div>-->
724
                  <!--</div>-->
725 58098 stefania.m
                <!--</div>-->
726 58281 stefania.m
              <!--</div>-->
727
              <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
728
              <!--&lt;!&ndash;<label class="control-label" style="display: block;">Subject</label>&ndash;&gt;-->
729
              <!--&lt;!&ndash;<div formArrayName="eventSubjects" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index">&ndash;&gt;-->
730
              <!--&lt;!&ndash;<div [formGroupName]="subject_index">&ndash;&gt;-->
731
              <!--&lt;!&ndash;<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventSubject">&ndash;&gt;-->
732
              <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventSubjects', subject_index)"><i class="fa fa-remove"></i></a>&ndash;&gt;-->
733
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
734
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
735
              <!--&lt;!&ndash;<a (click)="addControl('eventSubjects', subjectDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
736
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
737 58098 stefania.m
            <!--</div>-->
738 58281 stefania.m
739
            <!--<div>-->
740
              <!--<div class="uk-form-horizontal">-->
741
                <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
742
                  <!--<div formArrayName="eventDateRanges" class="uk-grid form_section" *ngFor="let date of eventDateRangesFormArray; let date_index = index; let last_date = last;">-->
743
                    <!--<div [formGroupName]="date_index" class="uk-width-1-1 uk-margin-small-bottom">-->
744
                      <!--<div class="uk-input-group">-->
745
                        <!--<div class="md-input-wrapper md-input-filled">-->
746
                          <!--<label>Date From</label>-->
747
                          <!--<input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateFrom">-->
748
                          <!--<span class="md-input-bar "></span>-->
749
                        <!--</div>-->
750
                        <!--<div class="md-input-wrapper md-input-filled">-->
751
                          <!--<label>Date To</label>-->
752
                          <!--<input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateTo">-->
753
                          <!--<span class="md-input-bar "></span>-->
754
                        <!--</div>-->
755
                        <!--<span *ngIf="last_date" class="uk-input-group-addon">-->
756
                            <!--<a (click)="addControl('eventDateRanges',dateRangeDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
757
                          <!--</span>-->
758
                        <!--<span *ngIf="!last_date" class="uk-input-group-addon">-->
759
                          <!--<a (click)="removeControl('eventDateRanges',date_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
760
                        <!--</span>-->
761
                      <!--</div>-->
762
                    <!--</div>-->
763
                  <!--</div>-->
764
                <!--</div>-->
765
766
                <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
767
                <!--&lt;!&ndash;<label class="control-label" style="display: block;">Date</label>&ndash;&gt;-->
768
                <!--&lt;!&ndash;<div formArrayName="eventDateRanges" *ngFor="let date of eventDateRangesFormArray; let date_index = index">&ndash;&gt;-->
769
                <!--&lt;!&ndash;<div class="uk-form" style="position: relative;" [formGroupName]=date_index>&ndash;&gt;-->
770
                <!--&lt;!&ndash;<input class="form-control inlineBlock dateFrom" style="width:88%;"&ndash;&gt;-->
771
                <!--&lt;!&ndash;placeholder="From"&ndash;&gt;-->
772
                <!--&lt;!&ndash;type="text"&ndash;&gt;-->
773
                <!--&lt;!&ndash;onfocus="(this.type='date')"&ndash;&gt;-->
774
                <!--&lt;!&ndash;formControlName=dateFrom>&ndash;&gt;-->
775
                <!--&lt;!&ndash;<input class="form-control inlineBlock dateTo" style="width:88%;"&ndash;&gt;-->
776
                <!--&lt;!&ndash;placeholder="To"&ndash;&gt;-->
777
                <!--&lt;!&ndash;type="text"&ndash;&gt;-->
778
                <!--&lt;!&ndash;onfocus="(this.type='date')"&ndash;&gt;-->
779
                <!--&lt;!&ndash;formControlName=dateTo>&ndash;&gt;-->
780
                <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventDateRanges',date_index)"><i class="fa fa-remove" style=""></i></a>&ndash;&gt;-->
781
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
782
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
783
                <!--&lt;!&ndash;<a (click)="addControl('eventDateRanges', dateRangeDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
784
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
785
              <!--</div>-->
786 58098 stefania.m
            <!--</div>-->
787 58281 stefania.m
            <!--&lt;!&ndash;<div role="form" class="form-horizontal">&ndash;&gt;-->
788
            <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
789
            <!--&lt;!&ndash;<div class="actionButtons">&ndash;&gt;-->
790
            <!--&lt;!&ndash;<button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>&ndash;&gt;-->
791
            <!--&lt;!&ndash;<button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>&ndash;&gt;-->
792
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
793
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
794
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
795
          <!--</div>-->
796
        <!--</div>-->
797
      <!--</div>-->
798 58098 stefania.m
    </div>
799 54479 myrto.kouk
800 58281 stefania.m
    <!--<form [formGroup]="dataForm" class="uk-form-stacked">-->
801 57170 stefania.m
802 58281 stefania.m
      <!--<div class="uk-margin">-->
803
        <!--<h5 class="">Datasource Type</h5>-->
804
        <!--<div class="uk-form-controls">-->
805
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="" (change)="handleChangeAndResetPage()" formControlName="typology"> Any</label></div>-->
806
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Aggregator" (change)="handleChangeAndResetPage()" formControlName="typology"> Aggregator</label></div>-->
807
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Journal" (change)="handleChangeAndResetPage()" formControlName="typology"> Journal</label></div>-->
808
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="datarepository" (change)="handleChangeAndResetPage()" formControlName="typology"> Data Repository</label></div>-->
809
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="pubsrepository" (change)="handleChangeAndResetPage()" formControlName="typology"> Public Repository</label></div>-->
810
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="entityregistry" (change)="handleChangeAndResetPage()" formControlName="typology"> Entity Registry</label></div>-->
811
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Institutional" (change)="handleChangeAndResetPage()" formControlName="typology"> Institutional</label></div>-->
812
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Thematic" (change)="handleChangeAndResetPage()" formControlName="typology"> Thematic</label></div>-->
813
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Products" (change)="handleChangeAndResetPage()" formControlName="typology"> Products</label></div>-->
814
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Unknown" (change)="handleChangeAndResetPage()" formControlName="typology"> Unknown</label></div>-->
815
        <!--</div>-->
816
      <!--</div>-->
817 54479 myrto.kouk
818 58281 stefania.m
      <!--<hr>-->
819 54479 myrto.kouk
820 58281 stefania.m
      <!--<div class="uk-margin">-->
821
        <!--<h5 class="">Countries</h5>-->
822
        <!--<div class="uk-form-controls">-->
823
          <!--<ng-container *ngIf="countries && countries.length>0">-->
824
            <!--<read-more [maxHeight]="238">-->
825
              <!--<div class="uk-margin-small-bottom"><input class="uk-radio" type="radio" value="" (change)="handleChangeAndResetPage()" formControlName="country"> Any</div>-->
826
              <!--<ng-container *ngFor="let country of countries">-->
827
                <!--<div class="uk-margin-small-bottom">-->
828
                  <!--<input class="uk-radio" type="radio" value="{{country.code}}"-->
829
                         <!--(change)="handleChangeAndResetPage()" formControlName="country"> {{country.name}}-->
830
                <!--</div>-->
831
              <!--</ng-container>-->
832
            <!--</read-more>-->
833
          <!--</ng-container>-->
834
        <!--</div>-->
835
      <!--</div>-->
836
837
    <!--</form>-->
838
839
  </div>
840 54479 myrto.kouk
</div>
841
842
843
<confirmation-dialog #subscribeToEventsModal [title]="'Create subscription for'" [isModalShown]="isModalShown"
844
                     [confirmActionButton]="'Subscribe'" (emitObject)="subscribeToEvents($event)">
845
  <div *ngIf="eventsPage">
846
    <div *ngIf="modalErrorMessage" class="uk-alert uk-alert-danger">{{ modalErrorMessage }}</div>
847
    <div>
848 57170 stefania.m
      <h2 class="heading_c uk-margin-bottom">
849
        {{ eventsPage.datasource }}
850
        <span class="sub-heading">{{ eventsPage.topic }}</span>
851
      </h2>
852 54479 myrto.kouk
    </div>
853
    <div>
854 57170 stefania.m
      <div class="md-input-wrapper md-input-filled uk-margin-bottom">
855
        <label>Email</label>
856
        <input class="md-input label-fixed" type="text" value="{{ userEmail }}" disabled>
857
        <span class="md-input-bar "></span>
858 54479 myrto.kouk
      </div>
859 57170 stefania.m
      <!--<div class="form-group">-->
860
        <!--<label class="control-label">Email</label>-->
861
        <!--<div>{{ userEmail }}</div>-->
862
      <!--</div>-->
863 59473 andreas.ma
<!--      <div class="md-input-wrapper md-input-filled">
864 57170 stefania.m
        <label class="">Frequency (*)</label>
865
        <select class="md-input" #selectFreq (change)="choseFrequency(selectFreq.value)">
866 59473 andreas.ma
          <option value="">&#45;&#45; none selected &#45;&#45;</option>
867 54479 myrto.kouk
          <option value="never">never</option>
868
          <option value="realtime">realtime</option>
869
          <option value="daily">daily</option>
870
          <option value="weekly">weekly</option>
871
          <option value="monthly">monthly</option>
872
        </select>
873 57170 stefania.m
        <span class="md-input-bar"></span>
874 59473 andreas.ma
      </div>-->
875 57170 stefania.m
876
      <div class="uk-margin-top">
877
        <div class="uk-margin-small-bottom">Selected Options</div>
878 54479 myrto.kouk
        <div>
879 57170 stefania.m
          <table class="uk-table uk-table-striped">
880 54479 myrto.kouk
            <tbody>
881 57170 stefania.m
              <tr>
882
                <td class="uk-width-1-5">Trust</td>
883
                <td>[{{advanceSearch.trust.min}}, {{advanceSearch.trust.max}}]</td>
884
              </tr>
885
              <tr *ngIf="advanceSearch.titles && advanceSearch.titles.length>0">
886
                <td class="uk-width-1-5">Titles</td>
887
                <td>
888
                  <span *ngFor="let title of advanceSearch.titles; let i = index">
889
                    <br *ngIf="i>0">
890
                    {{title}}
891
                  </span>
892
                </td>
893
              </tr>
894
              <tr *ngIf="advanceSearch.authors && advanceSearch.authors.length>0">
895
                <td class="uk-width-1-5">Authors</td>
896
                <td>
897
                  <span *ngFor="let author of advanceSearch.authors; let i = index">
898
                    <br *ngIf="i>0">
899
                    {{author}}
900
                  </span>
901
                </td>
902
              </tr>
903
              <tr *ngIf="advanceSearch.subjects && advanceSearch.subjects.length>0">
904
                <td class="uk-width-1-5">Subjects</td>
905
                <td>
906
                  <span *ngFor="let subject of advanceSearch.subjects; let i = index">
907
                    <br *ngIf="i>0">
908
                    {{subject}}
909
                  </span>
910
                </td>
911
              </tr>
912
              <tr *ngIf="advanceSearch.dates && advanceSearch.dates.length>0">
913
                <td class="uk-width-1-5">Dates</td>
914
                <td>
915
                  <span *ngFor="let date of advanceSearch.dates; let i = index">
916
                    <br *ngIf="i>0">
917
                    {{date.min}} <span class="uk-margin-small-left uk-margin-small-right">-</span> {{date.max}}
918
                  </span>
919
                </td>
920
              </tr>
921 54479 myrto.kouk
            </tbody>
922
          </table>
923
        </div>
924
      </div>
925
    </div>
926
  </div>
927
</confirmation-dialog>