Project

General

Profile

« Previous | Next » 

Revision 58825

Working on the new version of the oso. Work on the home page almost done

View differences:

home.component.html
7 7
      <div class="uk-width-4-5">
8 8

  
9 9
        <!--Map Container-->
10
        <app-map-overview *ngIf="overviewData?.countries" (emitSelectedCountry)="countrySelected($event)"></app-map-overview>
10
        <app-europe-map-overview (emitSelectedCountry)="countrySelected($event)"></app-europe-map-overview>
11
        <!--<app-map-overview *ngIf="overviewData?.countries" (emitSelectedCountry)="selectedCountry($event)"></app-map-overview>-->
11 12

  
12 13

  
13 14

  
......
15 16

  
16 17
      <div class="uk-width-1-5">
17 18
        <div class="md-card infoBox">
18
          <ng-container *ngIf="!countrySelectedName">
19
          <ng-container *ngIf="!selectedCountry">
19 20
            <div class="md-card-toolbar">
20 21
              <h3 class="uk-text-center">OPENAIRE MONITOR OBSERVATORY</h3>
21 22
            </div>
22
            <div *ngIf="!countrySelectedName" class="md-card-content">
23
            <div *ngIf="!selectedCountry" class="md-card-content">
23 24
              <div>An OpenAIRE service to:</div>
24 25
              <ul>
25 26
                <li>
......
38 39
              <div class="uk-text-center uk-margin-medium-top uk-margin-medium-bottom">
39 40
                <button class="md-btn md-btn-primary">Learn More</button>
40 41
              </div>
41
              <div class="uk-text-meta uk-text-small">
42
                <span class="uk-margin-right" style="opacity: 0.8; float: left; margin-top: 7px;">
43
                  <img src="../../../assets/img/Open_Research_Graph.svg">
44
                </span>
45
                <span>Powered by <a target="_blank" href="" style="text-decoration: underline">OpenAIRE Open Research Graph</a></span>
46
              </div>
42

  
47 43
            </div>
48 44
            <div></div>
49 45
          </ng-container>
50 46

  
51
          <ng-container *ngIf="countrySelectedName">
47
          <ng-container *ngIf="selectedCountry">
52 48
            <div class="md-card-toolbar">
53 49
              <h3 class="uk-text-center uk-margin-small-top">
54
                <a class="backToOriginalInfoBox uk-float-left" (click)="deselectCountry()"><i class="fas fa-angle-left"></i></a>{{countrySelectedName | uppercase}}
50
                <a class="backToOriginalInfoBox uk-float-left" (click)="deselectCountry()"><i class="fas fa-angle-left"></i></a>
51
                <img src="../../../assets/img/flags/{{selectedCountry.code | lowercase}}-flag-round.png" class="small-flag-image uk-margin-small-right" width="24" style="margin-top: -3px">
52
                <span>{{selectedCountry.name | uppercase}}</span>
55 53
              </h3>
56 54
            </div>
57
            <div *ngIf="countrySelectedName" class="md-card-content">
55
            <div *ngIf="!selectedCountryData" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-5x loader" aria-hidden="true"></i></div>
56
            <!--<div *ngIf="!selectedCountryData" class="loading-big">-->
57
              <!--<div uk-spinner="ratio: 2" class="uk-overlay uk-position-center uk-dark" style="margin: auto"></div>-->
58
              <!--&lt;!&ndash;<div class="loader-big" style="text-align: center; padding-top: 170px; color: rgb(47, 64, 80); font-weight: bold;">&ndash;&gt;-->
59
                <!--&lt;!&ndash;{{ loadingMessage }}&ndash;&gt;-->
60
              <!--&lt;!&ndash;</div>&ndash;&gt;-->
61
              <!--<div class="transparentFilm"></div>-->
62
            <!--</div>-->
63
            <div *ngIf="selectedCountryData" class="md-card-content">
58 64
              <div class="numbers">
59 65
                <div class="uk-margin-small-top">
