Project

General

Profile

1
<ng-container *ngIf="view==='overview'">
2
  <table *ngIf="countries" class="uk-table uk-table-hover uk-table-divider uk-table-small">
3
    <thead>
4
    <tr>
5
      <th width="12,5%" class="" (click)="sortBy('country')">
6
        <span *ngIf="!isSortedBy || isSortedBy!='country'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
7
        <span *ngIf="isSortedBy && isSortedBy=='country' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
8
        <span *ngIf="isSortedBy && isSortedBy=='country' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
9
        Country
10
      </th>
11
      <th width="12,5%" (click)="sortBy('repositories')">
12
        <span *ngIf="!isSortedBy || isSortedBy!='repositories'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
13
        <span *ngIf="isSortedBy && isSortedBy=='repositories' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
14
        <span *ngIf="isSortedBy && isSortedBy=='repositories' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
15
        OA repositories
16
      </th>
17
      <th width="12,5%" (click)="sortBy('journals')">
18
        <span *ngIf="!isSortedBy || isSortedBy!='journals'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
19
        <span *ngIf="isSortedBy && isSortedBy=='journals' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
20
        <span *ngIf="isSortedBy && isSortedBy=='journals' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
21
        OA journals
22
      </th>
23
      <!--<th *ngIf="type=='overview'" class="uk-text-center" width="12,5%" (click)="sortBy('policies')">-->
24
      <!--<span *ngIf="!isSortedBy || isSortedBy!='policies'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>-->
25
      <!--<span *ngIf="isSortedBy && isSortedBy=='policies' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>-->
26
      <!--<span *ngIf="isSortedBy && isSortedBy=='policies' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>-->
27
      <!--OA policies-->
28
      <!--</th>-->
29
      <th class="uk-text-center" width="12,5%" (click)="sortBy('publications')">
30
        <span *ngIf="!isSortedBy || isSortedBy!='publications'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
31
        <span *ngIf="isSortedBy && isSortedBy=='publications' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
32
        <span *ngIf="isSortedBy && isSortedBy=='publications' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
33
        OA publications
34
      </th>
35
      <th class="uk-text-center" width="12,5%" (click)="sortBy('datasets')">
36
        <span *ngIf="!isSortedBy || isSortedBy!='datasets'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
37
        <span *ngIf="isSortedBy && isSortedBy=='datasets' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
38
        <span *ngIf="isSortedBy && isSortedBy=='datasets' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
39
        OA data
40
      </th>
41
      <th class="uk-text-center" width="12,5%" (click)="sortBy('software')">
42
        <span *ngIf="!isSortedBy || isSortedBy!='software'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
43
        <span *ngIf="isSortedBy && isSortedBy=='software' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
44
        <span *ngIf="isSortedBy && isSortedBy=='software' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
45
        OA software
46
      </th>
47
      <th class="uk-text-center" width="12,5%" (click)="sortBy('other')">
48
        <span *ngIf="!isSortedBy || isSortedBy!='other'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
49
        <span *ngIf="isSortedBy && isSortedBy=='other' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
50
        <span *ngIf="isSortedBy && isSortedBy=='other' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
51
        OA other
52
      </th>
53
    </tr>
54
    </thead>
55
    <tbody>
56
    <tr *ngFor="let countryOverview of countries">
57
      <td class=""><a [routerLink]="['/countryDashboard', countryOverview.code]">{{countryOverview.name}}</a></td>
58
      <td class="uk-text-center">
59
        <ng-container *ngIf="countryOverview.repositories===null">--</ng-container>
60
        <ng-container *ngIf="countryOverview.repositories!=null">
61
          <ng-container *ngIf="isPercentage">{{countryOverview.repositories | number :'1.0-1'}}%</ng-container>
62
          <ng-container *ngIf="!isPercentage">{{countryOverview.repositories | number}}</ng-container>
63
        </ng-container>
64
      </td>
65
      <td class="uk-text-center">
66
        <ng-container *ngIf="countryOverview.journals===null">--</ng-container>
67
        <ng-container *ngIf="countryOverview.journals!=null">
68
          <ng-container *ngIf="isPercentage">{{countryOverview.journals | number :'1.0-1'}}%</ng-container>
69
          <ng-container *ngIf="!isPercentage">{{countryOverview.journals | number}}</ng-container>
70
        </ng-container>
71
      </td>
72
      <!--<td class="uk-text-center">-->
73
      <!--<ng-container *ngIf="countryOverview.policies?.oa !=null">{{countryOverview.policies.oa | number}}</ng-container>-->
74
      <!--<ng-container *ngIf="countryOverview.policies===null || countryOverview.policies.oa===null">&#45;&#45;</ng-container>-->
75
      <!--</td>-->
76
      <td class="uk-text-center">
77
        <ng-container *ngIf="countryOverview.publications===null">--</ng-container>
78
        <ng-container *ngIf="countryOverview.publications!=null">
79
          <ng-container *ngIf="isPercentage">{{countryOverview.publications | number :'1.0-1'}}%</ng-container>
80
          <ng-container *ngIf="!isPercentage">{{countryOverview.publications | number}}</ng-container>
81
          <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
82
          <!--<span style="float:left; padding-right: 5px;">{{countryOverview.publications.percentage | number}}% </span>-->
83
          <!--<ng-container *ngIf="countryOverview.publications?.percentage !=null">-->
84
          <!--<div class="progress">-->
85
          <!--<div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>-->
86
          <!--</div>-->
87
          <!--</ng-container>-->
88
          <!--</span>-->
89
        </ng-container>
90
      </td>
91
      <td class="uk-text-center">
92
        <ng-container *ngIf="countryOverview.datasets===null">--</ng-container>
