Project

General

Profile

1
<div class="greySection">
2
  <section class="uk-padding-small" id="sect-country-page">
3
    <div class="uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">
4
      <!--<div class="uk-container uk-container-expand uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up uk-padding-remove" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">-->
5

    
6
      <div class="uk-grid uk-grid-match uk-grid-small">
7

    
8
        <div class="uk-width-4-5@m uk-width-4-5@l uk-width-1-1@s">
9

    
10
          <div class="uk-container uk-container-expand uk-margin-medium-top">
11

    
12
            <!--LAPTOP & PAD LANDSCAPE-->
13
            <div class="uk-visible@m">
14
              <ul *ngIf="countryPageOverviewData && countryPageOverviewData.name" class="uk-breadcrumb">
15
                <li><a routerLink="/home">Home</a></li>
16
                <li><span>{{countryPageOverviewData.name}}</span></li>
17
              </ul>
18

    
19

    
20
              <div class="countryPageHeader">
21
                <div *ngIf="countryPageOverviewData && countryPageOverviewData.name" class="">
22
                  <img src="../../../assets/img/flags/{{countryCode | lowercase}}-flag-round.png" class="flag-image" width="132" height="132">
23
                  <div class="uk-inline uk-margin-left">
24
                    <h1>{{countryPageOverviewData.name}}</h1>
25
                    <span class="lastUpdateInfo">Info Last Updated: 21 May 2020</span>
26
                  </div>
27
                </div>
28

    
29
                <div class="actionButtonsCountryPage uk-text-right">
30
                  <a class=""><i class="fas fa-code uk-margin-small-right"></i>Embed</a>
31
                  <!--<a class="uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download CSV</a>-->
32
                  <a class="uk-margin-left"><i class="fas fa-file-pdf uk-margin-small-right"></i>Download PDF</a>
33
                </div>
34
              </div>
35
            </div>
36

    
37
            <!--MOBILE & PAD PORTRAIT-->
38
            <div class="uk-hidden@m uk-text-center">
39
              <div *ngIf="countryPageOverviewData && countryPageOverviewData.name" class="">
40
                <img src="../../../assets/img/flags/{{countryCode | lowercase}}-flag-round.png" class="flag-image uk-display-block uk-margin-auto-left uk-margin-auto-right" width="103" height="103">
41
                <div class="uk-margin-top">
42
                  <h1 class="uk-margin-small-bottom">{{countryPageOverviewData.name}}</h1>
43
                  <span class="lastUpdateInfo">Info Last Updated: 21 May 2020</span>
44
                </div>
45
              </div>
46
            </div>
47

    
48

    
49

    
50
          </div>
51

    
52

    
53
          <div class="uk-container uk-container-expand uk-margin-large-top">
54

    
55
            <!--Overview cards-->
56
            <!--LAPTOP & PAD LANDSCAPE-->
57
            <div class="uk-visible@m">
58
              <div class="uk-width-1-1 indicatorCards">
59
                <div class="uk-grid uk-grid-small uk-child-width-1-2@s uk-child-width-1-4@m uk-child-width-1-4@l uk-margin-top uk-grid-match" data-uk-grid-margin="">
60
                  <!--<div class="uk-grid uk-grid-small uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-5 uk-margin-top uk-grid-match" data-uk-grid-margin="">-->
61

    
62
                  <div class="uk-row-first">
63
                    <div class="md-card">
64
                      <div class="md-card-content">
65

    
66
                        <!--top number-->
67
                        <div class="uk-margin-top">
68
                          <!--<div class="uk-float-right uk-margin-small-right">-->
69
                          <!--<img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">-->
70
                          <!--</div>-->
71
                          <h3 class="uk-margin-remove">
72
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.publicationsAffiliated || !countryPageOverviewData.publicationsAffiliated.oa" class="number">--</span>
73
                            <span *ngIf="countryPageOverviewData?.publicationsAffiliated?.oa" class="number">{{countryPageOverviewData.publicationsAffiliated.oa | number}}</span>
74
                          </h3>
75
                        </div>
76
                        <div class="uk-margin-top">
77
                          <span class=""><i>OA publications affiliated to an organization in the country</i></span>
78
                        </div>
79
                        <div *ngIf="countryPageOverviewData?.publicationsAffiliated?.percentage" class="uk-margin-top">
80
                          <span class="number">{{countryPageOverviewData.publicationsAffiliated.percentage | number :'1.0-1'}}%</span> OA
81
                          <div class="progress uk-margin-small-top">
82
                            <div [ngStyle]="{'width': countryPageOverviewData.publicationsAffiliated.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
83
                          </div>
84
                        </div>
85

    
86
                        <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
87

    
88
                        <!--bottom number-->
89
                        <div class="uk-margin-top">
90
                          <div class="uk-float-right uk-margin-small-right">
91
                            <img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">
92
                          </div>
93
                          <h3 class="uk-margin-remove">
94
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.publicationsDeposited || !countryPageOverviewData.publicationsDeposited.oa" class="number">--</span>
95
                            <span *ngIf="countryPageOverviewData?.publicationsDeposited?.oa" class="number">{{countryPageOverviewData.publicationsDeposited.oa | number}}</span>
96
                          </h3>
97
                        </div>
98
                        <div class="uk-margin-top">
99
                          <span class=""><i>OA publications from institutional repositories</i></span>
