Project

General

Profile

1
<!--<ul class="uk-subnav uk-subnav-pill uk-text-center" data-uk-switcher="{connect:'#switcher-content-a-fade', animation: 'fade'}">-->
2
  <!--<li aria-expanded="true" class="{{activeView=='absolute' ? 'uk-active' : ''}}"><a (click)="changeView('absolute')">Absolute</a></li>-->
3
  <!--<li aria-expanded="false" class="{{activeView=='percentage' ? 'uk-active' : ''}}"><a (click)="changeView('percentage')">Percentage</a></li>-->
4
  <!--<li aria-expanded="false" class="{{activeView=='graph' ? 'uk-active' : ''}}"><a (click)="changeView('graph')">Graph</a></li>-->
5
<!--</ul>-->
6

    
7
<!--<hr>-->
8

    
9
<!--<ul id="switcher-content-a-fade" class="uk-switcher uk-margin">-->
10
  <!--<li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">Hello!</li>-->
11
  <!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">Hello again!</li>-->
12
  <!--<li aria-hidden="true" style="animation-duration: 200ms;" class="">Bazinga!</li>-->
13
<!--</ul>-->
14

    
15
<!--<div *ngIf="activeView=='absolute'" class="">-->
16
  <!--<app-countries-table [isPercentage]="false" [type]="type" [countries]="countries"></app-countries-table>-->
17
<!--</div>-->
18

    
19
<!--<div *ngIf="activeView=='percentage'" class="">-->
20
  <!--<app-countries-table [isPercentage]="true" [type]="type" [countries]="countries"></app-countries-table>-->
21
<!--</div>-->
22

    
23
<!--<div *ngIf="activeView=='graph'" class="">-->
24
  <!--Graphs here....-->
25
<!--</div>-->
26

    
27
<ul class="uk-subnav uk-subnav-pill dataView uk-flex uk-flex-center" data-uk-switcher="{connect:'#switcher-content-a-fade', animation: 'fade'}">
28
  <li aria-expanded="true" class="uk-active">
29
    <a href="#" (click)="changeView('absolute')">
30
      <i class="fas fa-hashtag"></i>
31
    </a>
32
  </li>
33
  <li aria-expanded="false" class="">
34
    <a href="#" (click)="changeView('percentage')">
35
      <i class="fas fa-percentage"></i>
36
    </a>
37
  </li>
38
  <li aria-expanded="false" class="">
39
    <a href="#" (click)="changeView('graph')">
40
      <i class="fas fa-chart-line"></i>
41
    </a>
42
  </li>
43
</ul>
44
<div class="actionButtons uk-text-right">
45
  <button class="md-btn md-btn-secondary" (click)="printOverviewData('switcher-content-a-fade')"><i class="fas fa-print uk-margin-small-right"></i>Print report in PDF</button>
46
  <button class="md-btn md-btn-secondary uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download report</button>
47
</div>
48

    
49
<hr>
50

    
51
<ul id="switcher-content-a-fade" class="uk-switcher uk-margin" >
52
  <li aria-hidden="false" class="uk-active" style="animation-duration: 200ms;">
53
    <!--<div class="dataContent">-->
54
      <!--<div class="actionButtons uk-text-right">-->
55
        <!--<button class="md-btn md-btn-secondary" (click)="printOverviewData('table-absolute')"><i class="fas fa-print uk-margin-small-right"></i>Print report in PDF</button>-->
56
        <!--<button class="md-btn md-btn-secondary uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download report</button>-->
57
      <!--</div>-->
58
    <!--</div>-->
59
    <div id="table-absolute" class="">
60
      <app-countries-table [isPercentage]="false" [type]="type" [countries]="countries"></app-countries-table>
61
    </div>
62
  </li>
63
  <li aria-hidden="true" style="animation-duration: 200ms;" class="">
64
    <!--<div class="dataContent">-->
65
      <!--<div class="actionButtons uk-text-right">-->
66
        <!--<button class="md-btn md-btn-secondary" (click)="printOverviewData('table-percentage')"><i class="fas fa-print uk-margin-small-right"></i>Print report in PDF</button>-->
67
        <!--<button class="md-btn md-btn-secondary uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download report</button>-->
