Project

General

Profile

« Previous | Next » 

Revision 57893

Added by Stefania Martziou over 4 years ago

Finished the first implementation of the overview page and the country page

View differences:

modules/open-science-observatory-ui/trunk/src/app/pages/countrypage/country-page.component.html
35 35 
                        <img src="../../../assets/img/icons/PUBLICATIONS.svg" width="30" height="30">
36 36 
                      </div>
37 37 
                      <h2 class="uk-margin-remove">
38 
                        <span class="number">18,165</span>
39 
                        <!--<span *ngIf="overviewData.overview.publications?.oa" class="number">{{overviewData.overview.publications.oa | number}}</span>-->
40 
                        <!--<span *ngIf="!overviewData.overview.publications || !overviewData.overview.publications.oa" class="number">--</span>-->
38 
                        <!--<span class="number">2,321,300</span>-->
39 
                        <span *ngIf="!countryData || !countryData.publications || !countryData.publications.oa" class="number">--</span>
40 
                        <span *ngIf="countryData?.publications?.oa" class="number">{{countryData.publications.oa | number}}</span>
41 41 
                      </h2>
42 42 
                    </div>
43 43 
                    <div class="uk-margin-top">
44 44 
                      <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
45 45 
                      <span class="">Number of OA publications</span>
46 46 
                    </div>
47 
                    <div class="uk-margin-top">
48 
                      <span class="number">30%</span> are OA
47 
                    <!--<div class="uk-margin-top">-->
48 
                      <!--<span class="number">96.8%</span> are OA-->
49 
                    <!--</div>-->
50 
                    <div *ngIf="countryData?.publications?.percentage" class="uk-margin-top">
51 
                      <span class="number">{{countryData.publications.percentage | number}}%</span> are OA
49 52 
                    </div>
50 
                    <!--<div *ngIf="overviewData.overview.publications?.percentage" class="uk-margin-top">-->
51 
                      <!--<span class="number">{{overviewData.overview.publications.percentage | number}}%</span> are OA-->
52 
                    <!--</div>-->
53 53 
                  </div>
54 54 
                </div>
55 55 
              </div>
......
61 61 
                        <img src="../../../assets/img/icons/DATASETS.svg" width="30" height="30">
62 62 
                      </div>
63 63 
                      <h2 class="uk-margin-remove">
64 
                        <span class="number">12,812</span>
65 
                        <!--<span *ngIf="overviewData.overview.datasets?.oa" class="number">{{overviewData.overview.datasets.oa | number}}</span>-->
66 
                        <!--<span *ngIf="!overviewData.overview.datasets || !overviewData.overview.datasets.oa" class="number">--</span>-->
64 
                        <!--<span class="number">14,730</span>-->
65 
                        <span *ngIf="!countryData || !countryData.datasets || !countryData.datasets.oa" class="number">--</span>
66 
                        <span *ngIf="countryData?.datasets?.oa" class="number">{{countryData.datasets.oa | number}}</span>
67 67 
                      </h2>
68 68 
                    </div>
69 69 
                    <div class="uk-margin-top">
70 70 
                      <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
71 71 
                      <span class="">Number of OA datasets</span>
72 72 
                    </div>
73 
                    <div class="uk-margin-top">
74 
                      <span class="number">30%</span> are OA
73 
                    <!--<div class="uk-margin-top">-->
74 
                      <!--<span class="number">89.7%</span> are OA-->
75 
                    <!--</div>-->
76 
                    <div *ngIf="countryData?.datasets?.percentage" class="uk-margin-top">
77 
                      <span class="number">{{countryData.datasets.percentage | number}}%</span> are OA
75 78 
                    </div>
76 
                    <!--<div *ngIf="overviewData.overview.datasets?.percentage" class="uk-margin-top">-->
77 
                      <!--<span class="number">{{overviewData.overview.datasets.percentage | number}}%</span> are OA-->
78 
                    <!--</div>-->
79 79 
                  </div>
80 80 
                </div>
81 81 
              </div>
......
87 87 
                        <img src="../../../assets/img/icons/REPOSITORIES.svg" width="30" height="30">
88 88 
                      </div>
89 89 
                      <h2 class="uk-margin-remove">
90 
                        <span class="number">512</span>
91 
                        <!--<span *ngIf="overviewData.overview.repositories?.oa" class="number">{{overviewData.overview.repositories.oa | number}}</span>-->
92 
                        <!--<span *ngIf="!overviewData.overview.repositories || !overviewData.overview.repositories.oa" class="number">--</span>-->
90 
                        <!--<span class="number">101</span>-->
91 
                        <span *ngIf="!countryData || !countryData.repositories || !countryData.repositories.oa" class="number">--</span>
92 
                        <span *ngIf="countryData?.repositories?.oa" class="number">{{countryData.repositories.oa | number}}</span>
93 93 
                      </h2>
94 94 
                    </div>
95 95 
                    <div class="uk-margin-top">
......
110 110 
                        <img src="../../../assets/img/icons/JOURNAL.svg" width="30" height="30">
111 111 
                      </div>
112 112 
                      <h2 class="uk-margin-remove">
113 
                        <span class="number">1356</span>
113 
                        <!--<span class="number">164</span>-->
114 
                        <span *ngIf="!countryData || !countryData.journals || !countryData.journals.oa" class="number">--</span>
115 
                        <span *ngIf="countryData?.journals?.oa" class="number">{{countryData.journals.oa | number}}</span>
114 116 
                        <!--<span *ngIf="overviewData.overview.journals?.oa" class="number">{{overviewData.overview.journals.oa | number}}</span>-->
115 117 
                        <!--<span *ngIf="!overviewData.overview.journals || !overviewData.overview.journals.oa" class="number">--</span>-->
116 118 
                      </h2>
......
133 135 
                        <img src="../../../assets/img/icons/POLICES.svg" width="30" height="30">
134 136 
                      </div>
135 137 
                      <h2 class="uk-margin-remove">
136 
                        <span class="number">798</span>