93
        <ng-container *ngIf="countryOverview.datasets!=null">
94
          <ng-container *ngIf="isPercentage">{{countryOverview.datasets | number :'1.0-1'}}%</ng-container>
95
          <ng-container *ngIf="!isPercentage">{{countryOverview.datasets | number}}</ng-container>
96
        </ng-container>
97
      </td>
98
      <td class="uk-text-center">
99
        <ng-container *ngIf="countryOverview.software===null">--</ng-container>
100
        <ng-container *ngIf="countryOverview.software!=null">
101
          <ng-container *ngIf="isPercentage">{{countryOverview.software | number :'1.0-1'}}%</ng-container>
102
          <ng-container *ngIf="!isPercentage">{{countryOverview.software | number}}</ng-container>
103
        </ng-container>
104
      </td>
105
      <td class="uk-text-center">
106
        <ng-container *ngIf="countryOverview.other===null">--</ng-container>
107
        <ng-container *ngIf="countryOverview.other!=null">
108
          <ng-container *ngIf="isPercentage">{{countryOverview.other | number :'1.0-1'}}%</ng-container>
109
          <ng-container *ngIf="!isPercentage">{{countryOverview.other | number}}</ng-container>
110
        </ng-container>
111
      </td>
112
    </tr>
113
    </tbody>
114
  </table>
115
</ng-container>
116

    
117
<ng-container *ngIf="view==='openScience'">
118
  <table *ngIf="countries" class="uk-table uk-table-hover uk-table-divider uk-table-small">
119
    <thead>
120
    <tr>
121
      <th width="20%" class="" (click)="sortBy('country')">
122
        <span *ngIf="!isSortedBy || isSortedBy!='country'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
123
        <span *ngIf="isSortedBy && isSortedBy=='country' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
124
        <span *ngIf="isSortedBy && isSortedBy=='country' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
125
        Country
126
      </th>
127
      <th class="uk-text-center" width="20%" (click)="sortBy('pid')">
128
        <span *ngIf="!isSortedBy || isSortedBy!='pid'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
129
        <span *ngIf="isSortedBy && isSortedBy=='pid' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
130
        <span *ngIf="isSortedBy && isSortedBy=='pid' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
131
        PID
132
      </th>
133
      <th class="uk-text-center" width="20%" (click)="sortBy('licence')">
134
        <span *ngIf="!isSortedBy || isSortedBy!='licence'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
135
        <span *ngIf="isSortedBy && isSortedBy=='licence' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
136
        <span *ngIf="isSortedBy && isSortedBy=='licence' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
137
        Licence
138
      </th>
139
      <th *ngIf="entity==='publication'" class="uk-text-center" width="20%" (click)="sortBy('gold')">
140
        <span *ngIf="!isSortedBy || isSortedBy!='gold'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
141
        <span *ngIf="isSortedBy && isSortedBy=='gold' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
142
        <span *ngIf="isSortedBy && isSortedBy=='gold' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
143
        Gold
144
      </th>
145
      <th *ngIf="entity==='publication'" class="uk-text-center" width="20%" (click)="sortBy('green')">
146
        <span *ngIf="!isSortedBy || isSortedBy!='green'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
147
        <span *ngIf="isSortedBy && isSortedBy=='green' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
148
        <span *ngIf="isSortedBy && isSortedBy=='green' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
149
        Green
150
      </th>
151
    </tr>
152
    </thead>
153
    <tbody>
154
    <tr *ngFor="let countryOverview of countries">
155
      <td class=""><a [routerLink]="['/countryDashboard', countryOverview.code]">{{countryOverview.name}}</a></td>
156
      <td class="uk-text-center">
157
        <ng-container *ngIf="countryOverview.pid===null">--</ng-container>
158
        <ng-container *ngIf="countryOverview.pid!=null">
159
          <ng-container *ngIf="isPercentage">{{countryOverview.pid.percentage | number :'1.0-1'}}%</ng-container>
160
          <ng-container *ngIf="!isPercentage">{{countryOverview.pid.oa | number}}</ng-container>
161
        </ng-container>
162
      </td>
163
      <td class="uk-text-center">
164
        <ng-container *ngIf="countryOverview.licence===null">--</ng-container>
165
        <ng-container *ngIf="countryOverview.licence!=null">
166
          <ng-container *ngIf="isPercentage">{{countryOverview.licence.percentage | number :'1.0-1'}}%</ng-container>
167
          <ng-container *ngIf="!isPercentage">{{countryOverview.licence.oa | number}}</ng-container>
168
        </ng-container>
169
      </td>
170
      <td *ngIf="entity==='publication'" class="uk-text-center">
171
        <ng-container *ngIf="countryOverview.gold===null">--</ng-container>
172
        <ng-container *ngIf="countryOverview.gold!=null">
173
          <ng-container *ngIf="isPercentage">{{countryOverview.gold.percentage | number :'1.0-1'}}%</ng-container>
174
          <ng-container *ngIf="!isPercentage">{{countryOverview.gold.oa | number}}</ng-container>
175
        </ng-container>
176
      </td>
177
      <td *ngIf="entity==='publication'" class="uk-text-center">
178
        <ng-container *ngIf="countryOverview.green===null">--</ng-container>
179
        <ng-container *ngIf="countryOverview.green!=null">
180
          <ng-container *ngIf="isPercentage">{{countryOverview.green.percentage | number :'1.0-1'}}%</ng-container>
181
          <ng-container *ngIf="!isPercentage">{{countryOverview.green.oa | number}}</ng-container>
182
        </ng-container>
183
      </td>
184
    </tr>
185
    </tbody>
186
  </table>
187
</ng-container>
188

    
(3-3/12)