Project

General

Profile

« Previous | Next » 

Revision 62830

View differences:

countries-table.component.html
2 2
  <table *ngIf="countries" class="uk-table uk-table-hover uk-table-divider uk-table-small">
3 3
    <thead>
4 4
    <tr>
5
      <th width="12,5%" class="" (click)="sortBy('country')">
5
      <th class="" (click)="sortBy('country')">
6 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>
7
        <span *ngIf="isSortedBy && isSortedBy=='country' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
8
        <span *ngIf="isSortedBy && isSortedBy=='country' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
9 9
        Country
10 10
      </th>
11
      <th width="12,5%" (click)="sortBy('repositories')">
11
      <th class="uk-text-center" (click)="sortBy('repositories')">
12 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
13
        <span *ngIf="isSortedBy && isSortedBy=='repositories' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
14
        <span *ngIf="isSortedBy && isSortedBy=='repositories' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
15
        repositories
16
        <div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% validated</div>
16 17
      </th>
17
      <th width="12,5%" (click)="sortBy('journals')">
18
      <th class="uk-text-center" (click)="sortBy('journals')">
18 19
        <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>
20
        <span *ngIf="isSortedBy && isSortedBy=='journals' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
21
        <span *ngIf="isSortedBy && isSortedBy=='journals' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
21 22
        OA journals
23
        <div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% validated</div>
22 24
      </th>
23 25
      <!--<th *ngIf="type=='overview'" class="uk-text-center" width="12,5%" (click)="sortBy('policies')">-->
24 26
      <!--<span *ngIf="!isSortedBy || isSortedBy!='policies'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>-->
......
26 28
      <!--<span *ngIf="isSortedBy && isSortedBy=='policies' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>-->
27 29
      <!--OA policies-->
28 30
      <!--</th>-->
29
      <th class="uk-text-center" width="12,5%" (click)="sortBy('publications')">
31
      <th class="uk-text-center" (click)="sortBy('publications')">
30 32
        <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
        <span *ngIf="isSortedBy && isSortedBy=='publications' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
34
        <span *ngIf="isSortedBy && isSortedBy=='publications' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
33 35
        OA publications
36
        <div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% OA</div>
34 37
      </th>
35
      <th class="uk-text-center" width="12,5%" (click)="sortBy('datasets')">
38
      <th class="uk-text-center" (click)="sortBy('datasets')">
36 39
        <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
        <span *ngIf="isSortedBy && isSortedBy=='datasets' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
41
        <span *ngIf="isSortedBy && isSortedBy=='datasets' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
42
        OA datasets
43
        <div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% OA</div>
40 44
      </th>
41
      <th class="uk-text-center" width="12,5%" (click)="sortBy('software')">
45
      <th class="uk-text-center" (click)="sortBy('software')">
42 46
        <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>
47
        <span *ngIf="isSortedBy && isSortedBy=='software' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
48
        <span *ngIf="isSortedBy && isSortedBy=='software' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
45 49
        OA software
50
        <div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% OA</div>
46 51
      </th>
47
      <th class="uk-text-center" width="12,5%" (click)="sortBy('other')">
52
      <th class="uk-text-center" (click)="sortBy('other')">
48 53
        <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>
54
        <span *ngIf="isSortedBy && isSortedBy=='other' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
55
        <span *ngIf="isSortedBy && isSortedBy=='other' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
51 56
        OA other
57
        <div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% OA</div>
52 58
      </th>
53 59
    </tr>
54 60
    </thead>
......
58 64
      <td class="uk-text-center">
59 65
        <ng-container *ngIf="countryOverview.repositories===null">--</ng-container>
60 66
        <ng-container *ngIf="countryOverview.repositories!=null">
61
          <ng-container *ngIf="isPercentage">{{countryOverview.repositories | number :'1.0-1'}}%</ng-container>
67
          <ng-container *ngIf="isPercentage">{{countryOverview.repositories | number :'1.0-2'}}%</ng-container>
62 68
          <ng-container *ngIf="!isPercentage">{{countryOverview.repositories | number}}</ng-container>
63 69
        </ng-container>
64 70
      </td>
65 71
      <td class="uk-text-center">
66 72
        <ng-container *ngIf="countryOverview.journals===null">--</ng-container>
