Project

General

Profile

« Previous | Next » 

Revision 58281

Almost final commit for the new UI

View differences:

content-events-of-repo-eventslist.component.html
9 9
  <!--</div>-->
10 10
<!--</div>-->
11 11

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

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

  
17
    <div class="heading_actions uk-float-right">
18
      <button id="subscribe" type="button" class="uk-button uk-button-success" (click)="showSubscriptionModal()">Subscribe to these events</button>
17
    <div class="heading_actions uk-float-right repositoryAdminActions">
18
      <button class="uk-button uk-button-link" (click)="showSubscriptionModal()">
19
        <img src="../../../../assets/icons/noun_subscribe_2322541.svg" width="20">
20
        Subscribe to these events
21
      </button>
22
      <!--<button id="subscribe" type="button" class="uk-button uk-button-success" (click)="showSubscriptionModal()">Subscribe to these events</button>-->
19 23
    </div>
20 24
  </div>
21 25

  
......
48 52
          <!--<span>Showing {{(eventsPage.currPage*10)+1 }}-{{ ( (eventsPage.total < 10) || (eventsPage.total < (eventsPage.currPage+1)*10) ) ? (eventsPage.total) : (eventsPage.currPage+1)*10 }} of {{ eventsPage.total }} results</span>-->
49 53

  
50 54
          <!-- DELETE WHEN ADVANCED SHOW EVENTS IS FIXED AND SENDS CORRECT VALUE FOR CURRENT PAGE -->
51
          <div class="uk-margin-bottom">Showing {{(currentPage*10)+1 }}-{{ ( (eventsPage.total < 10) || (eventsPage.total < (currentPage+1)*10) ) ? (eventsPage.total) : (currentPage+1)*10 }} of {{ eventsPage.total }} results</div>
55
          <!--<div class="uk-margin-bottom">Showing {{(currentPage*10)+1 }}-{{ ( (eventsPage.total < 10) || (eventsPage.total < (currentPage+1)*10) ) ? (eventsPage.total) : (currentPage+1)*10 }} of {{ eventsPage.total }} results</div>-->
52 56

  
53
          <div *ngFor="let event of eventsPage.values; let item_i = index" class="md-card md-card-hover md-card-overlay {{ (selectedItemIndex == item_i) ? 'md-card-overlay-active' : '' }}">
54
            <div class="md-card-content truncate-text" style="overflow-wrap: break-word;">
57
          <div style="display: flex;justify-content: space-between;">
55 58

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

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

  
71
          </div>
72

  
73

  
74
          <hr class="adminResultsHeader">
75

  
76

  
77
          <!--<div *ngFor="let event of eventsPage.values; let item_i = index" class="md-card md-card-hover md-card-overlay {{ (selectedItemIndex == item_i) ? 'md-card-overlay-active' : '' }}">-->
78
          <div *ngFor="let event of eventsPage.values; let item_i = index" class="md-card md-card-hover eventCard">
79
            <div class="md-card-content large-padding">
80

  
81
              <div *ngIf="event.publication.originalId" class="uk-text-meta">ID: {{event.publication.originalId}}</div>
82

  
83
              <div *ngIf="event.publication.titles && event.publication.titles.length>0">
84
                <div class="repositoryCardHeader uk-margin-bottom uk-margin-small-top">
85
                  <h4>{{ event.publication.titles[0] }}</h4>
86
                </div>
87
              </div>
88

  
56 89
              <ng-container *ngIf="event.highlight.pids && event.highlight.pids.length>0">
57
                <table class="uk-table uk-table-middle">
58
                  <tbody>
59
                  <tr class="el-item md-bg-green-50">
60
                    <td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">PID(s)</strong></td>
61
                    <td class="uk-table-shrink">
62
                      <div class="el-title">
63
                                <span *ngFor="let pid of event.publication.pids; let a_index = index">
64
                                  <br *ngIf="a_index > 0">
65
                                  <span>{{ pid.value }} <b>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</b>
66
                                    <span *ngFor="let hl_pid of event.highlight.pids">
67
                                      <span *ngIf="hl_pid.value.indexOf(pid.value)>=0 && event.highlight.pids.length>0 && event.provenance">
68
                                        <span class="uk-label uk-label-success">added</span>
69
                                        <span class="pull-right">
70
                                          <b>from: </b>
71
                                          <ng-container *ngIf="event.provenance.url">
72
                                            <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
73
                                            <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
74
                                          </ng-container>
75
                                          <ng-container *ngIf="!event.provenance.url">
76
                                            <span>{{ event.provenance.repositoryName }}</span>
77
                                          </ng-container>
78
                                        </span>
79
                                      </span>
80
                                    </span>
81
                                  </span>
82
                                </span>
83
                      </div>
84
                    </td>
85
                  </tr>
86
                  </tbody>
87
                </table>
90

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

  
103
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
104
                  <div *ngFor="let pid of event.highlight.pids; let p_index = index" class="uk-margin-small-bottom">
105
                    <span class="highlightIndex">{{(p_index + 1)}}. </span>
106
                    <span>{{ pid.value }} <b>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</b></span>
107
                  </div>
108
                </div>
109

  
88 110
              </ng-container>
89 111

  
90 112
              <ng-container *ngIf="event.highlight.abstracts && event.highlight.abstracts.length>0">
91
                <table class="uk-table uk-table-middle">
92
                  <tbody>
93
                  <tr class="el-item md-bg-green-50">
94
                    <td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Abstract(s)</strong></td>
95
                    <td class="uk-table-shrink">
96
                      <div class="el-title">
97
                                <span *ngFor="let abs of event.publication.abstracts; let a_index = index">
98
                                  <br *ngIf="a_index > 0 && event.publication.abstracts[a_index-1].length > 0">
99
                                  <span><read-more-text [text]="abs" [maxHeight]="80"></read-more-text></span>
100
                                  <!--<span>{{ abs }}</span>-->
101
                                  <span *ngIf="event.highlight.abstracts.indexOf(abs)>=0 && event.highlight.abstracts.length>0 && event.provenance">
102
                                    <span class="pull-right">
103
                                      <b>from: </b>
104
                                      <ng-container *ngIf="event.provenance.url">
105
                                        <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
106
                                        <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
107
                                      </ng-container>
108
                                      <ng-container *ngIf="!event.provenance.url">
109
                                        <span>{{ event.provenance.repositoryName }}</span>
110
                                      </ng-container>
111
                                    </span>
112
                                  </span>
113
                                </span>
114
                      </div>
115
                    </td>
116
                  </tr>
117
                  </tbody>
118
                </table>
113

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

  
126
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
127
                  <div *ngFor="let abs of event.highlight.abstracts; let a_index = index" class="uk-margin-small-bottom">
128
                    <span class="highlightIndex">{{(a_index + 1)}}. </span>
129
                    <span class=""><read-more-text [text]="abs" [maxHeight]="40"></read-more-text></span>
130
                  </div>
131
                </div>
132

  
119 133
              </ng-container>
120 134

  
121 135
              <ng-container *ngIf="event.highlight.projects && event.highlight.projects.length>0">
122
                <table class="uk-table uk-table-middle">
123
                  <tbody>
124
                  <tr class="el-item md-bg-green-50">
125
                    <td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Project(s)/Relation(s)</strong></td>
126
                    <td class="uk-table-shrink">
127
                      <div class="el-title">
128
                                <span *ngFor="let proj of event.publication.projects; let p_index = index">
129
                                  <br *ngIf="p_index > 0">
130
                                  <span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>
131
                                  <span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>
132
                                  <span *ngIf="(proj.funder && proj.funder !=='') ||
133
                                               (proj.fundingProgram && proj.fundingProgram !=='')">
134
                                    (<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span>
135
                                    <span *ngIf="(proj.funder && proj.funder !=='') &&
136
                                                 (proj.fundingProgram && proj.fundingProgram !=='')">/</span>
137
                                    <span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>)
138
                                  </span>
139
                                  <span *ngFor="let hl_proj of event.highlight.projects">
140
                                    <span *ngIf="hl_proj.code.indexOf(proj.code)>=0  && event.highlight.projects.length>0 && event.provenance">
141
                                      <span class="pull-right">
142
                                        <b>from: </b>
143
                                        <ng-container *ngIf="event.provenance.url">
144
                                          <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
145
                                          <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
146
                                        </ng-container>
147
                                        <ng-container *ngIf="!event.provenance.url">
148
                                          <span>{{ event.provenance.repositoryName }}</span>
149
                                        </ng-container>
150
                                      </span>
151
                                    </span>
152
                                  </span>
153
                                </span>
154
                      </div>
155
                    </td>
156
                  </tr>
157
                  </tbody>
158
                </table>
136

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

  
149
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
150
                  <div *ngFor="let proj of event.highlight.projects; let p_index = index" class="uk-margin-small-bottom">
151
                    <span class="highlightIndex">{{(p_index + 1)}}. </span>
152
                    <span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>
153
                    <span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>
154
                    <span *ngIf="(proj.funder && proj.funder !=='') ||
155
                                 (proj.fundingProgram && proj.fundingProgram !=='')">
156
                      (<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span>
157
                      <span *ngIf="(proj.funder && proj.funder !=='') &&
158
                                   (proj.fundingProgram && proj.fundingProgram !=='')">/</span>
159
                      <span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>)
160
                    </span>
161
                  </div>
162
                </div>
163

  
159 164
              </ng-container>
160 165

  
161 166
              <ng-container *ngIf="event.highlight.subjects && event.highlight.subjects.length>0">