138 
                        <span class="number">--</span>
137 139 
                        <!--<span *ngIf="overviewData.overview.policies?.oa" class="number">{{overviewData.overview.policies.oa | number}}</span>-->
138 140 
                        <!--<span *ngIf="!overviewData.overview.policies || !overviewData.overview.policies.oa" class="number">--</span>-->
139 141 
                      </h2>
......
159 161 
            <!--<span class="sub-heading">The Best Images From Around The World</span>-->
160 162 
          </h2>
161 163 
          <div class="uk-grid">
162 
            <div class="uk-width-1-2">
164 
            <div class="uk-width-1-3">
163 165 
              <div class="md-card">
164 166 
                <div class="md-card-toolbar">
165 167 
                  <div class="md-card-toolbar-actions">
......
172 174 
                  </h3>
173 175 
                </div>
174 176 
                <div class="md-card-content">
175 
                  <img src="../../../assets/img/mocks/monthly-average-temperat.png">
177 
                  <iframe *ngIf="greenGoldLineChartURL" width="100%" height="350" [src]="greenGoldLineChartURL"></iframe>
178 
                  <!--<img src="../../../assets/img/mocks/monthly-average-temperat.png">-->
176 179 
                </div>
177 180 
              </div>
178 181 
            </div>
179 
            <div class="uk-width-1-2">
182 
            <div class="uk-width-1-3">
180 183 
              <div class="md-card">
181 184 
                <div class="md-card-toolbar">
182 185 
                  <div class="md-card-toolbar-actions">
......
189 192 
                  </h3>
190 193 
                </div>
191 194 
                <div class="md-card-content">
192 
                  <img src="../../../assets/img/mocks/stacked-bar-chart.png">
195 
                  <iframe *ngIf="goldOrganisationsChartURL" width="100%" height="350" [src]="goldOrganisationsChartURL"></iframe>
193 196 
                </div>
194 197 
              </div>
195 198 
            </div>
199 
            <div class="uk-width-1-3">
200 
              <div class="md-card">
201 
                <div class="md-card-toolbar">
202 
                  <div class="md-card-toolbar-actions">
203 
                    <i class="fas fa-lg fa-info-circle"></i>
204 
                    <i class="fas fa-lg fa-download uk-margin-left"></i>
205 
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>
206 
                  </div>
207 
                  <h3 class="md-card-toolbar-heading-text">
208 
                    <!--Card Heading-->
209 
                  </h3>
210 
                </div>
211 
                <div class="md-card-content">
212 
                  <iframe *ngIf="greenOrganisationsChartURL" width="100%" height="350" [src]="greenOrganisationsChartURL"></iframe>
213 
                </div>
214 
              </div>
215 
            </div>
196 216 
          </div>
197 217 
        </div>