100
                        </div>
101
                        <div *ngIf="countryPageOverviewData?.publicationsDeposited?.percentage" class="uk-margin-top">
102
                          <span class="number">{{countryPageOverviewData.publicationsDeposited.percentage | number :'1.0-1'}}%</span> OA
103
                          <div class="progress uk-margin-small-top">
104
                            <div [ngStyle]="{'width': countryPageOverviewData.publicationsDeposited.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
105
                          </div>
106
                        </div>
107

    
108
                      </div>
109
                    </div>
110
                  </div>
111

    
112
                  <div class="">
113
                    <div class="md-card">
114
                      <div class="md-card-content">
115

    
116
                        <!--top number-->
117
                        <div class="uk-margin-top">
118
                          <!--<div class="uk-float-right uk-margin-small-right">-->
119
                          <!--<img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">-->
120
                          <!--</div>-->
121
                          <h3 class="uk-margin-remove">
122
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.datasetsAffiliated || !countryPageOverviewData.datasetsAffiliated.oa" class="number">--</span>
123
                            <span *ngIf="countryPageOverviewData?.datasetsAffiliated?.oa" class="number">{{countryPageOverviewData.datasetsAffiliated.oa | number}}</span>
124
                          </h3>
125
                        </div>
126
                        <div class="uk-margin-top">
127
                          <span class=""><i>OA datasets affiliated to an organization in the country</i></span>
128
                        </div>
129
                        <div *ngIf="countryPageOverviewData?.datasetsAffiliated?.percentage" class="uk-margin-top">
130
                          <span class="number">{{countryPageOverviewData.datasetsAffiliated.percentage | number :'1.0-1'}}%</span> OA
131
                          <div class="progress uk-margin-small-top">
132
                            <div [ngStyle]="{'width': countryPageOverviewData.datasetsAffiliated.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
133
                          </div>
134
                        </div>
135

    
136
                        <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
137

    
138
                        <!--bottom number-->
139
                        <div class="uk-margin-top">
140
                          <div class="uk-float-right uk-margin-small-right">
141
                            <img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">
142
                          </div>
143
                          <h3 class="uk-margin-remove">
144
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.datasetsDeposited || !countryPageOverviewData.datasetsDeposited.oa" class="number">--</span>
145
                            <span *ngIf="countryPageOverviewData?.datasetsDeposited?.oa" class="number">{{countryPageOverviewData.datasetsDeposited.oa | number}}</span>
146
                          </h3>
147
                        </div>
148
                        <div class="uk-margin-top">
149
                          <span class=""><i>OA datasets from institutional repositories</i></span>
150
                        </div>
151
                        <div *ngIf="countryPageOverviewData?.datasetsDeposited?.percentage" class="uk-margin-top">
152
                          <span class="number">{{countryPageOverviewData.datasetsDeposited.percentage | number :'1.0-1'}}%</span> OA
153
                          <div class="progress uk-margin-small-top">
154
                            <div [ngStyle]="{'width': countryPageOverviewData.datasetsDeposited.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
155
                          </div>
156
                        </div>
157
                      </div>
158
                    </div>
159
                  </div>
160

    
161
                  <div class="">
162

    
163
                    <div class="md-card">
164
                      <div class="md-card-content">
165
                        <div class="uk-margin-top">
166
                          <div class="uk-float-right uk-margin-small-right">
167
                            <img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
168
                          </div>
169
                          <h3 class="uk-margin-remove">
170
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.repositories || !countryPageOverviewData.repositories.oa" class="number">--</span>
171
                            <span *ngIf="countryPageOverviewData?.repositories?.oa" class="number">{{countryPageOverviewData.repositories.oa | number}}</span>
172
                          </h3>
173
                        </div>
174
                        <div class="uk-margin-top">
175
                          <span class=""><i>repositories</i> from openDOAR & re3data</span>
176
                        </div>
177
                        <div *ngIf="countryPageOverviewData?.repositories?.percentage" class="uk-margin-top">
178
                          <span class="number">{{countryPageOverviewData.repositories.percentage | number :'1.0-1'}}%</span> Validated
179
                          <div class="progress uk-margin-small-top">
180
                            <div [ngStyle]="{'width': countryPageOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
181
                          </div>
182
                        </div>
183
                      </div>
184
                    </div>
185

    
186
                    <div class="md-card">
187
                      <div class="md-card-content">
188
                        <div class="uk-margin-top">
189
                          <div class="uk-float-right uk-margin-small-right">
190
                            <img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">
191
                          </div>
192
                          <h3 class="uk-margin-remove">
193
                            <span *ngIf="!countryPageOverviewData || !countryPageOverviewData.journals || !countryPageOverviewData.journals.oa" class="number">--</span>
194
                            <span *ngIf="countryPageOverviewData?.journals?.oa" class="number">{{countryPageOverviewData.journals.oa | number}}</span>
195
                            <!--<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>-->
196
                            <!--<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">--</span>-->
197
                          </h3>
198
                        </div>
199
                        <div class="uk-margin-top">
200
                          <span class=""><i>OA journals</i> from DOAJ</span>
201
                        </div>
202
                        <div *ngIf="countryPageOverviewData?.journals?.percentage" class="uk-margin-top">
203
                          <span class="number">{{countryPageOverviewData.journals.percentage | number :'1.0-1'}}%</span> Validated