67 73
        <ng-container *ngIf="countryOverview.journals!=null">
68
          <ng-container *ngIf="isPercentage">{{countryOverview.journals | number :'1.0-1'}}%</ng-container>
74
          <ng-container *ngIf="isPercentage">{{countryOverview.journals | number :'1.0-2'}}%</ng-container>
69 75
          <ng-container *ngIf="!isPercentage">{{countryOverview.journals | number}}</ng-container>
70 76
        </ng-container>
71 77
      </td>
......
76 82
      <td class="uk-text-center">
77 83
        <ng-container *ngIf="countryOverview.publications===null">--</ng-container>
78 84
        <ng-container *ngIf="countryOverview.publications!=null">
79
          <ng-container *ngIf="isPercentage">{{countryOverview.publications | number :'1.0-1'}}%</ng-container>
85
          <ng-container *ngIf="isPercentage">{{countryOverview.publications | number :'1.0-2'}}%</ng-container>
80 86
          <ng-container *ngIf="!isPercentage">{{countryOverview.publications | number}}</ng-container>
81 87
          <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
82 88
          <!--<span style="float:left; padding-right: 5px;">{{countryOverview.publications.percentage | number}}% </span>-->
......
91 97
      <td class="uk-text-center">
92 98
        <ng-container *ngIf="countryOverview.datasets===null">--</ng-container>
93 99
        <ng-container *ngIf="countryOverview.datasets!=null">
94
          <ng-container *ngIf="isPercentage">{{countryOverview.datasets | number :'1.0-1'}}%</ng-container>
100
          <ng-container *ngIf="isPercentage">{{countryOverview.datasets | number :'1.0-2'}}%</ng-container>
95 101
          <ng-container *ngIf="!isPercentage">{{countryOverview.datasets | number}}</ng-container>
96 102
        </ng-container>
97 103
      </td>
98 104
      <td class="uk-text-center">
99 105
        <ng-container *ngIf="countryOverview.software===null">--</ng-container>
100 106
        <ng-container *ngIf="countryOverview.software!=null">
101
          <ng-container *ngIf="isPercentage">{{countryOverview.software | number :'1.0-1'}}%</ng-container>
107
          <ng-container *ngIf="isPercentage">{{countryOverview.software | number :'1.0-2'}}%</ng-container>
102 108
          <ng-container *ngIf="!isPercentage">{{countryOverview.software | number}}</ng-container>
103 109
        </ng-container>
104 110
      </td>
105 111
      <td class="uk-text-center">
106 112
        <ng-container *ngIf="countryOverview.other===null">--</ng-container>
107 113
        <ng-container *ngIf="countryOverview.other!=null">
108
          <ng-container *ngIf="isPercentage">{{countryOverview.other | number :'1.0-1'}}%</ng-container>
114
          <ng-container *ngIf="isPercentage">{{countryOverview.other | number :'1.0-2'}}%</ng-container>
109 115
          <ng-container *ngIf="!isPercentage">{{countryOverview.other | number}}</ng-container>
110 116
        </ng-container>
111 117
      </td>
......
120 126
    <tr>
121 127
      <th width="20%" class="" (click)="sortBy('country')">
122 128
        <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>
129
        <span *ngIf="isSortedBy && isSortedBy=='country' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
130
        <span *ngIf="isSortedBy && isSortedBy=='country' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
125 131
        Country
126 132
      </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')">
133
      <th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('gold')">
140 134
        <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>
135
        <span *ngIf="isSortedBy && isSortedBy=='gold' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
136
        <span *ngIf="isSortedBy && isSortedBy=='gold' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
143 137
        Gold
144 138
      </th>
145
      <th *ngIf="entity==='publication'" class="uk-text-center" width="20%" (click)="sortBy('green')">
139
      <th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('green')">
146 140
        <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>
141
        <span *ngIf="isSortedBy && isSortedBy=='green' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
142
        <span *ngIf="isSortedBy && isSortedBy=='green' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
149 143
        Green
150 144
      </th>
145
      <th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('abstract')">
146
        <span *ngIf="!isSortedBy || isSortedBy!='abstract'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
147
        <span *ngIf="isSortedBy && isSortedBy=='abstract' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
148
        <span *ngIf="isSortedBy && isSortedBy=='abstract' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
149
        Abstract