60 66

  
61 67
                  <div class="indicator">
62
                    <span class="number publications" *ngIf="countrySelectedOverview.publications?.oa !=null">{{countrySelectedOverview.publications.oa | number}}</span>
63
                    <span class="number publications" *ngIf="countrySelectedOverview.publications===null || countrySelectedOverview.publications.oa===null">--</span>
64
                    <span><i>OA publications</i> from institutional repositories</span>
68
                    <span class="number publications" *ngIf="selectedCountryData.publicationsAffiliated!=null">{{selectedCountryData.publicationsAffiliated | number}}</span>
69
                    <span class="number publications" *ngIf="selectedCountryData.publicationsAffiliated===null">--</span>
70
                    <span><i>OA publications</i> affiliated to an organization in the country</span>
65 71
                  </div>
66 72

  
67 73
                  <div class="indicator uk-margin-small-top">
68
                    <span class="number publications" *ngIf="countrySelectedOverview.publications?.oa !=null">{{countrySelectedOverview.publications.oa | number}}</span>
69
                    <span class="number publications" *ngIf="countrySelectedOverview.publications===null || countrySelectedOverview.publications.oa===null">--</span>
70
                    <span><i>OA publications</i> affiliated to an organization in the country</span>
74
                    <span class="number publications" *ngIf="selectedCountryData.publicationsDeposited!=null">{{selectedCountryData.publicationsDeposited | number}}</span>
75
                    <span class="number publications" *ngIf="selectedCountryData.publicationsDeposited===null">--</span>
76
                    <span><i>OA publications</i> from institutional repositories</span>
71 77
                  </div>
72 78

  
73 79
                  <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
74 80

  
75 81
                  <div class="indicator">
76
                    <span class="number datasets" *ngIf="countrySelectedOverview.datasets?.oa !=null">{{countrySelectedOverview.datasets.oa | number}}</span>
77
                    <span class="number datasets" *ngIf="countrySelectedOverview.datasets===null || countrySelectedOverview.datasets.oa===null">--</span>
78
                    <span><i>OA datasets</i> from institutional repositories</span>
82
                    <span class="number datasets" *ngIf="selectedCountryData.datasetsAffiliated!=null">{{selectedCountryData.datasetsAffiliated | number}}</span>
83
                    <span class="number datasets" *ngIf="selectedCountryData.datasetsAffiliated===null">--</span>
84
                    <span><i>OA datasets</i> affiliated to an organization in the country</span>
79 85
                  </div>
80 86

  
81 87
                  <div class="indicator uk-margin-small-top">
82
                    <span class="number datasets" *ngIf="countrySelectedOverview.datasets?.oa !=null">{{countrySelectedOverview.datasets.oa | number}}</span>
83
                    <span class="number datasets" *ngIf="countrySelectedOverview.datasets===null || countrySelectedOverview.datasets.oa===null">--</span>
84
                    <span><i>OA datasets</i> affiliated to an organization in the country</span>
88
                    <span class="number datasets" *ngIf="selectedCountryData.datasetsDeposited!=null">{{selectedCountryData.datasetsDeposited | number}}</span>
89
                    <span class="number datasets" *ngIf="selectedCountryData.datasetsDeposited===null">--</span>
90
                    <span><i>OA datasets</i> from institutional repositories</span>
85 91
                  </div>
86 92

  
87 93
                  <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
88 94

  
89 95
                  <div class="indicator">
90
                    <span class="number repositories" *ngIf="countrySelectedOverview.repositories?.oa !=null">{{countrySelectedOverview.repositories.oa | number}}</span>
91
                    <span class="number repositories" *ngIf="countrySelectedOverview.repositories===null || countrySelectedOverview.repositories.oa===null">--</span>
96
                    <span class="number repositories" *ngIf="selectedCountryData.repositories!=null">{{selectedCountryData.repositories | number}}</span>
97
                    <span class="number repositories" *ngIf="selectedCountryData.repositories===null">--</span>