204
                          <div class="progress uk-margin-small-top">
205
                            <div [ngStyle]="{'width': countryPageOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
206
                          </div>
207
                        </div>
208
                      </div>
209
                    </div>
210

    
211
                  </div>
212

    
213
                  <!--<div class="">-->
214
                  <!--<div class="md-card">-->
215
                  <!--<div class="md-card-content">-->
216
                  <!--<div class="uk-margin-top">-->
217
                  <!--<div class="uk-float-right uk-margin-small-right">-->
218
                  <!--<img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">-->
219
                  <!--</div>-->
220
                  <!--<h3 class="uk-margin-remove">-->
221
                  <!--<span *ngIf="!countryData || !countryData.journals || !countryData.journals.oa" class="number">&#45;&#45;</span>-->
222
                  <!--<span *ngIf="countryData?.journals?.oa" class="number">{{countryData.journals.oa | number}}</span>-->
223
                  <!--&lt;!&ndash;<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>&ndash;&gt;-->
224
                  <!--&lt;!&ndash;<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">&#45;&#45;</span>&ndash;&gt;-->
225
                  <!--</h3>-->
226
                  <!--</div>-->
227
                  <!--<div class="uk-margin-top">-->
228
                  <!--<span class=""><i>OA journals</i></span>-->
229
                  <!--</div>-->
230
                  <!--<div *ngIf="countryData.journals?.percentage" class="uk-margin-top">-->
231
                  <!--<span class="number">{{countryData.journals.percentage | number :'1.0-1'}}%</span> Certified-->
232
                  <!--<div class="progress uk-margin-small-top">-->
233
                  <!--<div [ngStyle]="{'width': countryData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>-->
234
                  <!--</div>-->
235
                  <!--</div>-->
236
                  <!--</div>-->
237
                  <!--</div>-->
238
                  <!--</div>-->
239

    
240
                  <div class="">
241

    
242
                    <div class="md-card" style="height: 47%">
243
                      <div class="md-card-content">
244
                        <div class="uk-margin-top">
245
                          <div class="uk-float-right uk-margin-small-right">
246
                            <img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">
247
                          </div>
248
                          <h3 class="uk-margin-remove">
249
                            <span class="number">--</span>
250
                            <!--<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>-->
251
                            <!--<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">--</span>-->
252
                          </h3>
253
                        </div>
254
                        <div class="uk-margin-top">
255
                          <span class="">organizations with <i>OA policies</i></span>
256
                        </div>
257
                      </div>
258
                    </div>
259

    
260
                    <div></div>
261
                  </div>
262
                </div>
263
              </div>
264
            </div>
265

    
266
            <!--MOBILE & PAD PORTRAIT-->
267
            <div class="uk-hidden@m uk-text-center uk-margin-medium-top">
268
              <div *ngIf="countryPageOverviewData" class="md-card chartCard overviewMobile">
269
                <div class="md-card-content">
270

    
271

    
272
                  <div class="uk-grid uk-margin-top">
273
                    <div class="uk-width-1-5">
274
                      <img src="../../../assets/img/icons/publications-icon.svg" width="30" height="30">
275
                    </div>
276
                    <div class="uk-width-2-5">
277
                      <div *ngIf="countryPageOverviewData.publicationsAffiliated?.oa" class="number big">{{countryPageOverviewData.publicationsAffiliated.oa | number}}</div>
278
                      <div *ngIf="!countryPageOverviewData.publicationsAffiliated || !countryPageOverviewData.publicationsAffiliated.oa" class="number big">--</div>
279
                      <div class="uk-margin-small-top">OA PUBLICATIONS AFFILIATED TO AN ORGANIZATION IN THE COUNTRY</div>
280
                    </div>
281
                    <div *ngIf="countryPageOverviewData.publicationsAffiliated?.percentage" class="uk-width-2-5">
282
                      <div class="progress">
283
                        <div [ngStyle]="{'width': countryPageOverviewData.publicationsAffiliated.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
284
                      </div>
285
                      <div class="uk-margin-small-top">
286
                        <span class="number">{{countryPageOverviewData.publicationsAffiliated.percentage | number :'1.0-1'}}%</span> OA
287
                      </div>
288
                    </div>
289
                  </div>
290
                  <div class="uk-grid uk-margin-top">
291
                    <div class="uk-width-1-5">
292
                    </div>
293
                    <div class="uk-width-2-5">
294
                      <div *ngIf="countryPageOverviewData.publicationsDeposited?.oa" class="number big">{{countryPageOverviewData.publicationsDeposited.oa | number}}</div>
295
                      <div *ngIf="!countryPageOverviewData.publicationsDeposited || !countryPageOverviewData.publicationsDeposited.oa" class="number big">--</div>
296
                      <div class="uk-margin-small-top">OA PUBLICATIONS FROM INSTITUTIONAL REPOSITORIES</div>
297
                    </div>
298
                    <div *ngIf="countryPageOverviewData.publicationsDeposited?.percentage" class="uk-width-2-5">
299
                      <div class="progress">
300
                        <div [ngStyle]="{'width': countryPageOverviewData.publicationsDeposited.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
301
                      </div>
302
                      <div class="uk-margin-small-top">
303
                        <span class="number">{{countryPageOverviewData.publicationsDeposited.percentage | number :'1.0-1'}}%</span> OA