198 218 

  		




  ......




  216
  236
  
    
                  </h3>


  		




  217
  237
  
    
                </div>


  		




  218
  238
  
    
                <div class="md-card-content">


  		




  219
  
  
    
                  <img src="../../../assets/img/mocks/snow-depth-at-vikjafjell.png">


  		




  
  239
  
    
                  <iframe *ngIf="publicationsDataSetsSoftwareByYearGraphURL" width="100%" height="350" [src]="publicationsDataSetsSoftwareByYearGraphURL"></iframe>


  		




  220
  240
  
    
                </div>


  		




  221
  241
  
    
              </div>


  		




  222
  242
  
    
            </div>


  		




  ......




  231
  251
  
    
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>


  		




  232
  252
  
    
                  </div>


  		




  233
  253
  
    
                  <h3 class="md-card-toolbar-heading-text">


  		




  234
  
  
    
                    <!--Card Heading-->


  		




  
  254
  
    
                    Organisations


  		




  235
  255
  
    
                  </h3>


  		




  236
  256
  
    
                </div>


  		




  237
  257
  
    
                <div class="md-card-content">


  		




  238
  
  
    
                  <table class="uk-table uk-table-small uk-table-divider">


  		




  239
  
  
    
                    <thead>


  		




  240
  
  
    
                    <tr>


  		




  241
  
  
    
                      <th>Table Heading</th>


  		




  242
  
  
    
                      <th>Table Heading</th>


  		




  243
  
  
    
                      <th>Table Heading</th>


  		




  244
  
  
    
                    </tr>


  		




  245
  
  
    
                    </thead>


  		




  246
  
  
    
                    <tbody>


  		




  247
  
  
    
                    <tr>


  		




  248
  
  
    
                      <td>Table Data</td>


  		




  249
  
  
    
                      <td>Table Data</td>


  		




  250
  
  
    
                      <td>Table Data</td>


  		




  251
  
  
    
                    </tr>


  		




  252
  
  
    
                    <tr>


  		




  253
  
  
    
                      <td>Table Data</td>


  		




  254
  
  
    
                      <td>Table Data</td>


  		




  255
  
  
    
                      <td>Table Data</td>


  		




  256
  
  
    
                    </tr>


  		




  257
  
  
    
                    <tr>


  		




  258
  
  
    
                      <td>Table Data</td>


  		




  259
  
  
    
                      <td>Table Data</td>


  		




  260
  
  
    
                      <td>Table Data</td>


  		




  261
  
  
    
                    </tr>


  		




  262
  
  
    
                    </tbody>


  		




  263
  
  
    
                  </table>


  		




  
  258
  
    
                  <iframe *ngIf="publicationsDataSetsSoftwareByOrganisationTableURL" width="100%" height="730" [src]="publicationsDataSetsSoftwareByOrganisationTableURL"></iframe>


  		




  
  259
  
    
                  <!--<table class="uk-table uk-table-small uk-table-divider">-->


  		




  
  260
  
    
                    <!--<thead>-->


  		




  
  261
  
    
                    <!--<tr>-->


  		




  
  262
  
    
                      <!--<th>Table Heading</th>-->


  		




  
  263
  
    
                      <!--<th>Table Heading</th>-->


  		




  
  264
  
    
                      <!--<th>Table Heading</th>-->


  		




  
  265
  
    
                    <!--</tr>-->


  		




  
  266
  
    
                    <!--</thead>-->


  		




  
  267
  
    
                    <!--<tbody>-->


  		




  
  268
  
    
                    <!--<tr>-->


  		




  
  269
  
    
                      <!--<td>Table Data</td>-->


  		




  
  270
  
    
                      <!--<td>Table Data</td>-->


  		




  
  271
  
    
                      <!--<td>Table Data</td>-->


  		




  
  272
  
    
                    <!--</tr>-->


  		




  
  273
  
    
                    <!--<tr>-->


  		




  
  274
  
    
                      <!--<td>Table Data</td>-->


  		




  
  275
  
    
                      <!--<td>Table Data</td>-->


  		




  
  276
  
    
                      <!--<td>Table Data</td>-->


  		




  
  277
  
    
                    <!--</tr>-->


  		




  
  278
  
    
                    <!--<tr>-->


  		




  
  279
  
    
                      <!--<td>Table Data</td>-->


  		




  
  280
  
    
                      <!--<td>Table Data</td>-->


  		




  
  281
  
    
                      <!--<td>Table Data</td>-->


  		




  
  282
  
    
                    <!--</tr>-->


  		




  
  283
  
    
                    <!--</tbody>-->


  		




  
  284
  
    
                  <!--</table>-->


  		




  264
  285
  
    
                </div>


  		




  265
  286
  
    
              </div>


  		




  266
  287
  
    
            </div>


  		




  ......




  273
  294
  
    
                    <i class="fas fa-lg fa-file-pdf uk-margin-left"></i>


  		




  274
  295
  
    
                  </div>


  		




  275
  296
  
    
                  <h3 class="md-card-toolbar-heading-text">


  		




  276
  
  
    
                    <!--Card Heading-->


  		




  
  297
  
    
                    Repositories


  		




  277
  298
  
    
                  </h3>


  		




  278
  299
  
    
                </div>


  		




  279
  300
  
    
                <div class="md-card-content">


  		




  280
  
  
    
                  <table class="uk-table uk-table-small uk-table-divider">


  		




  281
  
  
    
                    <thead>


  		




  282
  
  
    
                    <tr>


  		




  283
  
  
    
                      <th>Table Heading</th>


  		




  284
  
  
    
                      <th>Table Heading</th>


  		




  285
  
  
    
                      <th>Table Heading</th>


  		




  286
  
  
    
                    </tr>


  		




  287
  
  
    
                    </thead>


  		




  288
  
  
    
                    <tbody>


  		




  289
  
  
    
                    <tr>


  		




  290
  
  
    
                      <td>Table Data</td>


  		




  291
  
  
    
                      <td>Table Data</td>


  		




  292
  
  
    
                      <td>Table Data</td>


  		




  293
  
  
    
                    </tr>


  		




  294
  
  
    
                    <tr>


  		




  295
  
  
    
                      <td>Table Data</td>


  		




  296
  
  
    
                      <td>Table Data</td>


  		




  297
  
  
    
                      <td>Table Data</td>


  		




  298
  
  
    
                    </tr>


  		




  299
  
  
    
                    <tr>


  		




  300
  
  
    
                      <td>Table Data</td>


  		




  301
  
  
    
                      <td>Table Data</td>


  		




  302
  
  
    
                      <td>Table Data</td>


  		




  303
  
  
    
                    </tr>


  		




  304
  
  
    
                    </tbody>


  		




  305
  
  
    
                  </table>


  		




  
  301
  
    
                  <iframe *ngIf="publicationsDataSetsSoftwareByRepoTableURL" width="100%" height="730" [src]="publicationsDataSetsSoftwareByRepoTableURL"></iframe>


  		




  
  302
  
    
                  <!--<table class="uk-table uk-table-small uk-table-divider">-->


  		




  
  303
  
    
                    <!--<thead>-->


  		




  
  304
  
    
                    <!--<tr>-->


  		




  
  305
  
    
                      <!--<th>Table Heading</th>-->


  		




  
  306
  
    
                      <!--<th>Table Heading</th>-->


  		




  
  307
  
    
                      <!--<th>Table Heading</th>-->


  		




  
  308
  
    
                    <!--</tr>-->


  		




  
  309
  
    
                    <!--</thead>-->


  		




  
  310
  
    
                    <!--<tbody>-->


  		




  
  311
  
    
                    <!--<tr>-->


  		




  
  312
  
    
                      <!--<td>Table Data</td>-->


  		




  
  313
  
    
                      <!--<td>Table Data</td>-->


  		




  
  314
  
    
                      <!--<td>Table Data</td>-->


  		




  
  315
  
    
                    <!--</tr>-->


  		




  
  316
  
    
                    <!--<tr>-->


  		




  
  317
  
    
                      <!--<td>Table Data</td>-->


  		




  
  318
  
    
                      <!--<td>Table Data</td>-->


  		




  
  319
  
    
                      <!--<td>Table Data</td>-->


  		




  
  320
  
    
                    <!--</tr>-->


  		




  
  321
  
    
                    <!--<tr>-->


  		




  
  322
  
    
                      <!--<td>Table Data</td>-->


  		




  
  323
  
    
                      <!--<td>Table Data</td>-->


  		




  
  324
  
    
                      <!--<td>Table Data</td>-->


  		




  
  325
  
    
                    <!--</tr>-->


  		




  
  326
  
    
                    <!--</tbody>-->


  		




  
  327
  
    
                  <!--</table>-->


  		




  306
  328
  
    
                </div>


  		




  307
  329
  
    
              </div>


  		




  308
  330
  
    
            </div>


  		




  ......




  329
  351
  
    
                  </h3>


  		




  330
  352
  
    
                </div>


  		




  331
  353
  
    
                <div class="md-card-content">


  		




  332
  
  
    
                  <img src="../../../assets/img/mocks/historic-world-populatio.png">


  		




  
  354
  
    
                  <iframe *ngIf="publicationsDataSetsSoftwareByFunderGraphURL" width="100%" height="450" [src]="publicationsDataSetsSoftwareByFunderGraphURL"></iframe>


  		




  333
  355
  
    
                </div>


  		




  334
  356
  
    
              </div>


  		




  335
  357
  
    
            </div>


  		




  ......




  356
  378
  
    
                  </h3>


  		




  357
  379
  
    
                </div>


  		




  358
  380
  
    
                <div class="md-card-content">


  		




  359
  
  
    
                  <img src="../../../assets/img/mocks/historic-world-populatio-2.png">


  		




  
  381
  
    
                  <iframe *ngIf="topProjectsByPublicationsGraphURL" width="100%" height="350" [src]="topProjectsByPublicationsGraphURL"></iframe>


  		




  360
  382
  
    
                </div>


  		




  361
  383
  
    
              </div>


  		




  362
  384
  
    
            </div>


  		




  ......




  373
  395
  
    
                  </h3>


  		




  374
  396
  
    
                </div>


  		




  375
  397
  
    
                <div class="md-card-content">


  		




  376
  
  
    
                  <img src="../../../assets/img/mocks/historic-world-populatio-3.png">


  		




  
  398
  
    
                  <iframe *ngIf="topProjectsByDatasetsGraphURL" width="100%" height="350" [src]="topProjectsByDatasetsGraphURL"></iframe>


  		




  377
  399
  
    
                </div>


  		




  378
  400
  
    
              </div>


  		




  379
  401
  
    
            </div>


  		




  ......




  390
  412
  
    
                  </h3>


  		




  391
  413
  
    
                </div>


  		




  392
  414
  
    
                <div class="md-card-content">


  		




  393
  
  
    
                  <img src="../../../assets/img/mocks/historic-world-populatio-4.png">


  		




  
  415
  
    
                  <iframe *ngIf="topProjectsBySoftwareGraphURL" width="100%" height="350" [src]="topProjectsBySoftwareGraphURL"></iframe>


  		




  394
  416
  
    
                </div>


  		




  395
  417
  
    
              </div>


  		




  396
  418
  
    
            </div>


  		




  ......




  409
  431
  
    

  		




  410
  432
  
    
            <div class="numbers">


  		




  411
  433
  
    
              <div class="uk-margin-medium-top">


  		




  412
  
  
    
                <div class="number">18,165</div>


  		




  
  434
  
    
                <div class="number">--</div>


  		




  413
  435
  
    
                <div class="uk-margin-top">R&D expenditure</div>


  		




  414
  436
  
    
              </div>


  		




  415
  437
  
    
              <div class="uk-margin-medium-top">


  		




  416
  
  
    
                <div class="number">327</div>


  		




  
  438
  
    
                <div *ngIf="!countryData || !countryData.funders || !countryData.funders.oa" class="number">--</div>


  		




  
  439
  
    
                <div *ngIf="countryData?.funders?.oa" class="number">{{countryData.funders.oa}}</div>


  		




  
  440
  
    
                <div class="uk-margin-top">funding sources</div>


  		




  
  441
  
    
              </div>


  		




  
  442
  
    
              <div class="uk-margin-medium-top">


  		




  
  443
  
    
                <div *ngIf="!countryData || !countryData.funders || !countryData.funders.total" class="number">--</div>


  		




  
  444
  
    
                <div *ngIf="countryData?.funders?.total" class="number">{{countryData.funders.total}}</div>


  		




  417
  445
  
    
                <div class="uk-margin-top">funding organizations</div>


  		




  418
  446
  
    
              </div>


  		




  419
  447
  
    
              <div class="uk-margin-medium-top">


  		




  420
  
  
    
                <div class="number">18,165</div>


  		




  
  448
  
    
                <div *ngIf="!countryData || !countryData.ecFundedOrganizations || !countryData.ecFundedOrganizations.oa" class="number">--</div>


  		




  
  449
  
    
                <div *ngIf="countryData?.ecFundedOrganizations?.oa" class="number">{{countryData.ecFundedOrganizations.oa}}</div>


  		




  421
  450
  
    
                <div class="uk-margin-top">organizations funded by the European commission since 2013</div>


  		




  422
  451
  
    
              </div>


  		




  423
  452
  
    
            </div>


  		












  

    
      modules/open-science-observatory-ui/trunk/src/app/pages/countrypage/country-page.component.ts
    
  





  1
  
  
    