162
                <table class="uk-table uk-table-middle">
163
                  <tbody>
164
                  <tr class="el-item md-bg-green-50">
165
                    <td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Subject(s)</strong></td>
166
                    <td class="uk-table-shrink">
167
                      <div class="el-title">
168
                                <span *ngFor="let subj of event.publication.subjects; let s_index = index">
169
                                  <br *ngIf="s_index > 0">
170
                                  <span>{{ subj }}</span>
171
                                  <span *ngIf="event.highlight.subjects.indexOf(subj)>=0 && event.highlight.subjects.length>0 && event.provenance">
172
                                    <span class="pull-right">
173
                                      <b>from: </b>
174
                                      <ng-container *ngIf="event.provenance.url">
175
                                        <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
176
                                        <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
177
                                      </ng-container>
178
                                      <ng-container *ngIf="!event.provenance.url">
179
                                        <span>{{ event.provenance.repositoryName }}</span>
180
                                      </ng-container>
181
                                    </span>
182
                                  </span>
183
                                </span>
184
                      </div>
185
                    </td>
186
                  </tr>
187
                  </tbody>
188
                </table>
167

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

  
180
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
181
                  <div *ngFor="let subj of event.highlight.subjects; let s_index = index" class="uk-margin-small-bottom">
182
                    <span class="highlightIndex">{{(s_index + 1)}}. </span>
183
                    <span>{{ subj }}</span>
184
                  </div>
185
                </div>
186

  
189 187
              </ng-container>
190 188

  
191 189
              <ng-container *ngIf="event.highlight.publications && event.highlight.publications.length>0">
192
                <table class="uk-table uk-table-middle">
193
                  <tbody>
194
                  <tr class="el-item md-bg-green-50">
195
                    <td *ngIf="this.topic.includes('PUBLICATION')" class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;">
196
                      <strong class="el-title uk-display-block">{{this.lastTopicEntry}}<br>Publication(s)</strong>
197
                    </td>
198
                    <td *ngIf="!(this.topic.includes('PUBLICATION'))"
199
                        class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;">
200
                      <strong class="el-title uk-display-block">Publication(s)</strong>
201
                    </td>
202
                    <td class="uk-table-shrink">
203
                      <div class="el-title">
204
                                <span *ngFor="let pub of event.publication.publications; let s_index = index">
205
                                  <br *ngIf="s_index > 0">
206
                                  <span>{{ pub.titles[0] }} (ID: {{pub.originalId}})</span>
207
                                  <span *ngFor="let hl_pub of event.highlight.publications">
208
                                    <span *ngIf="hl_pub.originalId.indexOf(pub.originalId)>=0 && event.highlight.publications.length>0 && event.provenance">
209
                                      <span class="pull-right">
210
                                        <b>from: </b>
211
                                        <ng-container *ngIf="event.provenance.url">
212
                                          <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
213
                                          <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
214
                                        </ng-container>
215
                                        <ng-container *ngIf="!event.provenance.url">
216
                                          <span>{{ event.provenance.repositoryName }}</span>
217
                                        </ng-container>
218
                                      </span>
219
                                    </span>
220
                                  </span>
221
                                </span>
222
                      </div>
223
                    </td>
224
                  </tr>
225
                  </tbody>
226
                </table>
190

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

  
203
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
204
                  <div *ngFor="let pub of event.highlight.publications; let p_index = index" class="uk-margin-small-bottom">
205
                    <span class="highlightIndex">{{(p_index + 1)}}. </span>
206
                    <span>{{ pub.titles[0] }} (ID: {{pub.originalId}})</span>
207
                  </div>
208
                </div>
209

  
227 210
              </ng-container>
228 211

  
229 212
              <ng-container *ngIf="event.highlight.datasets && event.highlight.datasets.length>0">
230
                <table class="uk-table uk-table-middle">
231
                  <tbody>
232
                  <tr class="el-item md-bg-green-50">
233
                    <td *ngIf="this.topic.includes('DATASET')" class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;">
234
                      <strong class="el-title uk-display-block">{{this.lastTopicEntry}}<br>Dataset(s)</strong>
235
                    </td>
236
                    <td *ngIf="!(this.topic.includes('DATASET'))" class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;">
237
                      <strong class="el-title uk-display-block">Dataset(s)</strong>
238
                    </td>
239
                    <td class="uk-table-shrink">
240
                      <div class="el-title">
241
                                <span *ngFor="let dataset of event.publication.datasets; let s_index = index">
242
                                  <br *ngIf="s_index > 0">
243
                                  <span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span>
244
                                  <span *ngFor="let hl_dataset of event.highlight.datasets">
245
                                    <span *ngIf="hl_dataset.pids.indexOf(dataset.pids[s_index])>=0 && event.highlight.datasets.length>0 && event.provenance">
246
                                      <span class="pull-right">
247
                                        <b>from: </b>
248
                                        <ng-container *ngIf="event.provenance.url">
249
                                          <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
250
                                          <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
251
                                        </ng-container>
252
                                        <ng-container *ngIf="!event.provenance.url">
253
                                          <span>{{ event.provenance.repositoryName }}</span>
254
                                        </ng-container>
255
                                      </span>
256
                                    </span>
257
                                  </span>
258
                                </span>
259
                      </div>
260
                    </td>
261
                  </tr>
262
                  </tbody>
263
                </table>
213

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

  
226
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
227
                  <div *ngFor="let dataset of event.highlight.datasets; let d_index = index" class="uk-margin-small-bottom">
228
                    <span class="highlightIndex">{{(d_index + 1)}}. </span>
229
                    <span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span>
230
                  </div>
231
                </div>
232

  
264 233
              </ng-container>
265 234

  
266 235
              <ng-container *ngIf="event.highlight.softwares && event.highlight.softwares.length>0">
267
                <table class="uk-table uk-table-middle">
268
                  <tbody>
269
                  <tr class="el-item md-bg-green-50">
270
                    <td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Software(s)</strong></td>
271
                    <td class="uk-table-shrink">
272
                      <div class="el-title">
273
                                <span *ngFor="let software of event.publication.softwares; let s_index = index">
274
                                  <br *ngIf="s_index > 0">
275
                                  <span>{{ software.name }}</span>
276
                                  <span *ngIf="software.description"> <br> {{ software.description }}</span>
277
                                  <span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span>
278
                                  <span *ngFor="let hl_software of event.highlight.softwares">
279
                                    <span *ngIf="hl_software.name.indexOf(software.name)>=0 && event.highlight.softwares.length>0 && event.provenance">
280
                                      <span class="pull-right">
281
                                        <b>from: </b>
282
                                        <ng-container *ngIf="event.provenance.url">
283
                                          <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
284
                                          <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
285
                                        </ng-container>
286
                                        <ng-container *ngIf="!event.provenance.url">
287
                                          <span>{{ event.provenance.repositoryName }}</span>
288
                                        </ng-container>
289
                                      </span>
290
                                    </span>
291
                                  </span>
292
                                </span>
293
                      </div>
294
                    </td>
295
                  </tr>
296
                  </tbody>
297
                </table>
236

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

  
249
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
250
                  <div *ngFor="let software of event.highlight.softwares; let s_index = index" class="uk-margin-small-bottom">
251
                    <span class="highlightIndex">{{(s_index + 1)}}. </span>
252
                    <span>{{ software.name }}</span>
253
                    <span *ngIf="software.description"> <br> {{ software.description }}</span>
254
                    <span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span>
255
                  </div>
256
                </div>
257

  
298 258
              </ng-container>
299 259

  
300 260
              <ng-container *ngIf="event.highlight.instances && event.highlight.instances.length>0">
301
                <table class="uk-table uk-table-middle">
302
                  <tbody>
303
                  <tr class="el-item md-bg-green-50">
304
                    <td class="uk-table-shrink uk-width-1-5" style="vertical-align: top !important;"><strong class="el-title uk-display-block">Rights</strong></td>
305
                    <td class="uk-table-shrink">
306
                      <div class="el-title">
307
                                <span *ngFor="let l of event.publication.instances; let l_index = index">
308
                                  <br *ngIf="l_index > 0">
309
                                  <span>