304
                      </div>
305
                    </div>
306
                  </div>
307

    
308
                  <div class="uk-grid uk-margin-medium-top">
309
                    <div class="uk-width-1-5">
310
                      <img src="../../../assets/img/icons/datasets-icon.svg" width="30" height="30">
311
                    </div>
312
                    <div class="uk-width-2-5">
313
                      <div *ngIf="countryPageOverviewData.datasetsAffiliated?.oa" class="number big">{{countryPageOverviewData.datasetsAffiliated.oa | number}}</div>
314
                      <div *ngIf="!countryPageOverviewData.datasetsAffiliated || !countryPageOverviewData.datasetsAffiliated.oa" class="number big">--</div>
315
                      <div class="uk-margin-small-top">OA DATASETS AFFILIATED TO AN ORGANIZATION IN THE COUNTRY</div>
316
                    </div>
317
                    <div *ngIf="countryPageOverviewData.datasetsAffiliated?.percentage" class="uk-width-2-5">
318
                      <div class="progress">
319
                        <div [ngStyle]="{'width': countryPageOverviewData.datasetsAffiliated.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
320
                      </div>
321
                      <div class="uk-margin-small-top">
322
                        <span class="number">{{countryPageOverviewData.datasetsAffiliated.percentage | number :'1.0-1'}}%</span> OA
323
                      </div>
324
                    </div>
325
                  </div>
326
                  <div class="uk-grid uk-margin-medium-top">
327
                    <div class="uk-width-1-5">
328
                    </div>
329
                    <div class="uk-width-2-5">
330
                      <div *ngIf="countryPageOverviewData.datasetsDeposited?.oa" class="number big">{{countryPageOverviewData.datasetsDeposited.oa | number}}</div>
331
                      <div *ngIf="!countryPageOverviewData.datasetsDeposited || !countryPageOverviewData.datasetsDeposited.oa" class="number big">--</div>
332
                      <div class="uk-margin-small-top">OA DATASETS FROM INSTITUTIONAL REPOSITORIES</div>
333
                    </div>
334
                    <div *ngIf="countryPageOverviewData.datasetsDeposited?.percentage" class="uk-width-2-5">
335
                      <div class="progress">
336
                        <div [ngStyle]="{'width': countryPageOverviewData.datasetsDeposited.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
337
                      </div>
338
                      <div class="uk-margin-small-top">
339
                        <span class="number">{{countryPageOverviewData.datasetsDeposited.percentage | number :'1.0-1'}}%</span> OA
340
                      </div>
341
                    </div>
342
                  </div>
343

    
344
                  <div class="uk-grid uk-margin-medium-top">
345
                    <div class="uk-width-1-5">
346
                      <img src="../../../assets/img/icons/repositories-icon.svg" width="30" height="30">
347
                    </div>
348
                    <div class="uk-width-2-5">
349
                      <div *ngIf="countryPageOverviewData.repositories?.oa" class="number big">{{countryPageOverviewData.repositories.oa | number}}</div>
350
                      <div *ngIf="!countryPageOverviewData.repositories || !countryPageOverviewData.repositories.oa" class="number big">--</div>
351
                      <div class="uk-margin-small-top">VALIDATED REPOSITORIES</div>
352
                    </div>
353
                    <div *ngIf="countryPageOverviewData.repositories?.percentage" class="uk-width-2-5">
354
                      <div class="progress">
355
                        <div [ngStyle]="{'width': countryPageOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
356
                      </div>
357
                      <div class="uk-margin-small-top">
358
                        <span class="number">{{countryPageOverviewData.repositories.percentage | number :'1.0-1'}}%</span> VALIDATED
359
                      </div>
360
                    </div>
361
                  </div>
362

    
363
                  <div class="uk-grid uk-margin-medium-top">
364
                    <div class="uk-width-1-5">
365
                      <img src="../../../assets/img/icons/journals-icon.svg" width="30" height="30">
366
                    </div>
367
                    <div class="uk-width-2-5">
368
                      <div *ngIf="countryPageOverviewData.journals?.oa" class="number big">{{countryPageOverviewData.journals.oa | number}}</div>
369
                      <div *ngIf="!countryPageOverviewData.journals || !countryPageOverviewData.journals.oa" class="number big">--</div>
370
                      <div class="uk-margin-small-top">VALIDATED JOURNALS</div>
371
                    </div>
372
                    <div *ngIf="countryPageOverviewData.journals?.percentage" class="uk-width-2-5">
373
                      <div class="progress">
374
                        <div [ngStyle]="{'width': countryPageOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
375
                      </div>
376
                      <div class="uk-margin-small-top">
377
                        <span class="number">{{countryPageOverviewData.journals.percentage | number : '1.0-1'}}%</span> Validated
378
                      </div>
379
                    </div>
380
                  </div>
381

    
382
                  <div class="uk-grid uk-margin-medium-top uk-margin-bottom">
383
                    <div class="uk-width-1-5">
384
                      <img src="../../../assets/img/icons/policies-icon.svg" width="30" height="30">
385
                    </div>
386
                    <div class="uk-width-2-5">
387
                      <div *ngIf="countryPageOverviewData.policies?.oa" class="number big">{{countryPageOverviewData.policies.oa | number}}</div>
388
                      <div *ngIf="!countryPageOverviewData.policies || !countryPageOverviewData.policies.oa" class="number big">--</div>