150
      </th>
151
      <th class="uk-text-center" (click)="sortBy('licence')">
152
        <span *ngIf="!isSortedBy || isSortedBy!='licence'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
153
        <span *ngIf="isSortedBy && isSortedBy=='licence' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
154
        <span *ngIf="isSortedBy && isSortedBy=='licence' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
155
        Licence
156
      </th>
157
      <th class="uk-text-center" (click)="sortBy('cc_licence')">
158
        <span *ngIf="!isSortedBy || isSortedBy!='cc_licence'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
159
        <span *ngIf="isSortedBy && isSortedBy=='cc_licence' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
160
        <span *ngIf="isSortedBy && isSortedBy=='cc_licence' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
161
        CC Licence
162
      </th>
163
      <th class="uk-text-center" (click)="sortBy('pid')">
164
        <span *ngIf="!isSortedBy || isSortedBy!='pid'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
165
        <span *ngIf="isSortedBy && isSortedBy=='pid' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
166
        <span *ngIf="isSortedBy && isSortedBy=='pid' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
167
        PID
168
      </th>
151 169
    </tr>
152 170
    </thead>
153 171
    <tbody>
154 172
    <tr *ngFor="let countryOverview of countries">
155 173
      <td class=""><a [routerLink]="['/country', countryOverview.code]">{{countryOverview.name}}</a></td>
174
      <td *ngIf="entity==='publication'" class="uk-text-center">
175
        <ng-container *ngIf="countryOverview.gold===null">--</ng-container>
176
        <ng-container *ngIf="countryOverview.gold!=null">
177
          <ng-container *ngIf="isPercentage">
178
            <ng-container *ngIf="countryOverview.gold.percentage || countryOverview.gold.percentage===0">{{countryOverview.gold.percentage | number :'1.0-2'}}%</ng-container>
179
            <ng-container *ngIf="!countryOverview.gold.percentage && countryOverview.gold.percentage!==0">--</ng-container>
180
          </ng-container>
181
          <ng-container *ngIf="!isPercentage">
182
            <ng-container *ngIf="countryOverview.gold.oa || countryOverview.gold.oa===0">{{countryOverview.gold.oa | number}}</ng-container>
183
            <ng-container *ngIf="!countryOverview.gold.oa && countryOverview.gold.oa!==0">--</ng-container>
184
          </ng-container>
185
        </ng-container>
186
      </td>
187
      <td *ngIf="entity==='publication'" class="uk-text-center">
188
        <ng-container *ngIf="countryOverview.green===null">--</ng-container>
189
        <ng-container *ngIf="countryOverview.green!=null">
190
          <ng-container *ngIf="isPercentage">
191
            <ng-container *ngIf="countryOverview.green.percentage || countryOverview.green.percentage===0">{{countryOverview.green.percentage | number :'1.0-2'}}%</ng-container>
192
            <ng-container *ngIf="!countryOverview.green.percentage && countryOverview.green.percentage!==0">--</ng-container>
193
          </ng-container>
194
          <ng-container *ngIf="!isPercentage">
195
            <ng-container *ngIf="countryOverview.green.oa || countryOverview.green.oa===0">{{countryOverview.green.oa | number}}</ng-container>
196
            <ng-container *ngIf="!countryOverview.green.oa && countryOverview.green.oa!==0">--</ng-container>
197
          </ng-container>
198
        </ng-container>
199
      </td>
200
      <td *ngIf="entity==='publication'" class="uk-text-center">
201
        <ng-container *ngIf="countryOverview.abstract===null">--</ng-container>
202
        <ng-container *ngIf="countryOverview.abstract!=null">
203
          <ng-container *ngIf="isPercentage">
204
            <ng-container *ngIf="countryOverview.abstract.percentage || countryOverview.abstract.percentage===0">{{countryOverview.abstract.percentage | number :'1.0-2'}}%</ng-container>
205
            <ng-container *ngIf="!countryOverview.abstract.percentage && countryOverview.abstract.percentage!==0">--</ng-container>
206
          </ng-container>
207
          <ng-container *ngIf="!isPercentage">
208
            <ng-container *ngIf="countryOverview.abstract.oa || countryOverview.abstract.oa===0">{{countryOverview.abstract.oa | number}}</ng-container>
