Project

General

Profile

« Previous | Next » 

Revision 62830

View differences:

home.component.html
6 6

  
7 7
      <div class="uk-grid uk-grid-small uk-margin-bottom uk-grid-match" uk-height-viewport="offset-bottom: 25">
8 8

  
9
        <div class="uk-width-4-5">
9
        <div class="uk-width-3-4">
10 10

  
11 11
          <!--Map Container-->
12 12
          <app-europe-map-overview (emitSelectedCountry)="countrySelected($event)"></app-europe-map-overview>
13 13
          <!--<app-map-overview *ngIf="overviewData?.countries" (emitSelectedCountry)="selectedCountry($event)"></app-map-overview>-->
14
          <div class="uk-flex uk-flex-right ">
15
            <span class="lastUpdateInfo">Data Last Updated: </span>
16
            <span *ngIf="lastUpdateDate" class="lastUpdateInfo">{{lastUpdateDate}}</span>
17
          </div>
18
          <div class="uk-flex uk-flex-right uk-margin-remove uk-text-italic">All publication indicators in the OS Observatory refer to peer-reviewed publications, unless explicitly stated otherwise.</div>
14 19

  
15 20

  
16

  
17 21
        </div>
18 22

  
19
        <div class="uk-width-1-5">
23
        <div class="uk-width-1-4">
20 24
          <div class="md-card infoBox">
21 25
            <ng-container *ngIf="!selectedCountry">
22 26
              <div class="md-card-toolbar">
23
                <h3 class="uk-text-center">OPENAIRE OPEN SCIENCE OBSERVATORY</h3>
27
                <h3 class="uk-text-center uk-margin-small-top">OPEN SCIENCE OBSERVATORY</h3>
24 28
              </div>
25 29
              <div *ngIf="!selectedCountry" class="md-card-content">
26 30
                <div>An OpenAIRE service to:</div>
......
38 42
                    View open collaboration patterns
39 43
                  </li>
40 44
                </ul>
41
                <!--<div class="uk-text-center uk-margin-medium-top uk-margin-medium-bottom">-->
42
                  <!--<button [routerLink]="['/methodology']" class="md-btn md-btn-primary">Learn More</button>-->
43
                <!--</div>-->
45
                <div class="uk-text-center uk-margin-medium-top uk-margin-medium-bottom">
46
                  <button [routerLink]="['/methodology']" class="md-btn md-btn-primary">Learn More</button>
47
                </div>
44 48

  
45 49
              </div>
46 50
              <div></div>
......
69 73
                    <div class="indicator">
70 74
                      <span class="number publications" *ngIf="selectedCountryData.publicationsAffiliated!=null">{{selectedCountryData.publicationsAffiliated | number}}</span>
71 75
                      <span class="number publications" *ngIf="selectedCountryData.publicationsAffiliated===null">--</span>
72
                      <span><i>OA publications</i> affiliated to an organization in the country</span>
76
                      <span><i>Open Access publications</i> affiliated to an organization in the country</span>
73 77
                    </div>
74 78

  
75 79
                    <div class="indicator uk-margin-small-top">
76 80
                      <span class="number publications" *ngIf="selectedCountryData.publicationsDeposited!=null">{{selectedCountryData.publicationsDeposited | number}}</span>
77 81
                      <span class="number publications" *ngIf="selectedCountryData.publicationsDeposited===null">--</span>
78
                      <span><i>OA publications</i> from institutional repositories</span>
82
                      <span><i>Open Access publications</i> in the country's institutional repositories</span>
79 83
                    </div>
80 84

  
81 85
                    <hr class="greyBoldDivider uk-margin-top uk-margin-bottom">
......
83 87
                    <div class="indicator">
84 88
                      <span class="number datasets" *ngIf="selectedCountryData.datasetsAffiliated!=null">{{selectedCountryData.datasetsAffiliated | number}}</span>
85 89
                      <span class="number datasets" *ngIf="selectedCountryData.datasetsAffiliated===null">--</span>
86
                      <span><i>OA datasets</i> affiliated to an organization in the country</span>
90
                      <span><i>Open Access datasets</i> affiliated to an organization in the country</span>
87 91
                    </div>