import { Component, DoCheck, OnInit, ViewEncapsulation } from '@angular/core';


  		




  
  1
  
    
import { Component, OnInit, ViewEncapsulation } from '@angular/core';


  		




  2
  2
  
    
import { DataService } from '../../services/data.service';


  		




  3
  
  
    
import { OverviewData } from '../../domain/overview-data';


  		




  4
  3
  
    
import { ActivatedRoute } from '@angular/router';


  		




  
  4
  
    
import { DomSanitizer, SafeResourceUrl } from '@angular/platform-browser';


  		




  
  5
  
    
import {CountryOverview, OverviewData} from '../../domain/overview-data';


  		




  5
  6
  
    

  		




  6
  7
  
    
@Component({


  		




  7
  8
  
    
  selector: 'app-country-page',


  		




  ......




  16
  17
  
    

  		




  17
  18
  
    
  linkToCountryInOpenAIRE: string;


  		




  18
  19
  
    

  		




  19
  
  
    
  // overviewData: OverviewData;


  		




  
  20
  
    
  greenGoldLineChartURL: SafeResourceUrl;


  		




  
  21
  
    
  goldOrganisationsChartURL: SafeResourceUrl;


  		




  
  22
  
    
  greenOrganisationsChartURL: SafeResourceUrl;


  		




  
  23
  
    
  publicationsDataSetsSoftwareByYearGraphURL: SafeResourceUrl;


  		




  
  24
  
    
  publicationsDataSetsSoftwareByOrganisationTableURL: SafeResourceUrl;


  		




  
  25
  
    
  publicationsDataSetsSoftwareByRepoTableURL: SafeResourceUrl;


  		




  
  26
  
    
  publicationsDataSetsSoftwareByFunderGraphURL: SafeResourceUrl;


  		




  
  27
  
    
  topProjectsByPublicationsGraphURL: SafeResourceUrl;


  		




  
  28
  
    
  topProjectsByDatasetsGraphURL: SafeResourceUrl;


  		




  
  29
  
    
  topProjectsBySoftwareGraphURL: SafeResourceUrl;


  		




  20
  30
  
    

  		




  
  31
  
    
  overviewData: OverviewData;


  		




  
  32
  
    
  countryData: CountryOverview;


  		




  
  33
  
    

  		




  21
  34
  
    
  // countrySelectedName: string = null;


  		




  22
  35
  
    

  		




  23
  36
  
    
  constructor(private dataService: DataService,


  		




  24
  
  
    
              private route: ActivatedRoute) { }


  		




  
  37
  
    
              private route: ActivatedRoute,


  		




  
  38
  
    
              private sanitizer: DomSanitizer) { }


  		




  25
  39
  
    

  		




  26
  40
  
    
  ngOnInit(): void {


  		




  27
  41
  
    

  		




  ......




  29
  43
  
    

  		




  30
  44
  
    
    this.countryName = this.route.snapshot.paramMap.get('countryName');


  		




  31
  45
  
    
    this.linkToCountryInOpenAIRE = 'https://www.openaire.eu/item/' + this.countryName.replace(' ', '-');


  		




  32
  
  
    
    console.log('Country name: ', this.countryName);


  		




  33
  
  
    
    // this.dataService.getCountryData('').subscribe(


  		




  34
  
  
    
    //   overviewData => {


  		




  35
  
  
    
    //     this.overviewData = overviewData;


  		




  36
  
  
    
    //   },


  		




  37
  
  
    
    //   error => {


  		




  38
  
  
    
    //     console.log(error);


  		




  39
  
  
    
    //   }


  		




  40
  
  
    
    // );


  		




  
  46
  
    

  		




  
  47
  
    
    this.dataService.getCountryData(this.countryName).subscribe(


  		




  
  48
  
    
      overviewData => {


  		




  
  49
  
    
        this.overviewData = overviewData;


  		




  
  50
  
    
        this.countryData = this.overviewData.countries.filter(x => x.country === this.countryName)[0];


  		




  
  51
  
    
      },


  		




  
  52
  
    
      error => {


  		




  
  53
  
    
        console.log(error);


  		




  
  54
  
    
      }


  		




  
  55
  
    
    );


  		




  
  56
  
    

  		




  
  57
  
    

  		




  
  58
  
    
    // green: #98A886,  gold: #D3BF3B


  		




  
  59
  
    
    this.greenGoldLineChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Green%20OA%22%2C%22type%22%3A%22line%22%2C%22query%22%3A%7B%22name%22%3A%22oso.green.year.` + this.countryName.replace(' ', '') + `%22%7D%7D%2C%7B%22name%22%3A%22Gold%20OA%22%2C%22type%22%3A%22line%22%2C%22query%22%3A%7B%22name%22%3A%22oso.gold.year.` + this.countryName.replace(' ', '') + `%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Green%20vs%20Gold%20Publications%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22publications%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22year%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Atrue%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%2398A886%22%2C%22%23D3BF3B%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  
  60
  
    
    this.goldOrganisationsChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Gold%20OA%22%2C%22type%22%3A%22bar%22%2C%22color%22%3A%22%23D3BF3B%22%2C%22query%22%3A%7B%22name%22%3A%22oso.gold.organization.` + this.countryName.replace(' ', '') + `%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Gold%20Open%20Access%22%7D%2C%22subtitle%22%3A%7B%22text%22%3A%22Top%2015%20Organizations%22%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22Publications%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22Organizations%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Atrue%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%7D%7D`);


  		




  
  61
  
    
    this.greenOrganisationsChartURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Green%20OA%22%2C%22type%22%3A%22bar%22%2C%22color%22%3A%22%2398A886%22%2C%22query%22%3A%7B%22name%22%3A%22oso.green.organization.` + this.countryName.replace(' ', '') + `%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Green%20Open%20Access%22%7D%2C%22subtitle%22%3A%7B%22text%22%3A%22Top%2015%20Organizations%22%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22Publications%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22Organizations%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Atrue%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%7D%7D`);


  		




  
  62
  
    
    // publications: #19647E, datasets: #019A85, software: #99B2DD


  		




  
  63
  
    
    this.publicationsDataSetsSoftwareByYearGraphURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Publications%22%2C%22type%22%3A%22line%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oapublications.` + this.countryName.replace(' ', '') + `%22%7D%7D%2C%7B%22name%22%3A%22Datasets%22%2C%22type%22%3A%22line%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oadatasets.` + this.countryName.replace(' ', '') + `%22%7D%7D%2C%7B%22name%22%3A%22Software%22%2C%22type%22%3A%22line%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oasoftwares.` + this.countryName.replace(' ', '') + `%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Publications%20vs%20Datasets%20vs%20Software%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22somethings%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Atrue%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%2319647E%22%2C%22%23019A85%22%2C%22%2399B2DD%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  
  64
  
    
    this.publicationsDataSetsSoftwareByFunderGraphURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%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%22name%22%3A%22oso.oapublications.funder.` + this.countryName.replace(' ', '') + `%22%7D%7D%2C%7B%22name%22%3A%22Datasets%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oadatasets.funder.` + this.countryName.replace(' ', '') + `%22%7D%7D%2C%7B%22name%22%3A%22Software%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oasoftwares.funder.` + this.countryName.replace(' ', '') + `%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Publications%20vs%20Datasets%20vs%20Software%22%7D%2C%22subtitle%22%3A%7B%22text%22%3A%22by%20funder%22%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22somethings%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22funder%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Atrue%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%2319647E%22%2C%22%23019A85%22%2C%22%2399B2DD%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  
  65
  
    
    this.topProjectsByPublicationsGraphURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%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%22name%22%3A%22oso.top10.projects.publications.` + this.countryName.replace(' ', '') + `%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Top%2010%20Projects%22%7D%2C%22subtitle%22%3A%7B%22text%22%3A%22by%20publications%22%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22publications%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22projects%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%2319647E%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  
  66
  
    
    this.topProjectsByDatasetsGraphURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Datasets%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.top10.projects.datasets.` + this.countryName.replace(' ', '') + `%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Top%2010%20Projects%22%7D%2C%22subtitle%22%3A%7B%22text%22%3A%22by%20datasets%22%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22datasets%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22projects%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%23019A85%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  
  67
  
    
    this.topProjectsBySoftwareGraphURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Software%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.top10.projects.software.` + this.countryName.replace(' ', '') + `%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Top%2010%20Projects%22%7D%2C%22subtitle%22%3A%7B%22text%22%3A%22by%20software%22%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22software%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22projects%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Afalse%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%2399B2DD%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  
  68
  
    

  		




  
  69
  
    
    this.publicationsDataSetsSoftwareByOrganisationTableURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/table?json=%7B%22library%22%3A%22GoogleCharts%22%2C%22tableDescription%22%3A%7B%22queriesInfo%22%3A%5B%7B%22name%22%3A%22Data%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22select%22%3A%5B%7B%22field%22%3A%22result%22%2C%22aggregate%22%3A%22count%22%7D%2C%7B%22field%22%3A%22result.datasource.organization.name%22%2C%22aggregate%22%3Anull%7D%2C%7B%22field%22%3A%22result.type%22%2C%22aggregate%22%3Anull%7D%5D%2C%22filters%22%3A%5B%7B%22groupFilters%22%3A%5B%7B%22field%22%3A%22result.datasource.organization.country.name%22%2C%22type%22%3A%22%3D%22%2C%22values%22%3A%5B%22` + this.countryName + `%22%5D%7D%5D%2C%22op%22%3A%22AND%22%7D%2C%7B%22groupFilters%22%3A%5B%7B%22field%22%3A%22result.access%20mode%22%2C%22type%22%3A%22%3D%22%2C%22values%22%3A%5B%22Open%20Access%22%5D%7D%2C%7B%22field%22%3A%22result.access%20mode%22%2C%22type%22%3A%22%3D%22%2C%22values%22%3A%5B%22Open%20Source%22%5D%7D%5D%2C%22op%22%3A%22OR%22%7D%2C%7B%22groupFilters%22%3A%5B%7B%22field%22%3A%22result.type%22%2C%22type%22%3A%22!%3D%22%2C%22values%22%3A%5B%22other%22%5D%7D%5D%2C%22op%22%3A%22AND%22%7D%5D%2C%22entity%22%3A%22result%22%2C%22profile%22%3A%22OpenAIRE%20original%22%2C%22limit%22%3A%220%22%7D%7D%5D%2C%22columns%22%3A%5B%5D%2C%22options%22%3A%7B%22hAxis%22%3A%7B%7D%2C%22vAxis%22%3A%7B%7D%2C%22chartArea%22%3A%7B%7D%2C%22series%22%3A%5B%5D%2C%22exporting%22%3Afalse%2C%22pageSize%22%3A30%2C%22isStacked%22%3A%22false%22%7D%7D%7D`);


  		




  
  70
  
    
    this.publicationsDataSetsSoftwareByRepoTableURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/table?json=%7B%22library%22%3A%22GoogleCharts%22%2C%22tableDescription%22%3A%7B%22queriesInfo%22%3A%5B%7B%22name%22%3A%22Data%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22select%22%3A%5B%7B%22field%22%3A%22result%22%2C%22aggregate%22%3A%22count%22%7D%2C%7B%22field%22%3A%22result.datasource.name%22%2C%22aggregate%22%3Anull%7D%2C%7B%22field%22%3A%22result.type%22%2C%22aggregate%22%3Anull%7D%5D%2C%22filters%22%3A%5B%7B%22groupFilters%22%3A%5B%7B%22field%22%3A%22result.datasource.organization.country.name%22%2C%22type%22%3A%22%3D%22%2C%22values%22%3A%5B%22` + this.countryName + `%22%5D%7D%5D%2C%22op%22%3A%22AND%22%7D%2C%7B%22groupFilters%22%3A%5B%7B%22field%22%3A%22result.access%20mode%22%2C%22type%22%3A%22%3D%22%2C%22values%22%3A%5B%22Open%20Access%22%5D%7D%2C%7B%22field%22%3A%22result.access%20mode%22%2C%22type%22%3A%22%3D%22%2C%22values%22%3A%5B%22Open%20Source%22%5D%7D%5D%2C%22op%22%3A%22OR%22%7D%2C%7B%22groupFilters%22%3A%5B%7B%22field%22%3A%22result.type%22%2C%22type%22%3A%22!%3D%22%2C%22values%22%3A%5B%22other%22%5D%7D%5D%2C%22op%22%3A%22AND%22%7D%5D%2C%22entity%22%3A%22result%22%2C%22profile%22%3A%22OpenAIRE%20original%22%2C%22limit%22%3A%220%22%7D%7D%5D%2C%22columns%22%3A%5B%5D%2C%22options%22%3A%7B%22hAxis%22%3A%7B%7D%2C%22vAxis%22%3A%7B%7D%2C%22chartArea%22%3A%7B%7D%2C%22series%22%3A%5B%5D%2C%22exporting%22%3Afalse%2C%22pageSize%22%3A30%2C%22isStacked%22%3A%22false%22%7D%7D%7D`);


  		




  41
  71
  
    
  }


  		




  42
  72
  
    
}


  		












  

    
      modules/open-science-observatory-ui/trunk/src/app/pages/home/countries-table.component.ts
    
  





  1
  
  
    