209
            <ng-container *ngIf="!countryOverview.abstract.oa && countryOverview.abstract.oa!==0">--</ng-container>
210
          </ng-container>
211
        </ng-container>
212
      </td>
156 213
      <td class="uk-text-center">
214
        <ng-container *ngIf="countryOverview.licence===null">--</ng-container>
215
        <ng-container *ngIf="countryOverview.licence!=null">
216
          <ng-container *ngIf="isPercentage">
217
            <ng-container *ngIf="countryOverview.licence.percentage || countryOverview.licence.percentage===0">{{countryOverview.licence.percentage | number :'1.0-2'}}%</ng-container>
218
            <ng-container *ngIf="!countryOverview.licence.percentage && countryOverview.licence.percentage!==0">--</ng-container>
219
          </ng-container>
220
          <ng-container *ngIf="!isPercentage">
221
            <ng-container *ngIf="countryOverview.licence.oa || countryOverview.licence.oa===0">{{countryOverview.licence.oa | number}}</ng-container>
222
            <ng-container *ngIf="!countryOverview.licence.oa && countryOverview.licence.oa!==0">--</ng-container>
223
          </ng-container>
224
        </ng-container>
225
      </td>
226
      <td class="uk-text-center">
227
        <ng-container *ngIf="countryOverview.cc_licence===null">--</ng-container>
228
        <ng-container *ngIf="countryOverview.cc_licence!=null">
229
          <ng-container *ngIf="isPercentage">
230
            <ng-container *ngIf="countryOverview.cc_licence.percentage || countryOverview.cc_licence.percentage===0">{{countryOverview.cc_licence.percentage | number :'1.0-2'}}%</ng-container>
231
            <ng-container *ngIf="!countryOverview.cc_licence.percentage && countryOverview.cc_licence.percentage!==0">--</ng-container>
232
          </ng-container>
233
          <ng-container *ngIf="!isPercentage">
234
            <ng-container *ngIf="countryOverview.cc_licence.oa || countryOverview.cc_licence.oa===0">{{countryOverview.cc_licence.oa | number}}</ng-container>
235
            <ng-container *ngIf="!countryOverview.cc_licence.oa && countryOverview.cc_licence.oa!==0">--</ng-container>
236
          </ng-container>
237
        </ng-container>
238
      </td>
239
      <td class="uk-text-center">
157 240
        <ng-container *ngIf="countryOverview.pid===null">--</ng-container>
158 241
        <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>
242
          <ng-container *ngIf="isPercentage">
243
            <ng-container *ngIf="countryOverview.pid.percentage || countryOverview.pid.percentage===0">{{countryOverview.pid.percentage | number :'1.0-2'}}%</ng-container>
244
            <ng-container *ngIf="!countryOverview.pid.percentage && countryOverview.pid.percentage!==0">--</ng-container>
245
          </ng-container>
246
          <ng-container *ngIf="!isPercentage">
247
            <ng-container *ngIf="countryOverview.pid.oa || countryOverview.pid.oa===0">{{countryOverview.pid.oa | number}}</ng-container>
248
            <ng-container *ngIf="!countryOverview.pid.oa && countryOverview.pid.oa!==0">--</ng-container>
249
          </ng-container>
161 250
        </ng-container>
162 251
      </td>
252
    </tr>
253
    </tbody>
254
  </table>
255
</ng-container>
256

  
257
<ng-container *ngIf="view==='collaboration'">
258
  <table *ngIf="countries" class="uk-table uk-table-hover uk-table-divider uk-table-small">
259
    <thead>
260
    <tr>
261
      <th width="20%" class="" (click)="sortBy('country')">
262
        <span *ngIf="!isSortedBy || isSortedBy!='country'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
263
        <span *ngIf="isSortedBy && isSortedBy=='country' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
264
        <span *ngIf="isSortedBy && isSortedBy=='country' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
265
        Country
266
      </th>
267
      <th class="uk-text-center" (click)="sortBy('funders_collab')">
268
        <span *ngIf="!isSortedBy || isSortedBy!='funders_collab'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
269
        <span *ngIf="isSortedBy && isSortedBy=='funders_collab' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
270
        <span *ngIf="isSortedBy && isSortedBy=='funders_collab' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
271
        Multiple Funders
272
      </th>