389
                      <div class="uk-margin-small-top">OA POLICIES</div>
390
                    </div>
391
                    <div class="uk-width-2-5">
392

    
393
                    </div>
394
                  </div>
395

    
396
                </div>
397
              </div>
398
            </div>
399

    
400

    
401
          </div>
402

    
403
        </div>
404

    
405
        <!--Research Overview-->
406
        <!--LAPTOP & PAD LANDSCAPE-->
407
        <div class="uk-visible@m uk-width-1-5@m uk-width-1-5@l">
408
          <div class="md-card infoBox">
409

    
410
            <div class="md-card-toolbar">
411
              <h3 class="uk-text-center uk-margin-small-top">
412
                Research overview
413
              </h3>
414
            </div>
415

    
416
            <div class="md-card-content">
417
              <div class="numbers">
418

    
419
                <div class="indicator uk-margin-small-top">
420
                  <span class="number primary">--</span>
421
                  <span><i>R&D expenditure</i></span>
422
                </div>
423

    
424
                <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
425

    
426
                <div class="indicator">
427
                  <span class="number primary" *ngIf="countryPageOverviewData?.funders">{{countryPageOverviewData.funders}}</span>
428
                  <span class="number primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.funders">--</span>
429
                  <span><i>funding sources</i></span>
430
                </div>
431

    
432
                <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
433

    
434
                <div class="indicator">
435
                  <span class="number primary" *ngIf="countryPageOverviewData?.fundingOrganizations">{{countryPageOverviewData.fundingOrganizations}}</span>
436
                  <span class="number primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.fundingOrganizations">--</span>
437
                  <span><i>funding organizations</i></span>
438
                </div>
439

    
440
                <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
441

    
442
                <div class="indicator">
443
                  <span class="number primary" *ngIf="countryPageOverviewData?.ec_fundedOrganizations">{{countryPageOverviewData.ec_fundedOrganizations}}</span>
444
                  <span class="number primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.ec_fundedOrganizations">--</span>
445
                  <span><i>organizations funded by the European commission since 2013</i></span>
446
                </div>
447

    
448
              </div>
449

    
450

    
451
              <div class="uk-text-center uk-margin-xlarge-top">
452

    
453
                <div class="uk-text-center uk-margin-medium-bottom">
454
                <span class="openaire-symbol-wrapper">
455
                  <img class="" src="https://www.openaire.eu/images/OpenAIRE_branding/Symbol.png" height="30px" width="30px">
456
                </span>
457
                </div>
458
                <a class="uk-link" href="{{linkToCountryInOpenAIRE}}" target="_blank">Country page in <strong>OpenAIRE</strong><i class="fas fa-long-arrow-alt-right uk-margin-left"></i></a>
459
              </div>
460

    
461
            </div>
462
          </div>
463
        </div>
464

    
465
        <!--Research Overview-->
466
        <!--MOBILE & PAD PORTRAIT-->
467
        <div class="uk-hidden@m uk-width-1-1@s uk-margin-medium-top">
468
          <div class="uk-container uk-container-expand">
469
            <div *ngIf="countryPageOverviewData" class="md-card chartCard overviewMobile">
470
              <div class="md-card-content">
471
                <div class="numbers">
472

    
473
                  <div class="">
474
                    <div class="number big primary">--</div>
475
                    <div class="uk-margin-small-top">R&D EXPENDITURE</div>
476
                  </div>
477

    
478
                  <div class="uk-margin-medium-top">
479
                    <div class="number big primary" *ngIf="countryPageOverviewData?.funders">{{countryPageOverviewData.funders}}</div>
480
                    <div class="number big primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.funders">--</div>
481
                    <div class="uk-margin-small-top">FUNDING SOURCES</div>
482
                  </div>
483

    
484
                  <div class="uk-margin-medium-top">
485
                    <div class="number big primary" *ngIf="countryPageOverviewData?.fundingOrganizations">{{countryPageOverviewData.fundingOrganizations}}</div>
486
                    <div class="number big primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.fundingOrganizations">--</div>
487
                    <div class="uk-margin-small-top">FUNDING ORGANIZATIONS</div>
488
                  </div>
489

    
490
                  <div class=" uk-margin-medium-top">
491
                    <div class="number big primary" *ngIf="countryPageOverviewData?.ec_fundedOrganizations">{{countryPageOverviewData.ec_fundedOrganizations}}</div>
492
                    <div class="number big primary" *ngIf="!countryPageOverviewData || !countryPageOverviewData.ec_fundedOrganizations">--</div>
493
                    <div class="uk-margin-small-top">ORGANIZATIONS FUNDED BY THE EUROPEAN COMMISSION SINCE 2013</div>
494
                  </div>
495

    
496
                </div>
497
              </div>
498
            </div>
499
          </div>
500
        </div>
501

    
502

    
503
      </div>
504

    
505
    </div>
506
  </section>
507

    
508
  <!--TABS SECTION-->
509
  <section class="section uk-margin-large-top" id="sect-tabs">
510
    <div class="uk-container uk-container-expand uk-container-center uk-scrollspy-init-inview uk-scrollspy-inview uk-animation-scale-up" data-uk-scrollspy="{cls:'uk-animation-scale-up uk-invisible',delay:300,topoffset:-100}">
511

    
512
      <div class="">