92 98
                    <span><i>repositories</i> from openDOAR & re3data</span>
93 99
                  </div>
94 100

  
95 101
                  <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
96 102

  
97 103
                  <div class="indicator">
98
                    <span class="number journals" *ngIf="countrySelectedOverview.journals?.oa !=null">{{countrySelectedOverview.journals.oa | number}}</span>
99
                    <span class="number journals" *ngIf="countrySelectedOverview.journals===null || countrySelectedOverview.journals.oa===null">--</span>
100
                    <span><i>OA journals</i> from DOAJ</span>
104
                    <span class="number journals" *ngIf="selectedCountryData.journals!=null">{{selectedCountryData.journals | number}}</span>
105
                    <span class="number journals" *ngIf="selectedCountryData.journals===null">--</span>
106
                    <span><i>journals</i> from DOAJ</span>
101 107
                  </div>
102 108

  
103 109
                  <hr class="greyBoldDivider uk-margin-medium-top uk-margin-medium-bottom">
104 110

  
105 111
                  <div class="indicator">
106
                    <span class="number policies" *ngIf="countrySelectedOverview.policies?.oa !=null">{{countrySelectedOverview.policies.oa | number}}</span>
107
                    <span class="number policies" *ngIf="countrySelectedOverview.policies===null || countrySelectedOverview.policies.oa===null">--</span>
112
                    <span class="number policies" *ngIf="selectedCountryData.policies!=null">{{selectedCountryData.policies | number}}</span>
113
                    <span class="number policies" *ngIf="selectedCountryData.policies===null">--</span>
108 114
                    <span>organisations with <i>OA policies</i></span>
109 115
                  </div>
110 116

  
......
113 119
              </div>
114 120

  
115 121
              <div class="uk-text-center uk-margin-medium-top">
116
                <a class="" [routerLink]="['/countryDashboard/' + countrySelectedName]">Detailed View <i class="fas fa-arrow-right uk-margin-small-left"></i></a>
122
                <!--<button [routerLink]="['/countryDashboard/' + countrySelectedName]" class="md-btn md-btn-primary">View Details</button>-->
123
                <button [routerLink]="['/countryDashboard/' + selectedCountry.code]" class="md-btn md-btn-primary">View Details</button>
124
                <!--<a class="" [routerLink]="['/countryDashboard/' + countrySelectedName]">Detailed View <i class="fas fa-arrow-right uk-margin-small-left"></i></a>-->
117 125
              </div>
118 126

  
119
              <div class="uk-text-meta uk-text-small uk-margin-medium-top">
120
                <span class="uk-margin-right" style="opacity: 0.8; float: left; margin-top: 7px;">
121
                  <img src="../../../assets/img/Open_Research_Graph.svg">
122
                </span>
123
                <span>Powered by <a target="_blank" href="" style="text-decoration: underline">OpenAIRE Open Research Graph</a></span>
124
              </div>
125 127
            </div>
126 128
            <div></div>
127 129
          </ng-container>
......
142 144

  
143 145
    <div class="">
144 146
      <!--Overview cards-->
145
      <div *ngIf="overviewData?.overview" class="uk-width-1-1 indicatorCards">
147
      <div *ngIf="europeOverviewData" class="uk-width-1-1 indicatorCards">
146 148
        <div class="uk-grid uk-grid-small uk-child-width-1-2@s uk-child-width-1-3@m uk-child-width-1-5@l uk-margin-top uk-grid-match" data-uk-grid-margin="">
147 149
          <div class="uk-row-first">
148 150
            <div class="md-card">
......
152 154
                    <img src="../../../assets/img/icons/publications-icon.svg" width="40" height="40">
153 155
                  </div>
154 156
                  <h3 class="uk-margin-remove">
155
                    <span *ngIf="overviewData.overview.publications?.oa" class="number">{{overviewData.overview.publications.oa | number}}</span>