273
      <th class="uk-text-center" (click)="sortBy('projects_collab')">
274
        <span *ngIf="!isSortedBy || isSortedBy!='projects_collab'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
275
        <span *ngIf="isSortedBy && isSortedBy=='projects_collab' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
276
        <span *ngIf="isSortedBy && isSortedBy=='projects_collab' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
277
        Multiple Projects
278
      </th>
279
      <th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('authors_collab')">
280
        <span *ngIf="!isSortedBy || isSortedBy!='authors_collab'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
281
        <span *ngIf="isSortedBy && isSortedBy=='authors_collab' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
282
        <span *ngIf="isSortedBy && isSortedBy=='authors_collab' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
283
        Co-Authored
284
      </th>
285
    </tr>
286
    </thead>
287
    <tbody>
288
    <tr *ngFor="let countryOverview of countries">
289
      <td class=""><a [routerLink]="['/country', countryOverview.code]">{{countryOverview.name}}</a></td>
163 290
      <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>
291
        <ng-container *ngIf="countryOverview.funders_collab===null">--</ng-container>
292
        <ng-container *ngIf="countryOverview.funders_collab!=null">
293
          <ng-container *ngIf="isPercentage">
294
            <ng-container *ngIf="countryOverview.funders_collab.percentage || countryOverview.funders_collab.percentage===0">{{countryOverview.funders_collab.percentage | number :'1.0-2'}}%</ng-container>
295
            <ng-container *ngIf="!countryOverview.funders_collab.percentage && countryOverview.funders_collab.percentage!==0">--</ng-container>
296
          </ng-container>
297
          <ng-container *ngIf="!isPercentage">
298
            <ng-container *ngIf="countryOverview.funders_collab.oa || countryOverview.funders_collab.oa===0">{{countryOverview.funders_collab.oa | number}}</ng-container>
299
            <ng-container *ngIf="!countryOverview.funders_collab.oa && countryOverview.funders_collab.oa!==0">--</ng-container>
300
          </ng-container>
168 301
        </ng-container>
169 302
      </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>
303
      <td class="uk-text-center">
304
        <ng-container *ngIf="countryOverview.projects_collab===null">--</ng-container>
305
        <ng-container *ngIf="countryOverview.projects_collab!=null">
306
          <ng-container *ngIf="isPercentage">
307
            <ng-container *ngIf="countryOverview.projects_collab.percentage || countryOverview.projects_collab.percentage===0">{{countryOverview.projects_collab.percentage | number :'1.0-2'}}%</ng-container>
308
            <ng-container *ngIf="!countryOverview.projects_collab.percentage && countryOverview.projects_collab.percentage!==0">--</ng-container>
309
          </ng-container>
310
          <ng-container *ngIf="!isPercentage">
311
            <ng-container *ngIf="countryOverview.projects_collab.oa || countryOverview.projects_collab.oa===0">{{countryOverview.projects_collab.oa | number}}</ng-container>
312
            <ng-container *ngIf="!countryOverview.projects_collab.oa && countryOverview.projects_collab.oa!==0">--</ng-container>
313
          </ng-container>
175 314
        </ng-container>
176 315
      </td>
177 316
      <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>
317
        <ng-container *ngIf="countryOverview.authors_collab===null">--</ng-container>
318
        <ng-container *ngIf="countryOverview.authors_collab!=null">
319
          <ng-container *ngIf="isPercentage">
320
            <ng-container *ngIf="countryOverview.authors_collab.percentage || countryOverview.authors_collab.percentage===0">{{countryOverview.authors_collab.percentage | number :'1.0-2'}}%</ng-container>
321
            <ng-container *ngIf="!countryOverview.authors_collab.percentage && countryOverview.authors_collab.percentage!==0">--</ng-container>
322
          </ng-container>
323
          <ng-container *ngIf="!isPercentage">
324
            <ng-container *ngIf="countryOverview.authors_collab.oa || countryOverview.authors_collab.oa===0">{{countryOverview.authors_collab.oa | number}}</ng-container>
325
            <ng-container *ngIf="!countryOverview.authors_collab.oa && countryOverview.authors_collab.oa!==0">--</ng-container>
326
          </ng-container>
182 327
        </ng-container>
183 328
      </td>
184 329
    </tr>

Also available in: Unified diff