import { Component, Input, ViewEncapsulation } from '@angular/core';


  		




  2
  
  
    
import {CountryOverview} from '../../domain/overview-data';


  		




  
  1
  
    
import { Component, Input, OnChanges, ViewEncapsulation } from '@angular/core';


  		




  
  2
  
    
import { CountryOverview } from '../../domain/overview-data';


  		




  3
  3
  
    

  		




  4
  4
  
    
@Component({


  		




  5
  5
  
    
  selector: 'app-countries-table',


  		




  ......




  8
  8
  
    
  encapsulation: ViewEncapsulation.None


  		




  9
  9
  
    
})


  		




  10
  10
  
    

  		




  11
  
  
    
export class CountriesTableComponent {


  		




  
  11
  
    
export class CountriesTableComponent implements OnChanges {


  		




  12
  12
  
    

  		




  13
  13
  
    
  @Input() isPercentage: boolean;


  		




  14
  14
  
    
  @Input() type: string;


  		




  ......




  19
  19
  
    

  		




  20
  20
  
    
  constructor() {}


  		




  21
  21
  
    

  		




  
  22
  
    
  ngOnChanges() {


  		




  
  23
  
    
    this.countries.sort((a, b) => (a['country'] > b['country']) ? 1 : -1);


  		




  
  24
  
    
  }


  		




  
  25
  
    

  		