156
                    <span *ngIf="!overviewData.overview.publications || !overviewData.overview.publications.oa" class="number">--</span>
157
                    <span *ngIf="europeOverviewData.publications?.oa" class="number">{{europeOverviewData.publications.oa | number}}</span>
158
                    <span *ngIf="!europeOverviewData.publications || !europeOverviewData.publications.oa" class="number">--</span>
157 159
                  </h3>
158 160
                </div>
159 161
                <div class="uk-margin-top">
160 162
                  <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
161 163
                  <span class=""><i>OA publications</i></span>
162 164
                </div>
163
                <div *ngIf="overviewData.overview.publications?.percentage" class="uk-margin-top">
164
                  <span class="number">{{overviewData.overview.publications.percentage | number :'1.0-1'}}%</span> OA
165
                <div *ngIf="europeOverviewData.publications?.percentage" class="uk-margin-top">
166
                  <span class="number">{{europeOverviewData.publications.percentage | number :'1.0-1'}}%</span> OA
165 167
                  <div class="progress uk-margin-small-top">
166
                    <div [ngStyle]="{'width': overviewData.overview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
168
                    <div [ngStyle]="{'width': europeOverviewData.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
167 169
                  </div>
168 170
                </div>
169 171
              </div>
......
177 179
                    <img src="../../../assets/img/icons/datasets-icon.svg" width="33" height="40">
178 180
                  </div>
179 181
                  <h3 class="uk-margin-remove">
180
                    <span *ngIf="overviewData.overview.datasets?.oa" class="number">{{overviewData.overview.datasets.oa | number}}</span>
181
                    <span *ngIf="!overviewData.overview.datasets || !overviewData.overview.datasets.oa" class="number">--</span>
182
                    <span *ngIf="europeOverviewData.datasets?.oa" class="number">{{europeOverviewData.datasets.oa | number}}</span>
183
                    <span *ngIf="!europeOverviewData.datasets || !europeOverviewData.datasets.oa" class="number">--</span>
182 184
                  </h3>
183 185
                </div>
184 186
                <div class="uk-margin-top">
185 187
                  <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
186 188
                  <span class=""><i>OA datasets</i></span>
187 189
                </div>
188
                <div *ngIf="overviewData.overview.datasets?.percentage" class="uk-margin-top">
189
                  <span class="number">{{overviewData.overview.datasets.percentage | number :'1.0-1'}}%</span> OA
190
                <div *ngIf="europeOverviewData.datasets?.percentage" class="uk-margin-top">
191
                  <span class="number">{{europeOverviewData.datasets.percentage | number :'1.0-1'}}%</span> OA
190 192
                  <div class="progress uk-margin-small-top">
191
                    <div [ngStyle]="{'width': overviewData.overview.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
193
                    <div [ngStyle]="{'width': europeOverviewData.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
192 194
                  </div>
193 195
                </div>
194 196
              </div>
......
202 204
                    <img src="../../../assets/img/icons/repositories-icon.svg" width="43" height="40">
203 205
                  </div>
204 206
                  <h3 class="uk-margin-remove">
205
                    <span *ngIf="overviewData.overview.repositories?.oa" class="number">{{overviewData.overview.repositories.oa | number}}</span>
206
                    <span *ngIf="!overviewData.overview.repositories || !overviewData.overview.repositories.oa" class="number">--</span>
207
                    <span *ngIf="europeOverviewData.repositories?.oa" class="number">{{europeOverviewData.repositories.oa | number}}</span>
208
                    <span *ngIf="!europeOverviewData.repositories || !europeOverviewData.repositories.oa" class="number">--</span>
207 209
                  </h3>
208 210
                </div>
209 211
                <div class="uk-margin-top">
210
                  <span class=""><i>repositories</i> from openDOAR & re3data</span>
212
                  <span class="">validated <i>repositories</i></span>
211 213
                </div>
212
                <div *ngIf="overviewData.overview.repositories?.percentage" class="uk-margin-top">
