Project

General

Profile

Download (7.24 KB) Statistics
| Revision:

dnet45/modules/open-science-observatory-ui/trunk/src/app/pages/home/countries-table.component.html @ 58825

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