  22
  26
  
    
  sortBy(field: string) {


  		




  23
  27
  
    

  		




  24
  28
  
    
    if (field === this.isSortedBy) {


  		












  

    
      modules/open-science-observatory-ui/trunk/src/app/pages/home/data-view.component.ts
    
  





  30
  30
  
    
    this.activeView = view;


  		




  31
  31
  
    
    if (view === 'graph') {


  		




  32
  32
  
    
      if (!this.oaPublicationsURL) {


  		




  33
  
  
    
        this.oaPublicationsURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%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%22name%22%3A%22oso.oapublications%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Publications%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%7D%7D`);


  		




  
  33
  
    
        // publications: #19647E


  		




  
  34
  
    
        this.oaPublicationsURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%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%22name%22%3A%22oso.oapublications%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Publications%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%2319647E%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  34
  35
  
    
      }


  		




  35
  36
  
    
      if (!this.oaRepositoriesURL) {


  		




  36
  
  
    
        this.oaRepositoriesURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Repositories%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oarepositories%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Repositories%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%7D%7D`);


  		




  
  37
  
    
        // repositories: #A03245


  		




  
  38
  
    
        this.oaRepositoriesURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Repositories%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oarepositories%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Repositories%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%23A03245%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  37
  39
  
    
      }


  		




  38
  40
  
    
      if (!this.oaJournalsURL) {


  		




  39
  
  
    
        this.oaJournalsURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%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%22name%22%3A%22oso.oajournals%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Journals%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%7D%7D`);


  		




  
  41
  
    
        // journals: #2B243C


  		




  
  42
  
    
        this.oaJournalsURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%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%22name%22%3A%22oso.oajournals%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Journals%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%232B243C%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  40
  43
  
    
      }


  		




  41
  44
  
    
      if (!this.oaDatasetsURL) {


  		




  42
  
  
    
        this.oaDatasetsURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Datasets%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oadatasets%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Datasets%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%7D%7D`);


  		




  
  45
  
    
        // datasets: #019A85


  		




  
  46
  
    
        this.oaDatasetsURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Datasets%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oadatasets%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Datasets%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%23019A85%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  43
  47
  
    
      }


  		




  44
  48
  
    
      if (!this.oaSoftwareURL) {


  		




  45
  
  
    
        this.oaSoftwareURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Software%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oasoftware%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Software%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%7D%7D`);


  		




  
  49
  
    
        // software: #99B2DD


  		




  
  50
  
    
        this.oaSoftwareURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Software%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oasoftware%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Software%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%2399B2DD%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  46
  51
  
    
      }


  		




  47
  52
  
    
      if (!this.oaOtherURL) {


  		




  48
  
  
    
        this.oaOtherURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Other%20Research%20Products%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oaother%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Other%20Research%20Products%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Atrue%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%7D%7D`);


  		




  
  53
  
    
        // other reasearch products: #310A31


  		




  
  54
  
    
        this.oaOtherURL = this.sanitizer.bypassSecurityTrustResourceUrl(`http://88.197.53.71:8080/stats-api/chart?json=%7B%22library%22%3A%22HighCharts%22%2C%22chartDescription%22%3A%7B%22queries%22%3A%5B%7B%22name%22%3A%22Other%20Research%20Products%22%2C%22type%22%3A%22bar%22%2C%22query%22%3A%7B%22name%22%3A%22oso.oaother%22%7D%7D%5D%2C%22chart%22%3A%7B%22backgroundColor%22%3A%22%23FFFFFFFF%22%2C%22borderColor%22%3A%22%23335cadff%22%2C%22borderRadius%22%3A0%2C%22borderWidth%22%3A0%2C%22plotBorderColor%22%3A%22%23ccccccff%22%2C%22plotBorderWidth%22%3A0%7D%2C%22title%22%3A%7B%22text%22%3A%22Open%20Access%20Other%20Research%20Products%22%7D%2C%22subtitle%22%3A%7B%7D%2C%22yAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22xAxis%22%3A%7B%22title%22%3A%7B%22text%22%3A%22%22%7D%7D%2C%22lang%22%3A%7B%22noData%22%3A%22No%20Data%20available%20for%20the%20Query%22%7D%2C%22exporting%22%3A%7B%22enabled%22%3Atrue%7D%2C%22plotOptions%22%3A%7B%22series%22%3A%7B%22dataLabels%22%3A%7B%22enabled%22%3Afalse%7D%7D%7D%2C%22legend%22%3A%7B%22enabled%22%3Afalse%2C%22align%22%3A%22center%22%2C%22verticalAlign%22%3A%22bottom%22%2C%22layout%22%3A%22horizontal%22%7D%2C%22credits%22%3A%7B%22href%22%3Anull%2C%22enabled%22%3Atrue%2C%22text%22%3A%22Created%20by%20OpenAIRE%20via%20HighCharts%22%7D%2C%22colors%22%3A%5B%22%23310A31%22%2C%22%232f7ed8%22%2C%22%230d233a%22%2C%22%238bbc21%22%2C%22%23910000%22%2C%22%231aadce%22%2C%22%23492970%22%2C%22%23f28f43%22%2C%22%2377a1e5%22%2C%22%23c42525%22%2C%22%23a6c96a%22%5D%7D%7D`);


  		




  49
  55
  
    
      }


  		