213
                  <span class="number">{{overviewData.overview.repositories.percentage | number : '1.0-1'}}%</span> Certified
214
                <div *ngIf="europeOverviewData.repositories?.percentage" class="uk-margin-top">
215
                  <span class="number">{{europeOverviewData.repositories.percentage | number : '1.0-1'}}%</span> Validated
214 216
                  <div class="progress uk-margin-small-top">
215
                    <div [ngStyle]="{'width': overviewData.overview.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
217
                    <div [ngStyle]="{'width': europeOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
216 218
                  </div>
217 219
                </div>
218 220
              </div>
......
226 228
                    <img src="../../../assets/img/icons/journals-icon.svg" width="43" height="40">
227 229
                  </div>
228 230
                  <h3 class="uk-margin-remove">
229
                    <span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>
230
                    <span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">--</span>
231
                    <span *ngIf="europeOverviewData.journals?.oa" class="number">{{europeOverviewData.journals.oa | number}}</span>
232
                    <span *ngIf="!europeOverviewData.journals || !europeOverviewData.journals.oa" class="number">--</span>
231 233
                  </h3>
232 234
                </div>
233 235
                <div class="uk-margin-top">
234
                  <span class=""><i>OA journals</i> from DOAJ</span>
236
                  <span class="">validated <i>OA journals</i></span>
235 237
                </div>
236
                <div *ngIf="overviewData.overview.journals?.percentage" class="uk-margin-top">
237
                  <span class="number">{{overviewData.overview.journals.percentage | number : '1.0-1'}}%</span> Certified
238
                <div *ngIf="europeOverviewData.journals?.percentage" class="uk-margin-top">
239
                  <span class="number">{{europeOverviewData.journals.percentage | number : '1.0-1'}}%</span> Validated
238 240
                  <div class="progress uk-margin-small-top">
239
                    <div [ngStyle]="{'width': overviewData.overview.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
241
                    <div [ngStyle]="{'width': europeOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
240 242
                  </div>
241 243
                </div>
242 244
              </div>
......
250 252
                    <img src="../../../assets/img/icons/policies-icon.svg" width="36" height="40">
251 253
                  </div>
252 254
                  <h3 class="uk-margin-remove">
253
                    <span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>
254
                    <span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">--</span>
255
                    <span *ngIf="europeOverviewData.policies?.oa" class="number">{{europeOverviewData.policies.oa | number}}</span>
256
                    <span *ngIf="!europeOverviewData.policies || !europeOverviewData.policies.oa" class="number">--</span>
255 257
                  </h3>
256 258
                </div>
257 259
                <div class="uk-margin-top">
......
272 274
</section>
273 275

  
274 276

  
275
<!--TABS SECTION-->
277
<!--OA IN EUROPE SECTION-->
276 278
<section class="section greySection" id="sect-tabs">
277 279
  <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}">
278 280

  
279
    <div class="">
280
      <ul class="uk-tab uk-tab-large uk-flex-center" data-uk-tab="{connect:'#team_tabbed',animation: 'slide-bottom'}">
281
        <li class="uk-active" aria-expanded="true"><a href="#">Overview</a></li>
282
        <li aria-expanded="false"><a href="#">Open Science</a></li>
283
        <li class="uk-disabled" aria-expanded="false"><a href="#" data-uk-tooltip="{title: Stay tuned..; pos: top-left}">Collaboration</a></li>
284
        <li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Impact</a></li>
285
        <li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Innovation</a></li>
286
        <!--<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>-->
287
      </ul>
281
    <h3>OA in Europe</h3>
288 282

  
289
      <ul *ngIf="overviewData?.countries" id="team_tabbed" class="uk-switcher">
290
        <!--OVERVIEW tab-->
291
        <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
292
          <div class="uk-margin tabContent">
293
            <app-data-view [type]="'overview'" [countries]="overviewData.countries"></app-data-view>
294
            <!--<app-countries-table [isPercentage]="false" [type]="'overview'" [countries]="overviewData.countries"></app-countries-table>-->
