Project

General

Profile

Download (7.87 KB) Statistics
| Revision:

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

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 58853 stefania.m 
          <ng-container *ngIf="isPercentage">{{countryOverview.repositories | number :'1.0-1'}}%</ng-container>
61 
          <ng-container *ngIf="!isPercentage">{{countryOverview.repositories | number}}</ng-container>
62 58825 stefania.m 
        </ng-container>
63 
      </td>
64 
      <td class="uk-text-center">
65 
        <ng-container *ngIf="countryOverview.journals===null">--</ng-container>
66 
        <ng-container *ngIf="countryOverview.journals!=null">
67 58853 stefania.m 
          <ng-container *ngIf="isPercentage">{{countryOverview.journals | number :'1.0-1'}}%</ng-container>
68 
          <ng-container *ngIf="!isPercentage">{{countryOverview.journals | number}}</ng-container>
69 58825 stefania.m 
        </ng-container>
70 
      </td>
71 
      <!--<td class="uk-text-center">-->
72 
      <!--<ng-container *ngIf="countryOverview.policies?.oa !=null">{{countryOverview.policies.oa | number}}</ng-container>-->
73 
      <!--<ng-container *ngIf="countryOverview.policies===null || countryOverview.policies.oa===null">&#45;&#45;</ng-container>-->
74 
      <!--</td>-->
75 
      <td class="uk-text-center">
76 
        <ng-container *ngIf="countryOverview.publications===null">--</ng-container>
77 
        <ng-container *ngIf="countryOverview.publications!=null">
78 58853 stefania.m 
          <ng-container *ngIf="isPercentage">{{countryOverview.publications | number :'1.0-1'}}%</ng-container>
79 
          <ng-container *ngIf="!isPercentage">{{countryOverview.publications | number}}</ng-container>
80 58825 stefania.m 
          <!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
81 
          <!--<span style="float:left; padding-right: 5px;">{{countryOverview.publications.percentage | number}}% </span>-->
82 
          <!--<ng-container *ngIf="countryOverview.publications?.percentage !=null">-->
83 
          <!--<div class="progress">-->
84 
          <!--<div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>-->
85 
          <!--</div>-->
86 
          <!--</ng-container>-->
87 
          <!--</span>-->
88 
        </ng-container>
89 
      </td>
90 
      <td class="uk-text-center">
91 
        <ng-container *ngIf="countryOverview.datasets===null">--</ng-container>
92 
        <ng-container *ngIf="countryOverview.datasets!=null">
93 58853 stefania.m 
          <ng-container *ngIf="isPercentage">{{countryOverview.datasets | number :'1.0-1'}}%</ng-container>
94 
          <ng-container *ngIf="!isPercentage">{{countryOverview.datasets | number}}</ng-container>
95 58825 stefania.m 
        </ng-container>
96 
      </td>
97 
      <td class="uk-text-center">
98 
        <ng-container *ngIf="countryOverview.software===null">--</ng-container>
99 
        <ng-container *ngIf="countryOverview.software!=null">
100 58853 stefania.m 
          <ng-container *ngIf="isPercentage">{{countryOverview.software | number :'1.0-1'}}%</ng-container>
101 
          <ng-container *ngIf="!isPercentage">{{countryOverview.software | number}}</ng-container>
102 58825 stefania.m 
        </ng-container>
103 
      </td>
104 
      <td class="uk-text-center">
105 
        <ng-container *ngIf="countryOverview.other===null">--</ng-container>
106 
        <ng-container *ngIf="countryOverview.other!=null">
107 58853 stefania.m 
          <ng-container *ngIf="isPercentage">{{countryOverview.other | number :'1.0-1'}}%</ng-container>
108 
          <ng-container *ngIf="!isPercentage">{{countryOverview.other | number}}</ng-container>
109 58825 stefania.m 
        </ng-container>
110 
      </td>
111 
    </tr>
112 57592 stefania.m 
  </tbody>
113 
</table>