  50
  56
  
    
    }


  		




  51
  57
  
    
  }


  		












  

    
      modules/open-science-observatory-ui/trunk/src/app/services/data.service.ts
    
  





  22
  22
  
    
  }


  		




  23
  23
  
    

  		




  24
  24
  
    
  public getCountryData(countryName: string) {


  		




  25
  
  
    
    return null;


  		




  
  25
  
    
    return this.httpClient.get<OverviewData>(this._jsonURl, headerOptions);


  		




  26
  26
  
    
  }


  		




  27
  27
  
    
}


  		












  

    
      modules/open-science-observatory-ui/trunk/src/app/domain/overview-data.ts
    
  





  9
  9
  
    
  repositories: Indicator;


  		




  10
  10
  
    
  journals: Indicator;


  		




  11
  11
  
    
  policies: Indicator;


  		




  
  12
  
    
  software: Indicator;


  		




  
  13
  
    
  otherProducts: Indicator;


  		




  
  14
  
    
  funders: Indicator;


  		




  
  15
  
    
  ecFundedOrganizations: Indicator;


  		




  12
  16
  
    
}


  		




  13
  17
  
    

  		




  14
  18
  
    
export class CountryOverview {


  		




  ......




  20
  24
  
    
  datasets: Indicator;


  		