88 92

  
89 93
                    <div class="indicator uk-margin-small-top">
90 94
                      <span class="number datasets" *ngIf="selectedCountryData.datasetsDeposited!=null">{{selectedCountryData.datasetsDeposited | number}}</span>
91 95
                      <span class="number datasets" *ngIf="selectedCountryData.datasetsDeposited===null">--</span>
92
                      <span><i>OA datasets</i> from institutional repositories</span>
96
                      <span><i>Open Access datasets</i> in the country's repositories</span>
93 97
                    </div>
94 98

  
95 99
                    <hr class="greyBoldDivider uk-margin-top uk-margin-bottom">
......
97 101
                    <div class="indicator">
98 102
                      <span class="number repositories" *ngIf="selectedCountryData.repositories!=null">{{selectedCountryData.repositories | number}}</span>
99 103
                      <span class="number repositories" *ngIf="selectedCountryData.repositories===null">--</span>
100
                      <span><i>repositories</i> from openDOAR & re3data</span>
104
                      <span><i>repositories</i> in openDOAR & re3data</span>
101 105
                    </div>
102 106

  
103 107
                    <hr class="greyBoldDivider uk-margin-top uk-margin-bottom">
......
105 109
                    <div class="indicator">
106 110
                      <span class="number journals" *ngIf="selectedCountryData.journals!=null">{{selectedCountryData.journals | number}}</span>
107 111
                      <span class="number journals" *ngIf="selectedCountryData.journals===null">--</span>
108
                      <span><i>journals</i> from DOAJ</span>
112
                      <span><i>journals</i> in DOAJ</span>
109 113
                    </div>
110 114

  
111 115
                    <!--<hr class="greyBoldDivider uk-margin-top uk-margin-bottom">-->
......
141 145
      </div>
142 146

  
143 147
    </div>
148

  
149
    <!--<div class="uk-container uk-container-expand">-->
150
      <!--<h5>* All publication indicators in the OS Observatory refer to <i>peer-reviewed</i> publications, unless explicitly stated otherwise.</h5>-->
151
    <!--</div>-->
152

  
144 153
    <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}">
145 154

  
146 155
      <div class="">
......
161 170
                  </div>
162 171
                  <div class="uk-margin-top">
163 172
                    <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
164
                    <span class=""><i>OA publications</i></span>
173
                    <span class=""><i>Open Access publications</i></span>
165 174
                  </div>
166 175
                  <div *ngIf="europeOverviewData.publications?.percentage" class="uk-margin-top">
167
                    <span class="number">{{europeOverviewData.publications.percentage | number :'1.0-1'}}%</span> OA
176
                    <span class="number">{{europeOverviewData.publications.percentage | number :'1.0-1'}}%</span> share open access
168 177
                    <div class="progress uk-margin-small-top">
169 178
                      <div [ngStyle]="{'width': europeOverviewData.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>
170 179
                    </div>
......
186 195
                  </div>
187 196
                  <div class="uk-margin-top">
188 197
                    <!--<span class="uk-text-muted uk-text-small">Number of OA publications</span>-->
189
                    <span class=""><i>OA datasets</i></span>
198
                    <span class=""><i>Open Access datasets</i></span>
190 199
                  </div>
191 200
                  <div *ngIf="europeOverviewData.datasets?.percentage" class="uk-margin-top">
192
                    <span class="number">{{europeOverviewData.datasets.percentage | number :'1.0-1'}}%</span> OA
201
                    <span class="number">{{europeOverviewData.datasets.percentage | number :'1.0-1'}}%</span> share open access
193 202
                    <div class="progress uk-margin-small-top">
194 203
                      <div [ngStyle]="{'width': europeOverviewData.datasets.percentage+'%'}" class="progress-bar progress-bar-datasets animate-progress-bar"></div>
195 204
                    </div>
......
210 219
                    </h3>
211 220
                  </div>
212 221
                  <div class="uk-margin-top">
213
                    <span class=""><i>repositories</i> from OpenDOAR and Re3data</span>
222
                    <span class=""><i>repositories</i> in OpenDOAR and re3data</span>
214 223
                  </div>
215 224
                  <div *ngIf="europeOverviewData.repositories?.percentage" class="uk-margin-top">