513

    
514
        <!--LAPTOP & PAD LANDSCAPE-->
515
        <ul class="uk-visible@m uk-tab uk-tab-large uk-flex-center" data-uk-tab="{connect:'#team_tabbed',animation: 'slide-bottom'}">
516
          <li class="uk-active" aria-expanded="true"><a href="#">Overview</a></li>
517
          <li aria-expanded="false"><a href="#">Open Science</a></li>
518
          <li class="uk-disabled" aria-expanded="false"><a href="#" data-uk-tooltip="{title: Stay tuned..; pos: top-left}">Collaboration</a></li>
519
          <li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Impact</a></li>
520
          <li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Innovation</a></li>
521
          <!--<li class="uk-tab-responsive uk-active uk-hidden" aria-haspopup="true" aria-expanded="false"><a>Developers</a><div class="uk-dropdown uk-dropdown-small" aria-hidden="true"><ul class="uk-nav uk-nav-dropdown"></ul><div></div></div></li>-->
522
        </ul>
523

    
524
        <!--MOBILE & PAD PORTRAIT-->
525
        <ul class="uk-hidden@m uk-tab" data-uk-tab="{connect:'#team_tabbed',animation: 'slide-bottom'}">
526
          <li class="uk-active" aria-expanded="true"><a href="#">Overview</a></li>
527
          <li aria-expanded="false"><a href="#">Open Science</a></li>
528
          <li class="uk-disabled" aria-expanded="false"><a href="#" data-uk-tooltip="{title: Stay tuned..; pos: top-left}">Collaboration</a></li>
529
          <li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Impact</a></li>
530
          <li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Innovation</a></li>
531
          <!--<li class="uk-tab-responsive uk-active uk-hidden" aria-haspopup="true" aria-expanded="false"><a>Developers</a><div class="uk-dropdown uk-dropdown-small" aria-hidden="true"><ul class="uk-nav uk-nav-dropdown"></ul><div></div></div></li>-->
532
        </ul>
533

    
534
        <ul id="team_tabbed" class="uk-switcher dataContainer">
535

    
536
          <!--OVERVIEW tab-->
537
          <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
538
            <div class="uk-margin tabContent">
539

    
540
              <!--<div class="uk-grid uk-child-width-1-4 uk-grid-match">-->
541
              <!--<div class="md-card">-->
542
              <!--<div class="md-card-content">-->
543
              <!--22.888-->
544
              <!--</div>-->
545
              <!--</div>-->
546
              <!--<div class="md-card">-->
547
              <!--<div class="md-card-content">-->
548
              <!--30% open access-->
549
              <!--</div>-->
550
              <!--</div>-->
551
              <!--<div class="md-card">-->
552
              <!--<div class="md-card-content">-->
553
              <!--18.165 closed access-->
554
              <!--</div>-->
555
              <!--</div>-->
556
              <!--<div class="md-card">-->
557
              <!--<div class="md-card-content">-->
558
              <!--22.888-->
559
              <!--</div>-->
560
              <!--</div>-->
561
              <!--</div>-->
562

    
563
              <!--<div class="uk-grid uk-child-width-1-1">-->
564

    
565
              <!--<div>-->
566
              <!--<div class="md-card chartCard">-->
567
              <!--<div class="md-card-content">-->
568
              <!--<iframe width="100%" height="550" src="http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22eCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Publications%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22select%22%3A%5B%7B%22field%22%3A%22publication%22%2C%22aggregate%22%3A%22count%22%7D%2C%7B%22field%22%3A%22publication.classification%22%2C%22aggregate%22%3Anull%7D%5D%2C%22filters%22%3A%5B%7B%22groupFilters%22%3A%5B%7B%22field%22%3A%22publication.organization.country.continent%22%2C%22type%22%3A%22%3D%22%2C%22values%22%3A%5B%22Europe%22%5D%7D%5D%2C%22op%22%3A%22AND%22%7D%2C%7B%22groupFilters%22%3A%5B%7B%22field%22%3A%22publication.classification%22%2C%22type%22%3A%22!%3D%22%2C%22values%22%3A%5B%220041%22%5D%7D%2C%7B%22field%22%3A%22publication.classification%22%2C%22type%22%3A%22!%3D%22%2C%22values%22%3A%5B%220043%22%5D%7D%2C%7B%22field%22%3A%22publication.classification%22%2C%22type%22%3A%22!%3D%22%2C%22values%22%3A%5B%220044%22%5D%7D%2C%7B%22field%22%3A%22publication.classification%22%2C%22type%22%3A%22!%3D%22%2C%22values%22%3A%5B%22Unknown%22%5D%7D%5D%2C%22op%22%3A%22AND%22%7D%5D%2C%22entity%22%3A%22publication%22%2C%22profile%22%3A%22OpenAIRE%20All-inclusive%22%2C%22limit%22%3A%2230%22%7D%7D%5D%2C%22chart%22%3A%7B%7D%2C%22title%22%3A%7B%22text%22%3A%22Publications%20by%20type%22%7D%2C%22yAxis%22%3A%7B%22name%22%3A%22publications%22%7D%2C%22xAxis%22%3A%7B%22name%22%3A%22type%22%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22toolbox%22%3A%7B%22show%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Atrue%7D%2C%22stacking%22%3Afalse%7D%7D%2C%22legend%22%3A%7B%22show%22%3Atrue%2C%22orient%22%3A%22horizontal%22%2C%22left%22%3A%22center%22%2C%22top%22%3A%22bottom%22%7D%2C%22tooltip%22%3A%7B%22show%22%3Atrue%7D%2C%22backgroundColor%22%3A%22%23FFFFFFFF%22%7D%7D"></iframe>-->