  21
  25
  
    
  software: Indicator;


  		




  22
  26
  
    
  otherProducts: Indicator;


  		




  
  27
  
    
  funders: Indicator;


  		




  
  28
  
    
  ecFundedOrganizations: Indicator;


  		




  23
  29
  
    
}


  		




  24
  30
  
    

  		




  25
  31
  
    
export class Indicator {


  		












  

    
      modules/open-science-observatory-ui/trunk/src/assets/css/os-observatory-custom.css
    
  





  460
  460
  
    
/*}*/


  		




  461
  461
  
    

  		




  462
  462
  
    
.contentSectionContainer .md-card-content img {


  		




  463
  
  
    
  height:  250px;


  		




  
  463
  
    
  height:  350px;


  		




  464
  464
  
    
  width: 100%;


  		




  465
  465
  
    
}


  		




  466
  466
  
    

  		




  ......




  469
  469
  
    
/*}*/


  		




  470
  470
  
    

  		




  471
  471
  
    

  		




  472
  
  
    
/*progress {*/


  		




  473
  
  
    
  /*border: none;*/


  		




  474
  
  
    
  /*width: 400px;*/


  		




  475
  
  
    
  /*height: 60px;*/


  		




  476
  
  
    
  /*background: crimson;*/


  		




  477
  
  
    
/*}*/


  		




  478
  472
  
    

  		




  479
  
  
    
/*progress {*/


  		




  480
  
  
    
  /*color: lightblue;*/


  		




  481
  
  
    
/*}*/


  		




  482
  
  
    

  		




  483
  
  
    
/*progress::-webkit-progress-value {*/


  		




  484
  
  
    
  /*background: lightblue;*/


  		




  485
  
  
    
/*}*/


  		




  486
  
  
    

  		




  487
  
  
    
/*progress::-moz-progress-bar {*/


  		




  488
  
  
    
  /*background: lightcolor;*/


  		




  489
  
  
    
/*}*/


  		




  490
  
  
    

  		




  491
  
  
    
/*progress::-webkit-progress-value {*/


  		




  492
  
  
    
  /*background: red;*/


  		




  493
  
  
    
/*}*/


  		




  494
  
  
    

  		




  495
  
  
    
/*progress::-webkit-progress-bar {*/


  		




  496
  
  
    
  /*background: blue;*/


  		




  497
  
  
    
/*}*/


  		




  498
  
  
    

  		




  499
  
  
    
/*progress[value]::-webkit-progress-bar {*/


  		




  500
  
  
    
  /*background-color: #eee;*/


  		




  501
  
  
    
  /*border-radius: 2px;*/


  		




  502
  
  
    
  /*box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;*/


  		




  503
  
  
    
/*}*/


  		




  504
  
  
    

  		




  505
  
  
    

  		




  506
  
  
    
/*progress[value] {*/


  		




  507
  
  
    
  /*-webkit-appearance: none;*/


  		




  508
  
  
    
  /*appearance: none;*/


  		




  509
  
  
    
/*}*/


  		




  510
  
  
    

  		




  511
  
  
    
/*progress[value]::-webkit-progress-bar {*/


  		




  512
  
  
    
  /*background-color: 'green';*/


  		




  513
  
  
    
/*}*/


  		




  514
  
  
    

  		




  515
  
  
    
/*progress[value] {*/


  		




  516
  
  
    
  /*-moz-appearance: none;*/


  		




  517
  
  
    
  /*appearance: none;*/


  		




  518
  
  
    
  /*border: none;                !* Firefox also renders a border *!*/


  		




  519
  
  
    
/*}*/


  		




  520
  
  
    

  		




  521
  
  
    
/*progress[value]::-moz-appearance {*/


  		




  522
  
  
    
  /*background-color: 'green';*/


  		




  523
  
  
    
/*}*/


  		




  524
  
  
    

  		




  525
  473
  
    
.progress {


  		




  526
  474
  
    
  height: 20px;


  		




  527
  475
  
    
  /*margin-bottom: 20px;*/


  		












Also available in:  Unified diff