Project

General

Profile

1 57592 stefania.m
<ul class="uk-subnav uk-subnav-pill dataView uk-flex uk-flex-center" data-uk-switcher="{connect:'#switcher-content-a-fade', animation: 'fade'}">
2
  <li aria-expanded="true" class="uk-active">
3
    <a href="#" (click)="changeView('absolute')">
4
      <i class="fas fa-hashtag"></i>
5
    </a>
6
  </li>
7
  <li aria-expanded="false" class="">
8
    <a href="#" (click)="changeView('percentage')">
9
      <i class="fas fa-percentage"></i>
10
    </a>
11
  </li>
12
  <li aria-expanded="false" class="">
13
    <a href="#" (click)="changeView('graph')">
14
      <i class="fas fa-chart-line"></i>
15
    </a>
16
  </li>
17
</ul>
18 58825 stefania.m
19
<div class="goToDetailedViewLink uk-text-right">
20
  <a class="" [routerLink]="['/overview/' + 'europe']">Detailed View of OA in Europe<i class="fas fa-arrow-right uk-margin-small-left"></i></a>
21 57666 stefania.m
</div>
22 57592 stefania.m
23
<hr>
24
25 57668 stefania.m
<ul id="switcher-content-a-fade" class="uk-switcher uk-margin" >
26 57592 stefania.m
  <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
27 57666 stefania.m
    <div id="table-absolute" class="">
28 58825 stefania.m
      <div class="uk-margin-bottom">
29
        <label class="uk-margin-right">Show: </label>
30
        <select class="md-input" #selectContentAbsolute (change)="getContentAbsolute(selectContentAbsolute.value)" style="width: 230px; display: inline-block">
31
          <option value="affiliated">affiliated</option>
32
          <option value="affiliated_peer_reviewed">affiliated peer reviewed</option>
33
          <option value="deposited">deposited</option>
34
          <option value="deposited_peer_reviewed">deposited peer reviewed</option>
35
        </select>
36
        <!--<span class="md-input-bar"></span>-->
37
      </div>
38
      <div *ngIf="loading" class="whiteFilm"><i class="fa fa-spinner fa-spin fa-2x loader" aria-hidden="true"></i></div>
39
      <app-countries-table *ngIf="tableAbsoluteData" [isPercentage]="false" [countries]="tableAbsoluteData"></app-countries-table>
40 57592 stefania.m
    </div>
41
  </li>
42
  <li aria-hidden="true" style="animation-duration: 200ms;" class="">
43 58825 stefania.m
44 57666 stefania.m
    <div id="table-percentage" class="">
45 58825 stefania.m
      <div class="uk-margin-bottom">
46
        <label class="uk-margin-right">Show: </label>
47
        <select class="md-input" #selectContentPercentage (change)="getContentPercentage(selectContentPercentage.value)" style="width: 230px; display: inline-block">
48
          <option value="affiliated">affiliated</option>
49
          <option value="affiliated_peer_reviewed">affiliated peer reviewed</option>
50
          <option value="deposited">deposited</option>
51
          <option value="deposited_peer_reviewed">deposited peer reviewed</option>
52
        </select>
53
        <!--<span class="md-input-bar"></span>-->
54
      </div>
55
      <app-countries-table *ngIf="tablePercentageData" [isPercentage]="true" [countries]="tablePercentageData"></app-countries-table>
56 57592 stefania.m
    </div>
57
  </li>
58
  <li aria-hidden="true" style="animation-duration: 200ms;" class="">
59 57666 stefania.m
    <div id="graphs">
60
      <div *ngIf="type=='overview'" class="uk-grid uk-margin-top">
61 57592 stefania.m
        <div class="uk-width-1-2">
62 57666 stefania.m
          <iframe *ngIf="oaJournalsURL" width="100%" height="440" [src]="oaJournalsURL"></iframe>
63 57592 stefania.m
        </div>
64
        <div class="uk-width-1-2">
65
          <iframe *ngIf="oaRepositoriesURL" width="100%" height="440" [src]="oaRepositoriesURL"></iframe>
66
        </div>
67
      </div>
68
      <div class="uk-grid uk-margin-top">
69
        <div class="uk-width-1-2">
70 57666 stefania.m
          <iframe *ngIf="oaPublicationsURL" width="100%" height="440" [src]="oaPublicationsURL"></iframe>
71 57592 stefania.m
        </div>
72
        <div class="uk-width-1-2">
73
          <iframe *ngIf="oaDatasetsURL" width="100%" height="440" [src]="oaDatasetsURL"></iframe>
74
        </div>
75
      </div>
76
      <div class="uk-grid uk-margin-top">
77
        <div class="uk-width-1-2">
78
          <iframe *ngIf="oaSoftwareURL" width="100%" height="440" [src]="oaSoftwareURL"></iframe>
79
        </div>
80
        <div class="uk-width-1-2">
81
          <iframe *ngIf="oaOtherURL" width="100%" height="440" [src]="oaOtherURL"></iframe>
82
        </div>
83
      </div>
84
    </div>
85
  </li>
86
</ul>