Project

General

Profile

« Previous | Next » 

Revision 61541

Added by Stefania Martziou over 2 years ago

Finisged the more details tables for europe open science

View differences:

countries-table.component.html
124 124 
        <span *ngIf="isSortedBy && isSortedBy=='country' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
125 125 
        Country
126 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')">
127 
      <th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('gold')">
140 128 
        <span *ngIf="!isSortedBy || isSortedBy!='gold'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
141 129 
        <span *ngIf="isSortedBy && isSortedBy=='gold' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
142 130 
        <span *ngIf="isSortedBy && isSortedBy=='gold' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
143 131 
        Gold
144 132 
      </th>
145 
      <th *ngIf="entity==='publication'" class="uk-text-center" width="20%" (click)="sortBy('green')">
133 
      <th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('green')">
146 134 
        <span *ngIf="!isSortedBy || isSortedBy!='green'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
147 135 
        <span *ngIf="isSortedBy && isSortedBy=='green' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
148 136 
        <span *ngIf="isSortedBy && isSortedBy=='green' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
149 137 
        Green
150 138 
      </th>
139 
      <th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('abstract')">
140 
        <span *ngIf="!isSortedBy || isSortedBy!='abstract'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
141 
        <span *ngIf="isSortedBy && isSortedBy=='abstract' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
142 
        <span *ngIf="isSortedBy && isSortedBy=='abstract' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
143 
        Abstract
144 
      </th>
145 
      <th class="uk-text-center" (click)="sortBy('licence')">
146 
        <span *ngIf="!isSortedBy || isSortedBy!='licence'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
147 
        <span *ngIf="isSortedBy && isSortedBy=='licence' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
148 
        <span *ngIf="isSortedBy && isSortedBy=='licence' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
149 
        Licence
150 
      </th>
151 
      <th class="uk-text-center" (click)="sortBy('cc_licence')">
152 
        <span *ngIf="!isSortedBy || isSortedBy!='cc_licence'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
153 
        <span *ngIf="isSortedBy && isSortedBy=='cc_licence' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
154 
        <span *ngIf="isSortedBy && isSortedBy=='cc_licence' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
155 
        CC Licence
156 
      </th>
157 
      <th class="uk-text-center" (click)="sortBy('pid')">
158 
        <span *ngIf="!isSortedBy || isSortedBy!='pid'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
159 
        <span *ngIf="isSortedBy && isSortedBy=='pid' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>
160 
        <span *ngIf="isSortedBy && isSortedBy=='pid' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
161 
        PID
162 
      </th>
151 163 
    </tr>
152 164 
    </thead>
153 165 
    <tbody>
154 166 
    <tr *ngFor="let countryOverview of countries">
155 167 
      <td class=""><a [routerLink]="['/country', 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 168 
      <td *ngIf="entity==='publication'" class="uk-text-center">
171 169 
        <ng-container *ngIf="countryOverview.gold===null">--</ng-container>
172 170 
        <ng-container *ngIf="countryOverview.gold!=null">
......
181 179 
          <ng-container *ngIf="!isPercentage">{{countryOverview.green.oa | number}}</ng-container>
182 180 
        </ng-container>
183 181 
      </td>
182 
      <td *ngIf="entity==='publication'" class="uk-text-center">
183 
        <ng-container *ngIf="countryOverview.abstract===null">--</ng-container>
184 
        <ng-container *ngIf="countryOverview.abstract!=null">
185 
          <ng-container *ngIf="isPercentage">{{countryOverview.abstract.percentage | number :'1.0-1'}}%</ng-container>
186 
          <ng-container *ngIf="!isPercentage">{{countryOverview.abstract.oa | number}}</ng-container>
187 
        </ng-container>
188 
      </td>
189 
      <td class="uk-text-center">
190 
        <ng-container *ngIf="countryOverview.licence===null">--</ng-container>
191 
        <ng-container *ngIf="countryOverview.licence!=null">
192 
          <ng-container *ngIf="isPercentage">{{countryOverview.licence.percentage | number :'1.0-1'}}%</ng-container>
193 
          <ng-container *ngIf="!isPercentage">{{countryOverview.licence.oa | number}}</ng-container>
194 
        </ng-container>
195 
      </td>
196 
      <td class="uk-text-center">
197 
        <ng-container *ngIf="countryOverview.cc_licence===null">--</ng-container>
198 
        <ng-container *ngIf="countryOverview.cc_licence!=null">
199 
          <ng-container *ngIf="isPercentage">{{countryOverview.cc_licence.percentage | number :'1.0-1'}}%</ng-container>
200 
          <ng-container *ngIf="!isPercentage">{{countryOverview.cc_licence.oa | number}}</ng-container>
201 
        </ng-container>
202 
      </td>
203 
      <td class="uk-text-center">
204 
        <ng-container *ngIf="countryOverview.pid===null">--</ng-container>
205 
        <ng-container *ngIf="countryOverview.pid!=null">
206 
          <ng-container *ngIf="isPercentage">{{countryOverview.pid.percentage | number :'1.0-1'}}%</ng-container>
207 
          <ng-container *ngIf="!isPercentage">{{countryOverview.pid.oa | number}}</ng-container>
208 
        </ng-container>
209 
      </td>
184 210 
    </tr>
185 211 
    </tbody>
186 212 
  </table>

Also available in: Unified diff