216
                    <span class="number">{{europeOverviewData.repositories.percentage | number : '1.0-1'}}%</span> Validated
225
                    <span class="number">{{europeOverviewData.repositories.percentage | number : '1.0-1'}}%</span> validated
217 226
                    <div class="progress uk-margin-small-top">
218 227
                      <div [ngStyle]="{'width': europeOverviewData.repositories.percentage+'%'}" class="progress-bar progress-bar-repositories animate-progress-bar"></div>
219 228
                    </div>
......
234 243
                    </h3>
235 244
                  </div>
236 245
                  <div class="uk-margin-top">
237
                    <span class=""><i>OA journals</i> from DOAJ</span>
246
                    <span class=""><i>Open Access journals</i> in DOAJ</span>
238 247
                  </div>
239 248
                  <div *ngIf="europeOverviewData.journals?.percentage" class="uk-margin-top">
240
                    <span class="number">{{europeOverviewData.journals.percentage | number : '1.0-1'}}%</span> Validated
249
                    <span class="number">{{europeOverviewData.journals.percentage | number : '1.0-1'}}%</span> validated
241 250
                    <div class="progress uk-margin-small-top">
242 251
                      <div [ngStyle]="{'width': europeOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
243 252
                    </div>
......
279 288
  <section class="section greySection" id="sect-tabs">
280 289
    <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}">
281 290

  
282
      <h3>OA in Europe</h3>
291
      <h3>Open Access (OA) in Europe</h3>
283 292

  
284 293
      <div class="dataContainer">
285 294
        <div class="uk-margin tabContent">
......
313 322
          <ng-autocomplete
314 323
            [data]="countriesCollection"
315 324
            [searchKeyword]="keyword"
316
            placeHolder="Search for a country..."
325
            [placeholder]="'Search for a country...'"
317 326
            (selected)='selectCountryFromAutocompleteEvent($event)'
318 327
            (inputChanged)='onChangeSearch($event)'
319 328
            (inputFocused)='onFocused($event)'
......
345 354
    </div>
346 355
  </section>
347 356

  
357
  <section>
358
    <div class="uk-container uk-container-expand">
359
      <div class="uk-text-italic">All publication indicators in the OS Observatory refer to peer-reviewed publications, unless explicitly stated otherwise.</div>
360
    </div>
361
  </section>
362

  
348 363
  <section class="section">
349 364
    <div class="uk-container uk-container-expand uk-container-center ">
350 365

  
351
      <h3>OA in Europe</h3>
366
      <h3>Open Access (OA) in Europe</h3>
352 367

  
353 368
      <div *ngIf="europeOverviewData" class="md-card chartCard overviewMobile">
354 369
        <div class="md-card-content">
......
425 440
                <div [ngStyle]="{'width': europeOverviewData.journals.percentage+'%'}" class="progress-bar progress-bar-journals animate-progress-bar"></div>
426 441
              </div>
427 442
              <div class="uk-margin-small-top">
428
                <span class="number">{{europeOverviewData.journals.percentage | number : '1.0-1'}}%</span> Validated
443
                <span class="number">{{europeOverviewData.journals.percentage | number : '1.0-1'}}%</span> VALIDATED
429 444
              </div>
430 445
            </div>
431 446
          </div>
......
447 462
        </div>
448 463
      </div>
449 464

  
465
      <div class="uk-margin-medium-top">
466
        <span class="lastUpdateInfo">Data Last Updated: </span>
467
        <span *ngIf="lastUpdateDate" class="lastUpdateInfo">{{lastUpdateDate}}</span>
468
      </div>
469

  
450 470
    </div>
451 471
  </section>
452 472

  
......
476 496
                <!--<span class="number publications">18,165</span>-->
477 497
                <div class="number publications" *ngIf="data.publicationsDeposited!=null">{{data.publicationsDeposited | number}}</div>
478 498
                <div class="number publications" *ngIf="data.publicationsDeposited===null">--</div>
479
                <div class="uk-margin-small-top"><i>OA publications</i> from institutional repositories</div>
499
                <div class="uk-margin-small-top"><i>OA publications</i> in the country's institutional repositories</div>
480 500
              </div>
481 501
            </div>
482 502
          </div>

Also available in: Unified diff