68
      <!--</div>-->
69
    <!--</div>-->
70
    <div id="table-percentage" class="">
71
      <app-countries-table [isPercentage]="true" [type]="type" [countries]="countries"></app-countries-table>
72
    </div>
73
  </li>
74
  <li aria-hidden="true" style="animation-duration: 200ms;" class="">
75
    <!--<div class="dataContent">-->
76
      <!--<div class="actionButtons uk-text-right">-->
77
        <!--<button class="md-btn md-btn-secondary" (click)="printOverviewData('graphs')"><i class="fas fa-print uk-margin-small-right"></i>Print report in PDF</button>-->
78
        <!--&lt;!&ndash;<button class="md-btn md-btn-secondary uk-margin-left"><i class="fas fa-download uk-margin-small-right"></i>Download report</button>&ndash;&gt;-->
79
      <!--</div>-->
80
      <!--<div id="graphs">-->
81
        <!--<div *ngIf="type=='overview'" class="uk-grid uk-margin-top">-->
82
          <!--<div class="uk-width-1-2">-->
83
            <!--<iframe *ngIf="oaJournalsURL" width="100%" height="440" [src]="oaJournalsURL"></iframe>-->
84
          <!--</div>-->
85
          <!--<div class="uk-width-1-2">-->
86
            <!--<iframe *ngIf="oaRepositoriesURL" width="100%" height="440" [src]="oaRepositoriesURL"></iframe>-->
87
          <!--</div>-->
88
        <!--</div>-->
89
        <!--<div class="uk-grid uk-margin-top">-->
90
          <!--<div class="uk-width-1-2">-->
91
            <!--<iframe *ngIf="oaPublicationsURL" width="100%" height="440" [src]="oaPublicationsURL"></iframe>-->
92
          <!--</div>-->
93
          <!--<div class="uk-width-1-2">-->
94
            <!--<iframe *ngIf="oaDatasetsURL" width="100%" height="440" [src]="oaDatasetsURL"></iframe>-->
95
          <!--</div>-->
96
        <!--</div>-->
97
        <!--<div class="uk-grid uk-margin-top">-->
98
          <!--<div class="uk-width-1-2">-->
99
            <!--<iframe *ngIf="oaSoftwareURL" width="100%" height="440" [src]="oaSoftwareURL"></iframe>-->
100
          <!--</div>-->
101
          <!--<div class="uk-width-1-2">-->
102
            <!--<iframe *ngIf="oaOtherURL" width="100%" height="440" [src]="oaOtherURL"></iframe>-->
103
          <!--</div>-->
104
        <!--</div>-->
105
      <!--</div>-->
106
    <!--</div>-->
107
    <div id="graphs">
108
      <div *ngIf="type=='overview'" class="uk-grid uk-margin-top">
109
        <div class="uk-width-1-2">
110
          <iframe *ngIf="oaJournalsURL" width="100%" height="440" [src]="oaJournalsURL"></iframe>
111
        </div>
112
        <div class="uk-width-1-2">
113
          <iframe *ngIf="oaRepositoriesURL" width="100%" height="440" [src]="oaRepositoriesURL"></iframe>
114
        </div>
115
      </div>
116
      <div class="uk-grid uk-margin-top">
117
        <div class="uk-width-1-2">
118
          <iframe *ngIf="oaPublicationsURL" width="100%" height="440" [src]="oaPublicationsURL"></iframe>
119
        </div>
120
        <div class="uk-width-1-2">
121
          <iframe *ngIf="oaDatasetsURL" width="100%" height="440" [src]="oaDatasetsURL"></iframe>
122
        </div>
123
      </div>
124
      <div class="uk-grid uk-margin-top">
125
        <div class="uk-width-1-2">
126
          <iframe *ngIf="oaSoftwareURL" width="100%" height="440" [src]="oaSoftwareURL"></iframe>
127
        </div>
128
        <div class="uk-width-1-2">
129
          <iframe *ngIf="oaOtherURL" width="100%" height="440" [src]="oaOtherURL"></iframe>
130
        </div>
131
      </div>
132
    </div>
133
  </li>
134
</ul>
(5-5/8)