569
              <!--</div>-->
570
              <!--</div>-->
571
              <!--</div>-->
572

    
573
              <!--</div>-->
574

    
575
              <!--<div class="uk-grid uk-grid-row-medium uk-margin-small-top uk-child-width-1-2@m uk-child-width-1-2@l uk-child-width-1-1@s">-->
576

    
577
              <!--<div class="uk-grid-margin">-->
578
              <!--<div class="md-card chartCard">-->
579
              <!--<div class="md-card-content">-->
580
              <!--<iframe width="100%" height="350" src="http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22eCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Publications%22%2C%22type%22%3A%22column%22%2C%22query%22%3A%7B%22name%22%3A%22new.oso.result_timeline.publications%22%7D%7D%2C%7B%22name%22%3A%22OA%20Publications%22%2C%22type%22%3A%22column%22%2C%22query%22%3A%7B%22name%22%3A%22new.oso.result_timeline.publications.oa%22%7D%7D%5D%2C%22chart%22%3A%7B%7D%2C%22title%22%3A%7B%22text%22%3A%22Publications%20over%20the%20years%22%7D%2C%22yAxis%22%3A%7B%22name%22%3A%22publications%22%7D%2C%22xAxis%22%3A%7B%22name%22%3A%22year%22%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22toolbox%22%3A%7B%22show%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Atrue%7D%2C%22stacking%22%3Atrue%7D%7D%2C%22legend%22%3A%7B%22show%22%3Atrue%2C%22orient%22%3A%22horizontal%22%2C%22left%22%3A%22center%22%2C%22top%22%3A%22bottom%22%7D%2C%22tooltip%22%3A%7B%22show%22%3Atrue%7D%2C%22backgroundColor%22%3A%22%23FFFFFFFF%22%7D%7D"></iframe>-->
581
              <!--</div>-->
582
              <!--</div>-->
583
              <!--</div>-->
584

    
585
              <!--<div class="uk-grid-margin">-->
586
              <!--<div class="md-card chartCard">-->
587
              <!--<div class="md-card-content">-->
588
              <!--<iframe width="100%" height="350" src="http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22eCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Datasets%22%2C%22type%22%3A%22column%22%2C%22query%22%3A%7B%22name%22%3A%22new.oso.result_timeline.datasets%22%7D%7D%2C%7B%22name%22%3A%22OA%20Datasets%22%2C%22type%22%3A%22column%22%2C%22query%22%3A%7B%22name%22%3A%22new.oso.result_timeline.datasets.oa%22%7D%7D%5D%2C%22chart%22%3A%7B%7D%2C%22title%22%3A%7B%22text%22%3A%22Datasets%20over%20the%20years%22%7D%2C%22yAxis%22%3A%7B%22name%22%3A%22datasets%22%7D%2C%22xAxis%22%3A%7B%22name%22%3A%22year%22%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22toolbox%22%3A%7B%22show%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Atrue%7D%2C%22stacking%22%3Atrue%7D%7D%2C%22legend%22%3A%7B%22show%22%3Atrue%2C%22orient%22%3A%22horizontal%22%2C%22left%22%3A%22center%22%2C%22top%22%3A%22bottom%22%7D%2C%22tooltip%22%3A%7B%22show%22%3Atrue%7D%2C%22backgroundColor%22%3A%22%23FFFFFFFF%22%7D%7D"></iframe>-->
589
              <!--</div>-->
590
              <!--</div>-->
591
              <!--</div>-->
592

    
593
              <!--<div class="uk-grid-margin">-->
594
              <!--<div class="md-card chartCard">-->
595
              <!--<div class="md-card-content">-->
596
              <!--<iframe width="100%" height="350" src="http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22eCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Software%22%2C%22type%22%3A%22column%22%2C%22query%22%3A%7B%22name%22%3A%22new.oso.result_timeline.software%22%7D%7D%2C%7B%22name%22%3A%22OA%20Software%22%2C%22type%22%3A%22column%22%2C%22query%22%3A%7B%22name%22%3A%22new.oso.result_timeline.software.oa%22%7D%7D%5D%2C%22chart%22%3A%7B%7D%2C%22title%22%3A%7B%22text%22%3A%22Software%20over%20the%20years%22%7D%2C%22yAxis%22%3A%7B%22name%22%3A%22software%22%7D%2C%22xAxis%22%3A%7B%22name%22%3A%22year%22%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22toolbox%22%3A%7B%22show%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Atrue%7D%2C%22stacking%22%3Atrue%7D%7D%2C%22legend%22%3A%7B%22show%22%3Atrue%2C%22orient%22%3A%22horizontal%22%2C%22left%22%3A%22center%22%2C%22top%22%3A%22bottom%22%7D%2C%22tooltip%22%3A%7B%22show%22%3Atrue%7D%2C%22backgroundColor%22%3A%22%23FFFFFFFF%22%7D%7D"></iframe>-->
597
              <!--</div>-->
598
              <!--</div>-->
599
              <!--</div>-->