295
          </div>
296
        </li>
297
        <!--OPEN SCIENCE tab-->
298
        <li aria-hidden="true" style="animation-duration: 200ms;">
299
          <div class="uk-margin tabContent">
300
            <app-data-view [type]="'openScience'" [countries]="overviewData.countries"></app-data-view>
301
            <!--<app-countries-table [isPercentage]="false" [type]="'openScience'" [countries]="overviewData.countries"></app-countries-table>-->
302
          </div>
303
        </li>
304
        <li aria-hidden="true">
305
          <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="">
306
          </div>
307
        </li>
308
        <li aria-hidden="true">
309
          <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="">
310
          </div>
311
        </li>
312
        <li aria-hidden="true">
313
          <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="">
314
          </div>
315
        </li>
316
      </ul>
283
    <div class="dataContainer">
284
      <div class="uk-margin tabContent">
285
        <app-data-view></app-data-view>
286
        <!--<app-countries-table [isPercentage]="false" [type]="'overview'" [countries]="overviewData.countries"></app-countries-table>-->
287
      </div>
317 288
    </div>
318 289

  
290
    <!--<div class="">-->
291
      <!--<ul class="uk-tab uk-tab-large uk-flex-center" data-uk-tab="{connect:'#team_tabbed',animation: 'slide-bottom'}">-->
292
        <!--<li class="uk-active" aria-expanded="true"><a href="#">Overview</a></li>-->
293
        <!--<li aria-expanded="false"><a href="#">Open Science</a></li>-->
294
        <!--<li class="uk-disabled" aria-expanded="false"><a href="#" data-uk-tooltip="{title: Stay tuned..; pos: top-left}">Collaboration</a></li>-->
295
        <!--<li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Impact</a></li>-->
296
        <!--<li class="uk-disabled" aria-expanded="false" data-uk-tooltip="Stay tuned.."><a href="#">Innovation</a></li>-->
297
        <!--&lt;!&ndash;<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>&ndash;&gt;-->
298
      <!--</ul>-->
299

  
300
      <!--<ul *ngIf="overviewData?.countries" id="team_tabbed" class="uk-switcher dataContainer">-->
301
        <!--&lt;!&ndash;OVERVIEW tab&ndash;&gt;-->
302
        <!--<li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">-->
303
          <!--<div class="uk-margin tabContent">-->
304
            <!--<app-data-view [type]="'overview'" [countries]="overviewData.countries"></app-data-view>-->
305
            <!--&lt;!&ndash;<app-countries-table [isPercentage]="false" [type]="'overview'" [countries]="overviewData.countries"></app-countries-table>&ndash;&gt;-->
306
          <!--</div>-->
307
        <!--</li>-->
308
        <!--&lt;!&ndash;OPEN SCIENCE tab&ndash;&gt;-->
309
        <!--<li aria-hidden="true" style="animation-duration: 200ms;">-->
310
          <!--<div class="uk-margin tabContent">-->
311
            <!--<app-data-view [type]="'openScience'" [countries]="overviewData.countries"></app-data-view>-->
312
            <!--&lt;!&ndash;<app-countries-table [isPercentage]="false" [type]="'openScience'" [countries]="overviewData.countries"></app-countries-table>&ndash;&gt;-->
313
          <!--</div>-->
314
        <!--</li>-->
315
        <!--<li aria-hidden="true">-->
316
          <!--<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="">-->
317
          <!--</div>-->
318
        <!--</li>-->
319
        <!--<li aria-hidden="true">-->
320
          <!--<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="">-->
321
          <!--</div>-->
322
        <!--</li>-->
323
        <!--<li aria-hidden="true">-->
324
          <!--<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="">-->
325
          <!--</div>-->
326
        <!--</li>-->
327
      <!--</ul>-->
328
    <!--</div>-->
329

  
319 330
  </div>
320 331
</section>

Also available in: Unified diff