310
                                    {{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b><br>
311
                                    <a href="{{ l.url }}" target="_blank">{{ l.url }}</a>
312
                                  </span>
313
                                  <span *ngFor="let hl of event.highlight.instances">
314
                                    <span *ngIf="hl.hostedby.indexOf(l.hostedby)>=0 && event.highlight.instances.length>0 && event.provenance">
315
                                      &nbsp;&nbsp;<span class="uk-label uk-label-success">added</span>&nbsp;&nbsp;
316
                                      <b>from: </b>
317
                                      <ng-container *ngIf="event.provenance.url">
318
                                        <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
319
                                        <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
320
                                      </ng-container>
321
                                      <ng-container *ngIf="!event.provenance.url">
322
                                        <span>{{ event.provenance.repositoryName }}</span>
323
                                      </ng-container>
324
                                    </span>
325
                                  </span>
326
                                </span>
327
                      </div>
328
                    </td>
329
                  </tr>
330
                  </tbody>
331
                </table>
332
              </ng-container>
333 261

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

  
336
            <div class="md-card-overlay-content">
337
              <div class="uk-clearfix md-card-overlay-header">
338
                <i class="md-icon md-icon material-icons md-card-overlay-toggler" (click)="displayFullResultInfo(item_i)">{{ (selectedItemIndex == item_i) ? 'clear' : 'more_vert' }}</i>
274
                <div class="uk-margin-top uk-margin-medium-bottom small-content">
275
                  <div *ngFor="let l of event.highlight.instances; let l_index = index" class="uk-margin-small-bottom">
276
                    <span class="highlightIndex">{{(l_index + 1)}}. </span>
277
                    <span>
278
                    {{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b>
279
                    <a href="{{ l.url }}" target="_blank" class="uk-margin-left">{{ l.url }}</a>
280
                  </span>
281
                  </div>
282
                </div>
339 283

  
340
                <h2 *ngIf="event.publication.titles && event.publication.titles.length>0" class="heading_a uk-margin-bottom">
341
                  <span class="uk-badge uk-badge-primary uk-margin-small-right">Trust: {{ event.trust }}</span>
342
                  {{ event.publication.titles[0] }}
343
                  <span *ngIf="event.publication.originalId" class="sub-heading uk-margin-left">({{event.publication.originalId}})</span>
344
                </h2>
284
              </ng-container>
345 285

  
286
              <div *ngIf="selectedItemIndex == item_i" class="uk-text-meta uk-text-center">
287
                <a (click)="showLess(item_i)">Show less <i class="fas fa-angle-up uk-margin-small-left"></i></a>
346 288
              </div>
347
              <div class="truncate-text">
348
                <table class="uk-table uk-table-striped uk-table-middle">
349
                  <tbody>
350
                  <tr class="el-item" *ngIf="event.publication.originalId">
351
                    <td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">ID</strong></td>
352
                    <td class="uk-table-shrink">
353
                      <div class="el-title">{{ event.publication.originalId }}</div>
354
                    </td>
355
                  </tr>
356
                  <tr class="el-item" *ngIf="event.publication.titles && event.publication.titles.length>0">
357
                    <td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Title(s)</strong></td>
358
                    <td class="uk-table-shrink">
359
                      <div class="el-title">
360
                                <span *ngFor="let t of event.publication.titles; let ti_index = index">
361
                                  <br *ngIf="ti_index>0">
362
                                  <span>{{ t }}</span>
363
                                </span>
364
                      </div>
365
                    </td>
366
                  </tr>
367
                  <tr class="el-item" *ngIf="event.publication.creators && event.publication.creators.length>0">
368
                    <td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Author(s)</strong></td>
369
                    <td class="uk-table-shrink">
370
                      <div class="el-title">
371
                                <span *ngFor="let auth of event.publication.creators; let au_index = index">
372
                                  <span *ngIf="au_index>0"> | </span>
373
                                  <span>{{ auth }}</span>
374
                                </span>
375
                      </div>
376
                    </td>
377
                  </tr>
378
                  <tr class="el-item" *ngIf="event.publication.pids && event.publication.pids.length>0"
379
                      [ngClass]="{'md-bg-green-50': event.highlight.pids && event.highlight.pids.length>0 }">
380
                    <td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">PID(s)</strong></td>
381
                    <td class="uk-table-shrink">
382
                      <div class="el-title">
383
                                <span *ngFor="let pid of event.publication.pids; let a_index = index">
384
                                  <br *ngIf="a_index > 0">
385
                                  <span>{{ pid.value }} <b>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</b>
386
                                    <span *ngFor="let hl_pid of event.highlight.pids">
387
                                      <span *ngIf="hl_pid.value.indexOf(pid.value)>=0 && event.highlight.pids.length>0 && event.provenance">
388
                                        <span class="uk-label uk-label-success">added</span>
389
                                        <span class="pull-right">
390
                                          <b>from: </b>
391
                                          <ng-container *ngIf="event.provenance.url">
392
                                            <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
393
                                            <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
394
                                          </ng-container>
395
                                          <ng-container *ngIf="!event.provenance.url">
396
                                            <span>{{ event.provenance.repositoryName }}</span>
397
                                          </ng-container>
398
                                        </span>
399
                                      </span>
400
                                    </span>
401
                                  </span>
402
                                </span>
403
                      </div>
404
                    </td>
405
                  </tr>
406
                  <tr class="el-item" *ngIf="event.publication.abstracts && event.publication.abstracts.length>0"
407
                      [ngClass]="{'md-bg-green-50': event.highlight.abstracts && event.highlight.abstracts.length>0 }">
408
                    <td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Abstract(s)</strong></td>
409
                    <td class="uk-table-shrink">
410
                      <div class="el-title">
411
                                <span *ngFor="let abs of event.publication.abstracts; let a_index = index">
412
                                  <br *ngIf="a_index > 1">
413
                                  <!--<span>{{ abs }}</span>-->
414
                                  <span>
415
                                    <read-more-text [text]="abs" [maxHeight]="80"></read-more-text>
416
                                  </span>
417
                                  <span *ngIf="event.highlight.abstracts.indexOf(abs)>=0 && event.highlight.abstracts.length>0 && event.provenance">
418
                                    <span class="pull-right">
419
                                      <b>from: </b>
420
                                      <ng-container *ngIf="event.provenance.url">
421
                                        <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
422
                                        <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
423
                                      </ng-container>
424
                                      <ng-container *ngIf="!event.provenance.url">
425
                                        <span>{{ event.provenance.repositoryName }}</span>
426
                                      </ng-container>
427
                                    </span>
428
                                  </span>
429
                                </span>
430
                      </div>
431
                    </td>
432
                  </tr>
433
                  <tr class="el-item" *ngIf="event.publication.projects && event.publication.projects.length>0"
434
                      [ngClass]="{'md-bg-green-50': event.highlight.projects && event.highlight.projects.length>0 }">
435
                    <td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Project(s)/Relation(s)</strong></td>
436
                    <td class="uk-table-shrink">
437
                      <div class="el-title">
438
                                <span *ngFor="let proj of event.publication.projects; let p_index = index">
439
                                  <br *ngIf="p_index > 0">
440
                                  <span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>
441
                                  <span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>
442
                                  <span *ngIf="(proj.funder && proj.funder !=='') ||
443
                                               (proj.fundingProgram && proj.fundingProgram !=='')">
444
                                    (<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span>
445
                                    <span *ngIf="(proj.funder && proj.funder !=='') &&
446
                                                 (proj.fundingProgram && proj.fundingProgram !=='')">/</span>
447
                                    <span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>)
448
                                  </span>
449
                                  <span *ngFor="let hl_proj of event.highlight.projects">
450
                                    <span *ngIf="hl_proj.code.indexOf(proj.code)>=0  && event.highlight.projects.length>0 && event.provenance">
451
                                      <span class="pull-right">
452
                                        <b>from: </b>
453
                                        <ng-container *ngIf="event.provenance.url">
454
                                          <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
455
                                          <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
456
                                        </ng-container>
457
                                        <ng-container *ngIf="!event.provenance.url">
458
                                          <span>{{ event.provenance.repositoryName }}</span>
459
                                        </ng-container>
460
                                      </span>
461
                                    </span>
462
                                  </span>
463
                                </span>
464
                      </div>
465
                    </td>
466
                  </tr>
467
                  <tr class="el-item" *ngIf="event.publication.subjects && event.publication.subjects.length>0"
468
                      [ngClass]="{'md-bg-green-50': event.highlight.subjects && event.highlight.subjects.length>0 }">
469
                    <td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Subject(s)</strong></td>
470
                    <td class="uk-table-shrink">
471
                      <div class="el-title">
472
                                <span *ngFor="let subj of event.publication.subjects; let s_index = index">
473
                                  <br *ngIf="s_index > 0">
474
                                  <span>{{ subj }}</span>
475
                                  <span *ngIf="event.highlight.subjects.indexOf(subj)>=0 && event.highlight.subjects.length>0 && event.provenance">
476
                                    <span class="pull-right">
477
                                      <b>from: </b>
478
                                      <ng-container *ngIf="event.provenance.url">
479
                                        <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
480
                                        <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
481
                                      </ng-container>
482
                                      <ng-container *ngIf="!event.provenance.url">
483
                                        <span>{{ event.provenance.repositoryName }}</span>
484
                                      </ng-container>
485
                                    </span>
486
                                  </span>
487
                                </span>
488
                      </div>
489
                    </td>
490
                  </tr>
491 289

  
492
                  <!--Publications-->
493
                  <tr class="el-item" *ngIf="event.publication.publications && event.publication.publications.length>0"
494
                      [ngClass]="{'md-bg-green-50': event.highlight.publications && event.highlight.publications.length>0 }">
495
                    <td *ngIf="this.topic.includes('PUBLICATION')" class="uk-table-shrink uk-width-1-5">
496
                      <strong class="el-title uk-display-block">{{this.lastTopicEntry}}<br>Publication(s)</strong>
497
                    </td>
498
                    <td *ngIf="!(this.topic.includes('PUBLICATION'))"
499
                        class="uk-table-shrink uk-width-1-5">
500
                      <strong class="el-title uk-display-block">Publication(s)</strong>
501
                    </td>
502
                    <td class="uk-table-shrink">
503
                      <div class="el-title">
504
                                <span *ngFor="let pub of event.publication.publications; let s_index = index">
505
                                  <br *ngIf="s_index > 0">
506
                                  <span>{{ pub.titles[0] }} (ID: {{pub.originalId}})</span>
507
                                  <span *ngFor="let hl_pub of event.highlight.publications">
508
                                    <span *ngIf="hl_pub.originalId.indexOf(pub.originalId)>=0 && event.highlight.publications.length>0 && event.provenance">
509
                                      <span class="pull-right">
510
                                        <b>from: </b>
511
                                        <ng-container *ngIf="event.provenance.url">
512
                                          <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
513
                                          <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
514
                                        </ng-container>
515
                                        <ng-container *ngIf="!event.provenance.url">
516
                                          <span>{{ event.provenance.repositoryName }}</span>
517
                                        </ng-container>
518
                                      </span>
519
                                    </span>
520
                                  </span>
521
                                </span>
522
                      </div>
523
                    </td>
524
                  </tr>
290
              <div *ngIf="selectedItemIndex != item_i" class="uk-text-meta uk-text-center">
291
                <a (click)="showMore(item_i)">Show more <i class="fas fa-angle-down uk-margin-small-left"></i></a>
292
              </div>
525 293

  
526
                  <!--Datasets-->
527
                  <tr class="el-item" *ngIf="event.publication.datasets && event.publication.datasets.length>0"
528
                      [ngClass]="{'md-bg-green-50': event.highlight.datasets && event.highlight.datasets.length>0 }">
529
                    <td *ngIf="this.topic.includes('DATASET')" class="uk-table-shrink uk-width-1-5">
530
                      <strong class="el-title uk-display-block">{{this.lastTopicEntry}}<br>Dataset(s)</strong>
531
                    </td>
532
                    <td *ngIf="!(this.topic.includes('DATASET'))" class="uk-table-shrink uk-width-1-5">
533
                      <strong class="el-title uk-display-block">Dataset(s)</strong>
534
                    </td>
535
                    <td class="uk-table-shrink">
536
                      <div class="el-title">
537
                                <span *ngFor="let dataset of event.publication.datasets; let s_index = index">
538
                                  <br *ngIf="s_index > 0">
539
                                  <span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span>
540
                                  <span *ngFor="let hl_dataset of event.highlight.datasets">
541
                                    <span *ngIf="hl_dataset.pids.indexOf(dataset.pids[s_index])>=0 && event.highlight.datasets.length>0 && event.provenance">
542
                                      <span class="pull-right">
543
                                        <b>from: </b>
544
                                        <ng-container *ngIf="event.provenance.url">
545
                                          <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
546
                                          <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
547
                                        </ng-container>
548
                                        <ng-container *ngIf="!event.provenance.url">
549
                                          <span>{{ event.provenance.repositoryName }}</span>
550
                                        </ng-container>
551
                                      </span>
552
                                    </span>
553
                                  </span>
554
                                </span>
555
                      </div>
556
                    </td>
557
                  </tr>
294
              <ng-container *ngIf="selectedItemIndex == item_i">
295
                <hr>
558 296

  
559
                  <!--Software-->
560
                  <tr class="el-item" *ngIf="event.highlight.softwares && event.highlight.softwares.length>0"
561
                      [ngClass]="{'md-bg-green-50': event.highlight.softwares && event.highlight.softwares.length>0 }">
562
                    <td *ngIf="this.topic.includes('SOFTWARE')" class="uk-table-shrink uk-width-1-5">
563
                      <strong class="el-title uk-display-block">Software</strong>
564
                    </td>
565
                    <td *ngIf="!(this.topic.includes('SOFTWARE'))" class="uk-table-shrink uk-width-1-5">
566
                      <strong class="el-title uk-display-block">Software</strong>
567
                    </td>
568
                    <td class="uk-table-shrink">
569
                      <div class="el-title">
570
                                <span *ngFor="let software of event.publication.softwares; let s_index = index">
571
                                  <br *ngIf="s_index > 0">
572
                                  <span>{{ software.name }}</span>
573
                                  <span *ngIf="software.description"> <br> {{ software.description }}</span>
574
                                  <span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span>
575
                                  <span *ngIf="software.landingPage !== software.repository"><br><a href="{{ software.repository }}" target="_blank">{{ software.repository }}</a></span>
576
                                  <span *ngFor="let hl_software of event.highlight.softwares">
577
                                    <span *ngIf="hl_software.name.indexOf(software.name)>=0 && event.highlight.softwares.length>0 && event.provenance">
578
                                      <span class="pull-right">
579
                                        <b>from: </b>
580
                                        <ng-container *ngIf="event.provenance.url">
581
                                          <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
582
                                          <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
583
                                        </ng-container>
584
                                        <ng-container *ngIf="!event.provenance.url">
585
                                          <span>{{ event.provenance.repositoryName }}</span>
586
                                        </ng-container>
587
                                      </span>
588
                                    </span>
589
                                  </span>
590
                                </span>
591
                      </div>
592
                    </td>
593
                  </tr>
297
                <!--AUTHORS-->
298
                <div *ngIf="event.publication.creators && event.publication.creators.length>0" class="uk-margin-small-bottom">
299
                  <span class="mute-title">Author(s): </span>
300
                  <span *ngFor="let auth of event.publication.creators; let au_index = index" class="small-content">
301
                    <span *ngIf="au_index>0"> | </span>
302
                    <span>{{ auth }}</span>
303
                  </span>
304
                </div>
594 305

  
595
                  <tr class="el-item" *ngIf="event.publication.publicationdate && event.publication.publicationdate.length>0"
596
                      [ngClass]="{'md-bg-green-50': event.highlight.publicationdate && event.highlight.publicationdate.length>0 }">
597
                    <td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Publication date</strong></td>
598
                    <td class="uk-table-shrink"><div class="el-title">{{ event.publication.publicationdate }}</div></td>
599
                  </tr>
306
                <!--PIDs-->
307
                <div *ngIf="event.publication.pids && event.publication.pids.length>0" class="uk-margin-small-bottom">
308
                  <span class="mute-title">PID(s): </span>
309
                  <span *ngFor="let pid of event.publication.pids; let p_index = index" class="small-content">
310
                    <br *ngIf="p_index > 0">
311
                    <span>{{ pid.value }} <b>&nbsp;&nbsp;({{ pid.type }})&nbsp;&nbsp;</b></span>
312
                  </span>
313
                </div>
600 314

  
601
                  <tr class="el-item" *ngIf="event.publication.instances && event.publication.instances.length>0"
602
                      [ngClass]="{'md-bg-green-50': event.highlight.instances && event.highlight.instances.length>0 }">
603
                    <td class="uk-table-shrink uk-width-1-5"><strong class="el-title uk-display-block">Rights</strong></td>
604
                    <td class="uk-table-shrink">
605
                      <div class="el-title">
606
                                <span *ngFor="let l of event.publication.instances; let l_index = index">
607
                                  <br *ngIf="l_index > 0">
608
                                  <span>
609
                                    {{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b><br>
610
                                    <a href="{{ l.url }}" target="_blank">{{ l.url }}</a>
611
                                  </span>
612
                                  <span *ngFor="let hl of event.highlight.instances">
613
                                    <span *ngIf="hl.hostedby.indexOf(l.hostedby)>=0 && event.highlight.instances.length>0 && event.provenance">
614
                                      &nbsp;&nbsp;<span class="uk-label uk-label-success">added</span>&nbsp;&nbsp;
615
                                      <b>from: </b>
616
                                      <ng-container *ngIf="event.provenance.url">
617
                                        <a href="{{ event.provenance.url }}" target="_blank">{{ event.provenance.repositoryName }}</a>
618
                                        <span *ngIf="event.provenance.id"> (ID: {{ event.provenance.id }})</span>
619
                                      </ng-container>
620
                                      <ng-container *ngIf="!event.provenance.url">
621
                                        <span>{{ event.provenance.repositoryName }}</span>
622
                                      </ng-container>
623
                                    </span>
624
                                  </span>
625
                                </span>
626
                      </div>
627
                    </td>
628
                  </tr>
629
                  </tbody>
630
                </table>
631
              </div>
315
                <!--Abstracts-->
316
                <div *ngIf="event.publication.abstracts && event.publication.abstracts.length>0" class="uk-margin-small-bottom">
317
                  <span class="mute-title">Abstract(s): </span>
318
                  <span *ngFor="let abs of event.publication.abstracts; let a_index = index" class="small-content">
319
                    <br *ngIf="a_index > 0">
320
                    <span>
321
                      <read-more-text [text]="abs" [maxHeight]="83"></read-more-text>
322
                    </span>
323
                  </span>
324
                </div>
632 325

  
326
                <!--Projects/Relations-->
327
                <div *ngIf="event.publication.projects && event.publication.projects.length>0" class="uk-margin-small-bottom">
328
                  <span class="mute-title">Project(s)/Relation(s): </span>
329
                  <span *ngFor="let proj of event.publication.projects; let p_index = index" class="small-content">
330
                    <br *ngIf="p_index > 0">
331
                    <span *ngIf="proj.acronym && proj.acronym !==''">{{ proj.acronym }}</span>
332
                    <span *ngIf="!proj.acronym || proj.acronym ===''">{{ proj.title }}</span>
333
                    <span *ngIf="(proj.funder && proj.funder !=='') ||
334
                                 (proj.fundingProgram && proj.fundingProgram !=='')">
335
                      (<span *ngIf="proj.funder && proj.funder !==''">{{ proj.funder }} </span>
336
                      <span *ngIf="(proj.funder && proj.funder !=='') &&
337
                                   (proj.fundingProgram && proj.fundingProgram !=='')">/</span>
338
                      <span *ngIf="proj.fundingProgram && proj.fundingProgram !==''">{{ proj.fundingProgram }}</span>)
339
                    </span>
340
                  </span>
341
                </div>
342

  
343
                <!--Subjects-->
344
                <div *ngIf="event.publication.subjects && event.publication.subjects.length>0" class="uk-margin-small-bottom">
345
                  <span class="mute-title">Subject(s): </span>
346
                  <span *ngFor="let subj of event.publication.subjects; let s_index = index" class="small-content">
347
                    <span *ngIf="s_index>0"> | </span>
348
                    <span>{{ subj }}</span>
349
                  </span>
350
                </div>
351

  
352
                <!--Publications-->
353
                <div *ngIf="event.publication.publications && event.publication.publications.length>0" class="uk-margin-small-bottom">
354
                  <span *ngIf="this.topic.includes('PUBLICATION')" class="mute-title">{{this.lastTopicEntry}} Publication(s): </span>
355
                  <span *ngIf="!this.topic.includes('PUBLICATION')" class="mute-title">Publication(s): </span>
356
                  <span *ngFor="let pub of event.publication.publications; let p_index = index" class="small-content">
357
                    <br *ngIf="p_index > 0">
358
                    <span>{{ pub.titles[0] }} (ID: {{pub.originalId}})</span>
359
                  </span>
360
                </div>
361

  
362
                <!--Datasets-->
363
                <div *ngIf="event.publication.datasets && event.publication.datasets.length>0" class="uk-margin-small-bottom">
364
                  <span *ngIf="this.topic.includes('DATASET')" class="mute-title">{{this.lastTopicEntry}} Dataset(s): </span>
365
                  <span *ngIf="!this.topic.includes('DATASET')" class="mute-title">Dataset(s): </span>
366
                  <span *ngFor="let dataset of event.publication.datasets; let d_index = index" class="small-content">
367
                    <br *ngIf="d_index > 0">
368
                    <span>{{ dataset.titles[0] }} <span *ngIf="dataset.pids && dataset.pids.length>0">({{dataset.pids[0].type}}: {{dataset.pids[0].value}})</span></span>
369
                  </span>
370
                </div>
371

  
372
                <!--Software-->
373
                <div *ngIf="event.publication.softwares && event.publication.softwares.length>0" class="uk-margin-small-bottom">
374
                  <span *ngIf="this.topic.includes('SOFTWARE')" class="mute-title">{{this.lastTopicEntry}} Software(s): </span>
375
                  <span *ngIf="!this.topic.includes('SOFTWARE')" class="mute-title">Software(s): </span>
376
                  <span *ngFor="let software of event.publication.softwares; let s_index = index" class="small-content">
377
                    <br *ngIf="s_index > 0">
378
                    <span>{{ software.name }}</span>
379
                    <span *ngIf="software.description"> <br> {{ software.description }}</span>
380
                    <span><br><a href="{{ software.landingPage }}" target="_blank">{{ software.landingPage }}</a></span>
381
                    <span *ngIf="software.landingPage !== software.repository"><br><a href="{{ software.repository }}" target="_blank">{{ software.repository }}</a></span>
382
                  </span>
383
                </div>
384

  
385
                <!--Publication Date-->
386
                <div *ngIf="event.publication.publicationdate && event.publication.publicationdate.length>0" class="uk-margin-small-bottom">
387
                  <span class="mute-title">Publication date(s): </span>
388
                  <span class="small-content">
389
                    {{ event.publication.publicationdate }}
390
                  </span>
391
                </div>
392

  
393
                <!--Rights-->
394
                <div *ngIf="event.publication.instances && event.publication.instances.length>0" class="uk-margin-small-bottom">
395
                  <span class="mute-title">Rights: </span>
396
                  <span *ngFor="let l of event.publication.instances; let l_index = index" class="small-content">
397
                    <br *ngIf="l_index > 0">
398
                    <span>
399
                      {{ l.license }}&nbsp;&nbsp;<b>{{ l.hostedby }}</b> - <a class="" href="{{ l.url }}" target="_blank">{{ l.url }}</a>
400
                    </span>
401
                  </span>
402
                </div>
403

  
404
              </ng-container>
405

  
633 406
            </div>
407

  
634 408
          </div>
635 409

  
636 410
          <!-- BOTTOM PAGINATION LINKS -->
637
          <ul class="uk-pagination uk-margin-medium-top">
638
            <li class="uk-pagination-previous"><a (click)="goToPreviousPage()"><i class="uk-icon-angle-left"></i><span class="uk-margin-left">Previous</span></a></li>
639
            <li class=""><span>page {{ (eventsPage.totalPages > 0) ? currentPage+1 : 0 }} of {{ eventsPage.totalPages }}</span></li>
640
            <li class="uk-pagination-next"><a (click)="goToNextPage()"><span class="uk-margin-right">Next</span><i class="uk-icon-angle-right"></i></a></li>
411
          <ul class="uk-pagination uk-margin-top uk-flex-right" uk-margin>
412
            <li><a (click)="goToPreviousPage()"><span uk-pagination-previous></span></a></li>
413
            <li class="uk-active"><span>{{ (eventsPage.totalPages > 0) ? currentPage+1 : 0 }}</span></li>
414
            <li><a (click)="goToNextPage()"><span uk-pagination-next></span></a></li>
641 415
          </ul>
642

  
643 416
        </div>
644 417
      </div>
645 418
    </div>
646 419

  
647
    <!-- RIGHT HELP CONTENT CAN'T BE USED IN THIS PAGE -->
648
    <div [formGroup]="group" class="tm-sidebar uk-width-1-4">
649
      <div class="enrichContentAdvancedSearch md-card sidemenu">
650
        <div class="md-card-toolbar">
651
          <div class="md-card-toolbar-actions">
652
            <button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>
653
            <button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>
654
            <!--<a href="#" class="md-btn md-btn-small md-btn-flat">Button</a>-->
655
            <!--<a href="#" class="md-btn md-btn-small md-btn-flat md-btn-flat-primary">Button</a>-->
420

  
421
    <!-- RIGHT HELP CONTENT -->
422
    <aside-help-content #rightHelperContent [position]="'right'"
423
                        [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
424
    </aside-help-content>
425

  
426
  </div>
427

  
428
  <!-- BOTTOM HELP CONTENT -->
429
  <help-content #bottomHelperContent [position]="'bottom'"
430
                [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
431
  </help-content>
432

  
433
</div>
434

  
435

  
436
<div class="filter-overlay-toolbar uk-animation-scale-up ng-star-inserted">
437
  <button class="uk-button filter-overlay-button" type="button" uk-toggle="target: #offcanvas-overlay">
438
    <span class=""><i class="fas fa-filter"></i></span>
439
  </button>
440
</div>
441

  
442
<div class="offcanvas-filters" id="offcanvas-overlay" uk-offcanvas="overlay: true">
443
  <div class="uk-offcanvas-bar uk-light">
444

  
445
    <button class="uk-offcanvas-close" type="button" uk-close></button>
446

  
447

  
448
    <h4>Filters
449
    <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>
450
    <button type="reset" (click)="clearForm()" class="uk-button uk-button-link clearCriteria">Clear<i class="fas fa-times uk-margin-small-left"></i></button>
451
    </h4>
452

  
453
    <div [formGroup]="group" class="">
454
      <div class="enrichContentAdvancedSearch">
455
        <div role="form" class="uk-form-horizontal">
456
          <div class="uk-form-horizontal uk-margin-bottom">
457
            <div class="form-group">
458
              <label class="control-label">Trust [{{group.get('trustMin').value}} - {{group.get('trustMax').value}}]</label><br>
459
              <input type="range" min="0" max="1" step="0.05" formControlName="trustMin" class="uk-range"/>
460
              <input type="range" min="0" max="1" step="0.05" formControlName="trustMax" class="uk-range"/>
461
            </div>
656 462
          </div>
657
          <h3 class="md-card-toolbar-heading-text">
658
            Tweak and refine events
659
          </h3>
660
        </div>
661
        <div class="md-card-content">
662
          <div role="form" class="uk-form-horizontal">
663
            <div class="uk-form-horizontal uk-margin-bottom">
664
              <div class="form-group">
665
                <label class="control-label">Trust [{{group.get('trustMin').value}} - {{group.get('trustMax').value}}]</label><br>
666
                <input type="range" min="0" max="1" step="0.05" formControlName="trustMin" class="uk-range"/>
667
                <input type="range" min="0" max="1" step="0.05" formControlName="trustMax" class="uk-range"/>
668
              </div>
669
            </div>
670 463

  
671
            <div class="uk-form-horizontal uk-margin-small-bottom">
672
              <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
673
                <div formArrayName="eventTitles" class="uk-grid form_section" *ngFor="let title of eventTitleFormArray; let title_index = index; let last_title = last;">
674
                  <div [formGroupName]="title_index" class="uk-width-1-1 uk-margin-small-bottom">
675
                    <div class="uk-input-group">
676
                      <div class="md-input-wrapper md-input-filled">
677
                        <label>Title</label>
678
                        <input type="text" class="md-input label-fixed" formControlName="eventTitle">
679
                        <span class="md-input-bar "></span>
680
                      </div>
681
                      <span *ngIf="last_title" class="uk-input-group-addon">
464
          <div class="uk-form-horizontal uk-margin-small-bottom">
465
            <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
466
              <div formArrayName="eventTitles" class="uk-grid form_section" *ngFor="let title of eventTitleFormArray; let title_index = index; let last_title = last;">
467
                <div [formGroupName]="title_index" class="uk-width-1-1 uk-margin-small-bottom">
468
                  <div class="uk-input-group">
469
                    <div class="md-input-wrapper md-input-filled">
470
                      <label>Title</label>
471
                      <input type="text" class="md-input label-fixed" formControlName="eventTitle">
472
                      <span class="md-input-bar "></span>
473
                    </div>
474
                    <span *ngIf="last_title" class="uk-input-group-addon">
682 475
                          <a (click)="addControl('eventTitles',titleDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
683 476
                        </span>
684
                      <span *ngIf="!last_title" class="uk-input-group-addon">
477
                    <span *ngIf="!last_title" class="uk-input-group-addon">
685 478
                          <a (click)="removeControl('eventTitles',title_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
686 479
                        </span>
687
                    </div>
688 480
                  </div>
689 481
                </div>
690 482
              </div>
483
            </div>
691 484

  
692
              <!--<div class="form-group">-->
693
              <!--<label class="control-label" style="display: block;">Title</label>-->
694
              <!--<div formArrayName="eventTitles" *ngFor="let title of eventTitleFormArray; let title_index = index">-->
695
              <!--<div [formGroupName]="title_index">-->
696
              <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventTitle">-->
697
              <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventTitles',title_index)"><i class="fa fa-remove"></i></a>-->
698
              <!--</div>-->
699
              <!--</div>-->
700
              <!--<a (click)="addControl('eventTitles',titleDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
701
              <!--</div>-->
702
            </div>
703
            <div class="uk-form-horizontal uk-margin-small-bottom">
704
              <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
705
                <div formArrayName="eventAuthors" class="uk-grid form_section" *ngFor="let author of eventAuthorFormArray; let author_index = index; let last_author = last;">
706
                  <div [formGroupName]="author_index" class="uk-width-1-1 uk-margin-small-bottom">
707
                    <div class="uk-input-group">
708
                      <div class="md-input-wrapper md-input-filled">
709
                        <label>Author</label>
710
                        <input type="text" class="md-input label-fixed" formControlName="eventAuthor">
711
                        <span class="md-input-bar "></span>
712
                      </div>
713
                      <span *ngIf="last_author" class="uk-input-group-addon">
485
            <!--<div class="form-group">-->
486
            <!--<label class="control-label" style="display: block;">Title</label>-->
487
            <!--<div formArrayName="eventTitles" *ngFor="let title of eventTitleFormArray; let title_index = index">-->
488
            <!--<div [formGroupName]="title_index">-->
489
            <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventTitle">-->
490
            <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventTitles',title_index)"><i class="fa fa-remove"></i></a>-->
491
            <!--</div>-->
492
            <!--</div>-->
493
            <!--<a (click)="addControl('eventTitles',titleDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
494
            <!--</div>-->
495
          </div>
496
          <div class="uk-form-horizontal uk-margin-small-bottom">
497
            <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
498
              <div formArrayName="eventAuthors" class="uk-grid form_section" *ngFor="let author of eventAuthorFormArray; let author_index = index; let last_author = last;">
499
                <div [formGroupName]="author_index" class="uk-width-1-1 uk-margin-small-bottom">
500
                  <div class="uk-input-group">
501
                    <div class="md-input-wrapper md-input-filled">
502
                      <label>Author</label>
503
                      <input type="text" class="md-input label-fixed" formControlName="eventAuthor">
504
                      <span class="md-input-bar "></span>
505
                    </div>
506
                    <span *ngIf="last_author" class="uk-input-group-addon">
714 507
                          <a (click)="addControl('eventAuthors',authorDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
715 508
                        </span>
716
                      <span *ngIf="!last_author" class="uk-input-group-addon">
509
                    <span *ngIf="!last_author" class="uk-input-group-addon">
717 510
                          <a (click)="removeControl('eventAuthors',author_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
718 511
                        </span>
512
                  </div>
513
                </div>
514
              </div>
515
            </div>
516
            <!--<div class="form-group">-->
517
            <!--<label class="control-label" style="display: block;">Author</label>-->
518
            <!--<div formArrayName="eventAuthors" *ngFor="let author of eventAuthorFormArray; let author_index = index">-->
519
            <!--<div [formGroupName]="author_index">-->
520
            <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventAuthor">-->
521
            <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventAuthors',author_index)"><i class="fa fa-remove"></i></a>-->
522
            <!--</div>-->
523
            <!--</div>-->
524
            <!--<a (click)="addControl('eventAuthors', authorDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
525
            <!--</div>-->
526
          </div>
527
          <div class="uk-form-horizontal uk-margin-small-bottom">
528
            <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
529
              <div formArrayName="eventSubjects" class="uk-grid form_section" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index; let last_subject = last;">
530
                <div [formGroupName]="subject_index" class="uk-width-1-1 uk-margin-small-bottom">
531
                  <div class="uk-input-group">
532
                    <div class="md-input-wrapper md-input-filled">
533
                      <label>Subject</label>
534
                      <input type="text" class="md-input label-fixed" formControlName="eventSubject">
535
                      <span class="md-input-bar "></span>
719 536
                    </div>
537
                    <span *ngIf="last_subject" class="uk-input-group-addon">
538
                          <a (click)="addControl('eventSubjects',subjectDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
539
                        </span>
540
                    <span *ngIf="!last_subject" class="uk-input-group-addon">
541
                          <a (click)="removeControl('eventSubjects',subject_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
542
                        </span>
720 543
                  </div>
721 544
                </div>
722 545
              </div>
723
              <!--<div class="form-group">-->
724
              <!--<label class="control-label" style="display: block;">Author</label>-->
725
              <!--<div formArrayName="eventAuthors" *ngFor="let author of eventAuthorFormArray; let author_index = index">-->
726
              <!--<div [formGroupName]="author_index">-->
727
              <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventAuthor">-->
728
              <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventAuthors',author_index)"><i class="fa fa-remove"></i></a>-->
729
              <!--</div>-->
730
              <!--</div>-->
731
              <!--<a (click)="addControl('eventAuthors', authorDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
732
              <!--</div>-->
733 546
            </div>
734
            <div class="uk-form-horizontal uk-margin-small-bottom">
547
            <!--<div class="form-group">-->
548
            <!--<label class="control-label" style="display: block;">Subject</label>-->
549
            <!--<div formArrayName="eventSubjects" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index">-->
550
            <!--<div [formGroupName]="subject_index">-->
551
            <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventSubject">-->
552
            <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventSubjects', subject_index)"><i class="fa fa-remove"></i></a>-->
553
            <!--</div>-->
554
            <!--</div>-->
555
            <!--<a (click)="addControl('eventSubjects', subjectDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
556
            <!--</div>-->
557
          </div>
558

  
559
          <div>
560
            <div class="uk-form-horizontal">
735 561
              <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
736
                <div formArrayName="eventSubjects" class="uk-grid form_section" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index; let last_subject = last;">
737
                  <div [formGroupName]="subject_index" class="uk-width-1-1 uk-margin-small-bottom">
562
                <div formArrayName="eventDateRanges" class="uk-grid form_section" *ngFor="let date of eventDateRangesFormArray; let date_index = index; let last_date = last;">
563
                  <div [formGroupName]="date_index" class="uk-width-1-1 uk-margin-small-bottom">
738 564
                    <div class="uk-input-group">
739 565
                      <div class="md-input-wrapper md-input-filled">
740
                        <label>Subject</label>
741
                        <input type="text" class="md-input label-fixed" formControlName="eventSubject">
566
                        <label>Date From</label>
567
                        <input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateFrom">
742 568
                        <span class="md-input-bar "></span>
743 569
                      </div>
744
                      <span *ngIf="last_subject" class="uk-input-group-addon">
745
                          <a (click)="addControl('eventSubjects',subjectDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
570
                      <div class="md-input-wrapper md-input-filled">
571
                        <label>Date To</label>
572
                        <input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateTo">
573
                        <span class="md-input-bar "></span>
574
                      </div>
575
                      <span *ngIf="last_date" class="uk-input-group-addon">
576
                            <a (click)="addControl('eventDateRanges',dateRangeDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
577
                          </span>
578
                      <span *ngIf="!last_date" class="uk-input-group-addon">
579
                          <a (click)="removeControl('eventDateRanges',date_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
746 580
                        </span>
747
                      <span *ngIf="!last_subject" class="uk-input-group-addon">
748
                          <a (click)="removeControl('eventSubjects',subject_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
749
                        </span>
750 581
                    </div>
751 582
                  </div>
752 583
                </div>
753 584
              </div>
585

  
754 586
              <!--<div class="form-group">-->
755
              <!--<label class="control-label" style="display: block;">Subject</label>-->
756
              <!--<div formArrayName="eventSubjects" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index">-->
757
              <!--<div [formGroupName]="subject_index">-->
758
              <!--<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventSubject">-->
759
              <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventSubjects', subject_index)"><i class="fa fa-remove"></i></a>-->
587
              <!--<label class="control-label" style="display: block;">Date</label>-->
588
              <!--<div formArrayName="eventDateRanges" *ngFor="let date of eventDateRangesFormArray; let date_index = index">-->
589
              <!--<div class="uk-form" style="position: relative;" [formGroupName]=date_index>-->
590
              <!--<input class="form-control inlineBlock dateFrom" style="width:88%;"-->
591
              <!--placeholder="From"-->
592
              <!--type="text"-->
593
              <!--onfocus="(this.type='date')"-->
594
              <!--formControlName=dateFrom>-->
595
              <!--<input class="form-control inlineBlock dateTo" style="width:88%;"-->
596
              <!--placeholder="To"-->
597
              <!--type="text"-->
598
              <!--onfocus="(this.type='date')"-->
599
              <!--formControlName=dateTo>-->
600
              <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventDateRanges',date_index)"><i class="fa fa-remove" style=""></i></a>-->
760 601
              <!--</div>-->
761 602
              <!--</div>-->
762
              <!--<a (click)="addControl('eventSubjects', subjectDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
603
              <!--<a (click)="addControl('eventDateRanges', dateRangeDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
763 604
              <!--</div>-->
764 605
            </div>
606
          </div>
607
          <!--<div role="form" class="form-horizontal">-->
608
          <!--<div class="form-group">-->
609
          <!--<div class="actionButtons">-->
610
          <!--<button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>-->
611
          <!--<button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>-->
612
          <!--</div>-->
613
          <!--</div>-->
614
          <!--</div>-->
615
        </div>
616
      </div>
765 617

  
766
            <div>
767
              <div class="uk-form-horizontal">
768
                <div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">
769
                  <div formArrayName="eventDateRanges" class="uk-grid form_section" *ngFor="let date of eventDateRangesFormArray; let date_index = index; let last_date = last;">
770
                    <div [formGroupName]="date_index" class="uk-width-1-1 uk-margin-small-bottom">
771
                      <div class="uk-input-group">
772
                        <div class="md-input-wrapper md-input-filled">
773
                          <label>Date From</label>
774
                          <input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateFrom">
775
                          <span class="md-input-bar "></span>
776
                        </div>
777
                        <div class="md-input-wrapper md-input-filled">
778
                          <label>Date To</label>
779
                          <input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateTo">
780
                          <span class="md-input-bar "></span>
781
                        </div>
782
                        <span *ngIf="last_date" class="uk-input-group-addon">
783
                            <a (click)="addControl('eventDateRanges',dateRangeDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>
784
                          </span>
785
                        <span *ngIf="!last_date" class="uk-input-group-addon">
786
                          <a (click)="removeControl('eventDateRanges',date_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>
787
                        </span>
788
                      </div>
789
                    </div>
790
                  </div>
791
                </div>
618
      <!--<div class="enrichContentAdvancedSearch md-card sidemenu">-->
619
        <!--<div class="md-card-toolbar">-->
620
          <!--<div class="md-card-toolbar-actions">-->
621
            <!--<button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>-->
622
            <!--<button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>-->
623
            <!--&lt;!&ndash;<a href="#" class="md-btn md-btn-small md-btn-flat">Button</a>&ndash;&gt;-->
624
            <!--&lt;!&ndash;<a href="#" class="md-btn md-btn-small md-btn-flat md-btn-flat-primary">Button</a>&ndash;&gt;-->
625
          <!--</div>-->
626
          <!--<h3 class="md-card-toolbar-heading-text">-->
627
            <!--Tweak and refine events-->
628
          <!--</h3>-->
629
        <!--</div>-->
630
        <!--<div class="md-card-content">-->
631
          <!--<div role="form" class="uk-form-horizontal">-->
632
            <!--<div class="uk-form-horizontal uk-margin-bottom">-->
633
              <!--<div class="form-group">-->
634
                <!--<label class="control-label">Trust [{{group.get('trustMin').value}} - {{group.get('trustMax').value}}]</label><br>-->
635
                <!--<input type="range" min="0" max="1" step="0.05" formControlName="trustMin" class="uk-range"/>-->
636
                <!--<input type="range" min="0" max="1" step="0.05" formControlName="trustMax" class="uk-range"/>-->
637
              <!--</div>-->
638
            <!--</div>-->
792 639

  
793
                <!--<div class="form-group">-->
794
                <!--<label class="control-label" style="display: block;">Date</label>-->
795
                <!--<div formArrayName="eventDateRanges" *ngFor="let date of eventDateRangesFormArray; let date_index = index">-->
796
                <!--<div class="uk-form" style="position: relative;" [formGroupName]=date_index>-->
797
                <!--<input class="form-control inlineBlock dateFrom" style="width:88%;"-->
798
                <!--placeholder="From"-->
799
                <!--type="text"-->
800
                <!--onfocus="(this.type='date')"-->
801
                <!--formControlName=dateFrom>-->
802
                <!--<input class="form-control inlineBlock dateTo" style="width:88%;"-->
803
                <!--placeholder="To"-->
804
                <!--type="text"-->
805
                <!--onfocus="(this.type='date')"-->
806
                <!--formControlName=dateTo>-->
807
                <!--<a class="inlineBlock deleteIcon" (click)="removeControl('eventDateRanges',date_index)"><i class="fa fa-remove" style=""></i></a>-->
640
            <!--<div class="uk-form-horizontal uk-margin-small-bottom">-->
641
              <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
642
                <!--<div formArrayName="eventTitles" class="uk-grid form_section" *ngFor="let title of eventTitleFormArray; let title_index = index; let last_title = last;">-->
643
                  <!--<div [formGroupName]="title_index" class="uk-width-1-1 uk-margin-small-bottom">-->
644
                    <!--<div class="uk-input-group">-->
645
                      <!--<div class="md-input-wrapper md-input-filled">-->
646
                        <!--<label>Title</label>-->
647
                        <!--<input type="text" class="md-input label-fixed" formControlName="eventTitle">-->
648
                        <!--<span class="md-input-bar "></span>-->
649
                      <!--</div>-->
650
                      <!--<span *ngIf="last_title" class="uk-input-group-addon">-->
651
                          <!--<a (click)="addControl('eventTitles',titleDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
652
                        <!--</span>-->
653
                      <!--<span *ngIf="!last_title" class="uk-input-group-addon">-->
654
                          <!--<a (click)="removeControl('eventTitles',title_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
655
                        <!--</span>-->
656
                    <!--</div>-->
657
                  <!--</div>-->
808 658
                <!--</div>-->
659
              <!--</div>-->
660

  
661
              <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
662
              <!--&lt;!&ndash;<label class="control-label" style="display: block;">Title</label>&ndash;&gt;-->
663
              <!--&lt;!&ndash;<div formArrayName="eventTitles" *ngFor="let title of eventTitleFormArray; let title_index = index">&ndash;&gt;-->
664
              <!--&lt;!&ndash;<div [formGroupName]="title_index">&ndash;&gt;-->
665
              <!--&lt;!&ndash;<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventTitle">&ndash;&gt;-->
666
              <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventTitles',title_index)"><i class="fa fa-remove"></i></a>&ndash;&gt;-->
667
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
668
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
669
              <!--&lt;!&ndash;<a (click)="addControl('eventTitles',titleDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
670
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
671
            <!--</div>-->
672
            <!--<div class="uk-form-horizontal uk-margin-small-bottom">-->
673
              <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
674
                <!--<div formArrayName="eventAuthors" class="uk-grid form_section" *ngFor="let author of eventAuthorFormArray; let author_index = index; let last_author = last;">-->
675
                  <!--<div [formGroupName]="author_index" class="uk-width-1-1 uk-margin-small-bottom">-->
676
                    <!--<div class="uk-input-group">-->
677
                      <!--<div class="md-input-wrapper md-input-filled">-->
678
                        <!--<label>Author</label>-->
679
                        <!--<input type="text" class="md-input label-fixed" formControlName="eventAuthor">-->
680
                        <!--<span class="md-input-bar "></span>-->
681
                      <!--</div>-->
682
                      <!--<span *ngIf="last_author" class="uk-input-group-addon">-->
683
                          <!--<a (click)="addControl('eventAuthors',authorDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
684
                        <!--</span>-->
685
                      <!--<span *ngIf="!last_author" class="uk-input-group-addon">-->
686
                          <!--<a (click)="removeControl('eventAuthors',author_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
687
                        <!--</span>-->
688
                    <!--</div>-->
689
                  <!--</div>-->
809 690
                <!--</div>-->
810
                <!--<a (click)="addControl('eventDateRanges', dateRangeDefinition)"><i class="fa fa-plus"></i> Add another</a>-->
691
              <!--</div>-->
692
              <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
693
              <!--&lt;!&ndash;<label class="control-label" style="display: block;">Author</label>&ndash;&gt;-->
694
              <!--&lt;!&ndash;<div formArrayName="eventAuthors" *ngFor="let author of eventAuthorFormArray; let author_index = index">&ndash;&gt;-->
695
              <!--&lt;!&ndash;<div [formGroupName]="author_index">&ndash;&gt;-->
696
              <!--&lt;!&ndash;<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventAuthor">&ndash;&gt;-->
697
              <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventAuthors',author_index)"><i class="fa fa-remove"></i></a>&ndash;&gt;-->
698
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
699
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
700
              <!--&lt;!&ndash;<a (click)="addControl('eventAuthors', authorDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
701
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
702
            <!--</div>-->
703
            <!--<div class="uk-form-horizontal uk-margin-small-bottom">-->
704
              <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
705
                <!--<div formArrayName="eventSubjects" class="uk-grid form_section" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index; let last_subject = last;">-->
706
                  <!--<div [formGroupName]="subject_index" class="uk-width-1-1 uk-margin-small-bottom">-->
707
                    <!--<div class="uk-input-group">-->
708
                      <!--<div class="md-input-wrapper md-input-filled">-->
709
                        <!--<label>Subject</label>-->
710
                        <!--<input type="text" class="md-input label-fixed" formControlName="eventSubject">-->
711
                        <!--<span class="md-input-bar "></span>-->
712
                      <!--</div>-->
713
                      <!--<span *ngIf="last_subject" class="uk-input-group-addon">-->
714
                          <!--<a (click)="addControl('eventSubjects',subjectDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
715
                        <!--</span>-->
716
                      <!--<span *ngIf="!last_subject" class="uk-input-group-addon">-->
717
                          <!--<a (click)="removeControl('eventSubjects',subject_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
718
                        <!--</span>-->
719
                    <!--</div>-->
720
                  <!--</div>-->
811 721
                <!--</div>-->
812
              </div>
813
            </div>
814
            <!--<div role="form" class="form-horizontal">-->
815
            <!--<div class="form-group">-->
816
            <!--<div class="actionButtons">-->
817
            <!--<button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>-->
818
            <!--<button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>-->
722
              <!--</div>-->
723
              <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
724
              <!--&lt;!&ndash;<label class="control-label" style="display: block;">Subject</label>&ndash;&gt;-->
725
              <!--&lt;!&ndash;<div formArrayName="eventSubjects" *ngFor="let subject of eventSubjectsFormArray; let subject_index = index">&ndash;&gt;-->
726
              <!--&lt;!&ndash;<div [formGroupName]="subject_index">&ndash;&gt;-->
727
              <!--&lt;!&ndash;<input class="form-control inlineBlock" style="width:88%;" type="text" formControlName="eventSubject">&ndash;&gt;-->
728
              <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventSubjects', subject_index)"><i class="fa fa-remove"></i></a>&ndash;&gt;-->
729
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
730
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
731
              <!--&lt;!&ndash;<a (click)="addControl('eventSubjects', subjectDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
732
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
819 733
            <!--</div>-->
734

  
735
            <!--<div>-->
736
              <!--<div class="uk-form-horizontal">-->
737
                <!--<div data-dynamic-fields="field_template_b" dynamic-fields-counter="1">-->
738
                  <!--<div formArrayName="eventDateRanges" class="uk-grid form_section" *ngFor="let date of eventDateRangesFormArray; let date_index = index; let last_date = last;">-->
739
                    <!--<div [formGroupName]="date_index" class="uk-width-1-1 uk-margin-small-bottom">-->
740
                      <!--<div class="uk-input-group">-->
741
                        <!--<div class="md-input-wrapper md-input-filled">-->
742
                          <!--<label>Date From</label>-->
743
                          <!--<input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateFrom">-->
744
                          <!--<span class="md-input-bar "></span>-->
745
                        <!--</div>-->
746
                        <!--<div class="md-input-wrapper md-input-filled">-->
747
                          <!--<label>Date To</label>-->
748
                          <!--<input type="text" class="md-input label-fixed" onfocus="(this.type='date')" formControlName="dateTo">-->
749
                          <!--<span class="md-input-bar "></span>-->
750
                        <!--</div>-->
751
                        <!--<span *ngIf="last_date" class="uk-input-group-addon">-->
752
                            <!--<a (click)="addControl('eventDateRanges',dateRangeDefinition)" class="btnSectionClone"><i class="material-icons md-24"></i></a>-->
753
                          <!--</span>-->
754
                        <!--<span *ngIf="!last_date" class="uk-input-group-addon">-->
755
                          <!--<a (click)="removeControl('eventDateRanges',date_index)" class="btnSectionRemove"><i class="material-icons md-24"></i></a>-->
756
                        <!--</span>-->
757
                      <!--</div>-->
758
                    <!--</div>-->
759
                  <!--</div>-->
760
                <!--</div>-->
761

  
762
                <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
763
                <!--&lt;!&ndash;<label class="control-label" style="display: block;">Date</label>&ndash;&gt;-->
764
                <!--&lt;!&ndash;<div formArrayName="eventDateRanges" *ngFor="let date of eventDateRangesFormArray; let date_index = index">&ndash;&gt;-->
765
                <!--&lt;!&ndash;<div class="uk-form" style="position: relative;" [formGroupName]=date_index>&ndash;&gt;-->
766
                <!--&lt;!&ndash;<input class="form-control inlineBlock dateFrom" style="width:88%;"&ndash;&gt;-->
767
                <!--&lt;!&ndash;placeholder="From"&ndash;&gt;-->
768
                <!--&lt;!&ndash;type="text"&ndash;&gt;-->
769
                <!--&lt;!&ndash;onfocus="(this.type='date')"&ndash;&gt;-->
770
                <!--&lt;!&ndash;formControlName=dateFrom>&ndash;&gt;-->
771
                <!--&lt;!&ndash;<input class="form-control inlineBlock dateTo" style="width:88%;"&ndash;&gt;-->
772
                <!--&lt;!&ndash;placeholder="To"&ndash;&gt;-->
773
                <!--&lt;!&ndash;type="text"&ndash;&gt;-->
774
                <!--&lt;!&ndash;onfocus="(this.type='date')"&ndash;&gt;-->
775
                <!--&lt;!&ndash;formControlName=dateTo>&ndash;&gt;-->
776
                <!--&lt;!&ndash;<a class="inlineBlock deleteIcon" (click)="removeControl('eventDateRanges',date_index)"><i class="fa fa-remove" style=""></i></a>&ndash;&gt;-->
777
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
778
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
779
                <!--&lt;!&ndash;<a (click)="addControl('eventDateRanges', dateRangeDefinition)"><i class="fa fa-plus"></i> Add another</a>&ndash;&gt;-->
780
                <!--&lt;!&ndash;</div>&ndash;&gt;-->
781
              <!--</div>-->
820 782
            <!--</div>-->
821
            <!--</div>-->
822
          </div>
823
        </div>
824
      </div>
783
            <!--&lt;!&ndash;<div role="form" class="form-horizontal">&ndash;&gt;-->
784
            <!--&lt;!&ndash;<div class="form-group">&ndash;&gt;-->
785
            <!--&lt;!&ndash;<div class="actionButtons">&ndash;&gt;-->
786
            <!--&lt;!&ndash;<button type="button" (click)="updateQuery()" class="uk-button uk-button-primary advancedSearch uk-margin-small-right">Apply</button>&ndash;&gt;-->
787
            <!--&lt;!&ndash;<button type="reset" (click)="clearForm()" class="uk-button uk-button-default clearCriteria">Clear</button>&ndash;&gt;-->
788
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
789
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
790
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
791
          <!--</div>-->
792
        <!--</div>-->
793
      <!--</div>-->
825 794
    </div>
826 795

  
827
    <!-- RIGHT HELP CONTENT -->
828
    <aside-help-content #rightHelperContent [position]="'right'"
829
                        [ngClass]="rightHelperContent.isPresent()?'tm-sidebar uk-width-1-4@m uk-first-column':'clear-style'">
830
    </aside-help-content>
796
    <!--<form [formGroup]="dataForm" class="uk-form-stacked">-->
831 797

  
832
  </div>
798
      <!--<div class="uk-margin">-->
799
        <!--<h5 class="">Datasource Type</h5>-->
800
        <!--<div class="uk-form-controls">-->
801
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="" (change)="handleChangeAndResetPage()" formControlName="typology"> Any</label></div>-->
802
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Aggregator" (change)="handleChangeAndResetPage()" formControlName="typology"> Aggregator</label></div>-->
803
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Journal" (change)="handleChangeAndResetPage()" formControlName="typology"> Journal</label></div>-->
804
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="datarepository" (change)="handleChangeAndResetPage()" formControlName="typology"> Data Repository</label></div>-->
805
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="pubsrepository" (change)="handleChangeAndResetPage()" formControlName="typology"> Public Repository</label></div>-->
806
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="entityregistry" (change)="handleChangeAndResetPage()" formControlName="typology"> Entity Registry</label></div>-->
807
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Institutional" (change)="handleChangeAndResetPage()" formControlName="typology"> Institutional</label></div>-->
808
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Thematic" (change)="handleChangeAndResetPage()" formControlName="typology"> Thematic</label></div>-->
809
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Products" (change)="handleChangeAndResetPage()" formControlName="typology"> Products</label></div>-->
810
          <!--<div class="uk-margin-small-bottom"><label><input class="uk-radio" type="radio" value="Unknown" (change)="handleChangeAndResetPage()" formControlName="typology"> Unknown</label></div>-->
811
        <!--</div>-->
812
      <!--</div>-->
833 813

  
834
  <!-- BOTTOM HELP CONTENT -->
835
  <help-content #bottomHelperContent [position]="'bottom'"
836
                [ngClass]="bottomHelperContent.isPresent()?'uk-margin-medium-top uk-margin-medium-bottom':'clear-style'">
837
  </help-content>
814
      <!--<hr>-->
838 815

  
816
      <!--<div class="uk-margin">-->
817
        <!--<h5 class="">Countries</h5>-->
818
        <!--<div class="uk-form-controls">-->
819
          <!--<ng-container *ngIf="countries && countries.length>0">-->
820
            <!--<read-more [maxHeight]="238">-->
821
              <!--<div class="uk-margin-small-bottom"><input class="uk-radio" type="radio" value="" (change)="handleChangeAndResetPage()" formControlName="country"> Any</div>-->
822
              <!--<ng-container *ngFor="let country of countries">-->
823
                <!--<div class="uk-margin-small-bottom">-->
824
                  <!--<input class="uk-radio" type="radio" value="{{country.code}}"-->
825
                         <!--(change)="handleChangeAndResetPage()" formControlName="country"> {{country.name}}-->
826
                <!--</div>-->
827
              <!--</ng-container>-->
828
            <!--</read-more>-->
... This diff was truncated because it exceeds the maximum size that can be displayed.

Also available in: Unified diff