600

    
601
              <!--<div class="uk-grid-margin">-->
602
              <!--<div class="md-card chartCard">-->
603
              <!--<div class="md-card-content">-->
604
              <!--<iframe width="100%" height="350" src="http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22eCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Other%20Research%20Products%22%2C%22type%22%3A%22column%22%2C%22query%22%3A%7B%22name%22%3A%22new.oso.result_timeline.other%22%7D%7D%2C%7B%22name%22%3A%22OA%20Other%20Research%20Products%22%2C%22type%22%3A%22column%22%2C%22query%22%3A%7B%22name%22%3A%22new.oso.result_timeline.other.oa%22%7D%7D%5D%2C%22chart%22%3A%7B%7D%2C%22title%22%3A%7B%22text%22%3A%22Other%20research%20products%20over%20the%20years%22%7D%2C%22yAxis%22%3A%7B%22name%22%3A%22other%20research%20products%22%7D%2C%22xAxis%22%3A%7B%22name%22%3A%22year%22%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22toolbox%22%3A%7B%22show%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Atrue%7D%2C%22stacking%22%3Atrue%7D%7D%2C%22legend%22%3A%7B%22show%22%3Atrue%2C%22orient%22%3A%22horizontal%22%2C%22left%22%3A%22center%22%2C%22top%22%3A%22bottom%22%7D%2C%22tooltip%22%3A%7B%22show%22%3Atrue%7D%2C%22backgroundColor%22%3A%22%23FFFFFFFF%22%7D%7D"></iframe>-->
605
              <!--</div>-->
606
              <!--</div>-->
607
              <!--</div>-->
608

    
609

    
610
              <!--</div>-->
611

    
612

    
613

    
614
              <!--<app-countries-table [isPercentage]="false" [type]="'overview'" [countries]="overviewData.countries"></app-countries-table>-->
615
            </div>
616
          </li>
617

    
618
          <!--OPEN SCIENCE tab-->
619
          <li aria-hidden="true" style="animation-duration: 200ms;">
620
            <div class="uk-margin tabContent">
621

    
622
              <ul class="uk-subnav uk-subnav-pill dataView uk-flex uk-flex-center" data-uk-switcher="{connect:'#switcher-content-a-fade', animation: 'fade'}">
623
                <li aria-expanded="true" class="uk-active">
624
                  <a class="publicationsSubnav" (click)="changeView('publications')">
625
                    <img src="../../../assets/img/icons/publications-icon.svg" width="15">
626
                  </a>
627
                </li>
628
                <li aria-expanded="false" class="">
629
                  <a class="datasetsSubnav" (click)="changeView('datasets')">
630
                    <img src="../../../assets/img/icons/datasets-icon.svg" width="15">
631
                  </a>
632
                </li>
633
                <li aria-expanded="false" class="">
634
                  <a class="softwareSubnav" (click)="changeView('software')">
635
                    <img src="../../../assets/img/icons/software-icon.svg" width="15">
636
                  </a>
637
                </li>
638
                <li aria-expanded="false" class="">
639
                  <a class="otherSubnav" (click)="changeView('other')">
640
                    <img src="../../../assets/img/icons/other-icon.svg" width="15">
641
                  </a>
642
                </li>
643
              </ul>
644

    
645
              <hr class="uk-visible@m">
646

    
647
              <ul id="switcher-content-a-fade" class="uk-switcher uk-margin" >
648
                <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
649
                  <div>
650
                    Publications....
651
                  </div>
652
                </li>
653
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
654
                  <div>
655
                    Datasets...
656
                  </div>
657
                </li>
658
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
659
                  <div>
660
                    Software...
661
                  </div>
662
                </li>
663
                <li aria-hidden="true" style="animation-duration: 200ms;" class="">
664
                  <div>
665
                    Other...
666
                  </div>
667
                </li>
668
              </ul>
669

    
670
            </div>
671
          </li>
672

    
673
          <li aria-hidden="true">
674
            <div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin="">
675
            </div>
676
          </li>
677

    
678
          <li aria-hidden="true">
679
            <div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin="">
680
            </div>
681
          </li>
682

    
683
          <li aria-hidden="true">
684
            <div class="uk-grid uk-grid-medium uk-grid-width-small-1-2 uk-grid-width-medium-1-3 uk-grid-width-large-1-4" data-uk-grid-margin="">
685
            </div>
686
          </li>
687
        </ul>
688
      </div>
689

    
690
    </div>
691
  </section>
692

    
693

    
694
  <!--link to OpenAIRE page-->
695
  <!--MOBILE & PAD PORTRAIT-->
696
  <div class="uk-hidden@m">
697
    <div class="uk-text-center uk-margin-xlarge-top uk-margin-large-bottom">
698

    
699
      <div class="uk-text-center uk-margin-medium-bottom">
700
                <span class="openaire-symbol-wrapper">
701
                  <img class="" src="https://www.openaire.eu/images/OpenAIRE_branding/Symbol.png" height="30px" width="30px">
702
                </span>
703
      </div>
704
      <a class="uk-link primary" href="{{linkToCountryInOpenAIRE}}" target="_blank">Country page in <strong>OpenAIRE</strong><i class="fas fa-long-arrow-alt-right uk-margin-left"></i></a>
705
    </div>
706
  </div>
707

    
708
</div>
709

    
(3-3/4)