open-science-observatory-ui/src/app/pages/home/countries-table.component.html

334 lines
24 KiB
HTML

<ng-container *ngIf="view==='overview'">
<table *ngIf="countries" class="uk-table uk-table-hover uk-table-divider uk-table-small">
<thead>
<tr>
<th class="" (click)="sortBy('country')">
<span *ngIf="!isSortedBy || isSortedBy!='country'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='country' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='country' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
Country
</th>
<th class="uk-text-center" (click)="sortBy('repositories')">
<span *ngIf="!isSortedBy || isSortedBy!='repositories'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='repositories' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='repositories' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
repositories
<div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% validated</div>
</th>
<th class="uk-text-center" (click)="sortBy('journals')">
<span *ngIf="!isSortedBy || isSortedBy!='journals'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='journals' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='journals' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
OA journals
<div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% validated</div>
</th>
<!--<th *ngIf="type=='overview'" class="uk-text-center" width="12,5%" (click)="sortBy('policies')">-->
<!--<span *ngIf="!isSortedBy || isSortedBy!='policies'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>-->
<!--<span *ngIf="isSortedBy && isSortedBy=='policies' && isDescending"><img src="../../../assets/img/icons/sort-descending.svg"></span>-->
<!--<span *ngIf="isSortedBy && isSortedBy=='policies' && !isDescending"><img src="../../../assets/img/icons/sort-ascending.svg"></span>-->
<!--OA policies-->
<!--</th>-->
<th class="uk-text-center" (click)="sortBy('publications')">
<span *ngIf="!isSortedBy || isSortedBy!='publications'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='publications' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='publications' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
OA publications
<div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% OA</div>
</th>
<th class="uk-text-center" (click)="sortBy('datasets')">
<span *ngIf="!isSortedBy || isSortedBy!='datasets'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='datasets' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='datasets' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
OA datasets
<div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% OA</div>
</th>
<th class="uk-text-center" (click)="sortBy('software')">
<span *ngIf="!isSortedBy || isSortedBy!='software'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='software' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='software' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
OA software
<div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% OA</div>
</th>
<th class="uk-text-center" (click)="sortBy('other')">
<span *ngIf="!isSortedBy || isSortedBy!='other'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='other' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='other' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
OA other
<div *ngIf="isPercentage" class="uk-margin-small-top uk-text-meta uk-text-small">% OA</div>
</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let countryOverview of countries">
<td class=""><a [routerLink]="['/country', countryOverview.code]">{{countryOverview.name}}</a></td>
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.repositories===null">--</ng-container>
<ng-container *ngIf="countryOverview.repositories!=null">
<ng-container *ngIf="isPercentage">{{countryOverview.repositories | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!isPercentage">{{countryOverview.repositories | number}}</ng-container>
</ng-container>
</td>
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.journals===null">--</ng-container>
<ng-container *ngIf="countryOverview.journals!=null">
<ng-container *ngIf="isPercentage">{{countryOverview.journals | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!isPercentage">{{countryOverview.journals | number}}</ng-container>
</ng-container>
</td>
<!--<td class="uk-text-center">-->
<!--<ng-container *ngIf="countryOverview.policies?.oa !=null">{{countryOverview.policies.oa | number}}</ng-container>-->
<!--<ng-container *ngIf="countryOverview.policies===null || countryOverview.policies.oa===null">&#45;&#45;</ng-container>-->
<!--</td>-->
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.publications===null">--</ng-container>
<ng-container *ngIf="countryOverview.publications!=null">
<ng-container *ngIf="isPercentage">{{countryOverview.publications | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!isPercentage">{{countryOverview.publications | number}}</ng-container>
<!--<span style="display: inline-block; float: right; padding-right: 10px;">-->
<!--<span style="float:left; padding-right: 5px;">{{countryOverview.publications.percentage | number}}% </span>-->
<!--<ng-container *ngIf="countryOverview.publications?.percentage !=null">-->
<!--<div class="progress">-->
<!--<div [ngStyle]="{'width': countryOverview.publications.percentage+'%'}" class="progress-bar progress-bar-publications animate-progress-bar"></div>-->
<!--</div>-->
<!--</ng-container>-->
<!--</span>-->
</ng-container>
</td>
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.datasets===null">--</ng-container>
<ng-container *ngIf="countryOverview.datasets!=null">
<ng-container *ngIf="isPercentage">{{countryOverview.datasets | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!isPercentage">{{countryOverview.datasets | number}}</ng-container>
</ng-container>
</td>
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.software===null">--</ng-container>
<ng-container *ngIf="countryOverview.software!=null">
<ng-container *ngIf="isPercentage">{{countryOverview.software | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!isPercentage">{{countryOverview.software | number}}</ng-container>
</ng-container>
</td>
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.other===null">--</ng-container>
<ng-container *ngIf="countryOverview.other!=null">
<ng-container *ngIf="isPercentage">{{countryOverview.other | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!isPercentage">{{countryOverview.other | number}}</ng-container>
</ng-container>
</td>
</tr>
</tbody>
</table>
</ng-container>
<ng-container *ngIf="view==='openScience'">
<table *ngIf="countries" class="uk-table uk-table-hover uk-table-divider uk-table-small">
<thead>
<tr>
<th width="20%" class="" (click)="sortBy('country')">
<span *ngIf="!isSortedBy || isSortedBy!='country'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='country' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='country' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
Country
</th>
<th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('gold')">
<span *ngIf="!isSortedBy || isSortedBy!='gold'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='gold' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='gold' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
Gold
</th>
<th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('green')">
<span *ngIf="!isSortedBy || isSortedBy!='green'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='green' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='green' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
Green
</th>
<th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('abstract')">
<span *ngIf="!isSortedBy || isSortedBy!='abstract'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='abstract' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='abstract' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
Abstract
</th>
<th class="uk-text-center" (click)="sortBy('licence')">
<span *ngIf="!isSortedBy || isSortedBy!='licence'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='licence' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='licence' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
Licence
</th>
<th class="uk-text-center" (click)="sortBy('cc_licence')">
<span *ngIf="!isSortedBy || isSortedBy!='cc_licence'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='cc_licence' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='cc_licence' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
CC Licence
</th>
<th class="uk-text-center" (click)="sortBy('pid')">
<span *ngIf="!isSortedBy || isSortedBy!='pid'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='pid' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='pid' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
PID
</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let countryOverview of countries">
<td class=""><a [routerLink]="['/country', countryOverview.code]">{{countryOverview.name}}</a></td>
<td *ngIf="entity==='publication'" class="uk-text-center">
<ng-container *ngIf="countryOverview.gold===null">--</ng-container>
<ng-container *ngIf="countryOverview.gold!=null">
<ng-container *ngIf="isPercentage">
<ng-container *ngIf="countryOverview.gold.percentage || countryOverview.gold.percentage===0">{{countryOverview.gold.percentage | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!countryOverview.gold.percentage && countryOverview.gold.percentage!==0">--</ng-container>
</ng-container>
<ng-container *ngIf="!isPercentage">
<ng-container *ngIf="countryOverview.gold.oa || countryOverview.gold.oa===0">{{countryOverview.gold.oa | number}}</ng-container>
<ng-container *ngIf="!countryOverview.gold.oa && countryOverview.gold.oa!==0">--</ng-container>
</ng-container>
</ng-container>
</td>
<td *ngIf="entity==='publication'" class="uk-text-center">
<ng-container *ngIf="countryOverview.green===null">--</ng-container>
<ng-container *ngIf="countryOverview.green!=null">
<ng-container *ngIf="isPercentage">
<ng-container *ngIf="countryOverview.green.percentage || countryOverview.green.percentage===0">{{countryOverview.green.percentage | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!countryOverview.green.percentage && countryOverview.green.percentage!==0">--</ng-container>
</ng-container>
<ng-container *ngIf="!isPercentage">
<ng-container *ngIf="countryOverview.green.oa || countryOverview.green.oa===0">{{countryOverview.green.oa | number}}</ng-container>
<ng-container *ngIf="!countryOverview.green.oa && countryOverview.green.oa!==0">--</ng-container>
</ng-container>
</ng-container>
</td>
<td *ngIf="entity==='publication'" class="uk-text-center">
<ng-container *ngIf="countryOverview.abstract===null">--</ng-container>
<ng-container *ngIf="countryOverview.abstract!=null">
<ng-container *ngIf="isPercentage">
<ng-container *ngIf="countryOverview.abstract.percentage || countryOverview.abstract.percentage===0">{{countryOverview.abstract.percentage | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!countryOverview.abstract.percentage && countryOverview.abstract.percentage!==0">--</ng-container>
</ng-container>
<ng-container *ngIf="!isPercentage">
<ng-container *ngIf="countryOverview.abstract.oa || countryOverview.abstract.oa===0">{{countryOverview.abstract.oa | number}}</ng-container>
<ng-container *ngIf="!countryOverview.abstract.oa && countryOverview.abstract.oa!==0">--</ng-container>
</ng-container>
</ng-container>
</td>
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.licence===null">--</ng-container>
<ng-container *ngIf="countryOverview.licence!=null">
<ng-container *ngIf="isPercentage">
<ng-container *ngIf="countryOverview.licence.percentage || countryOverview.licence.percentage===0">{{countryOverview.licence.percentage | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!countryOverview.licence.percentage && countryOverview.licence.percentage!==0">--</ng-container>
</ng-container>
<ng-container *ngIf="!isPercentage">
<ng-container *ngIf="countryOverview.licence.oa || countryOverview.licence.oa===0">{{countryOverview.licence.oa | number}}</ng-container>
<ng-container *ngIf="!countryOverview.licence.oa && countryOverview.licence.oa!==0">--</ng-container>
</ng-container>
</ng-container>
</td>
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.cc_licence===null">--</ng-container>
<ng-container *ngIf="countryOverview.cc_licence!=null">
<ng-container *ngIf="isPercentage">
<ng-container *ngIf="countryOverview.cc_licence.percentage || countryOverview.cc_licence.percentage===0">{{countryOverview.cc_licence.percentage | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!countryOverview.cc_licence.percentage && countryOverview.cc_licence.percentage!==0">--</ng-container>
</ng-container>
<ng-container *ngIf="!isPercentage">
<ng-container *ngIf="countryOverview.cc_licence.oa || countryOverview.cc_licence.oa===0">{{countryOverview.cc_licence.oa | number}}</ng-container>
<ng-container *ngIf="!countryOverview.cc_licence.oa && countryOverview.cc_licence.oa!==0">--</ng-container>
</ng-container>
</ng-container>
</td>
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.pid===null">--</ng-container>
<ng-container *ngIf="countryOverview.pid!=null">
<ng-container *ngIf="isPercentage">
<ng-container *ngIf="countryOverview.pid.percentage || countryOverview.pid.percentage===0">{{countryOverview.pid.percentage | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!countryOverview.pid.percentage && countryOverview.pid.percentage!==0">--</ng-container>
</ng-container>
<ng-container *ngIf="!isPercentage">
<ng-container *ngIf="countryOverview.pid.oa || countryOverview.pid.oa===0">{{countryOverview.pid.oa | number}}</ng-container>
<ng-container *ngIf="!countryOverview.pid.oa && countryOverview.pid.oa!==0">--</ng-container>
</ng-container>
</ng-container>
</td>
</tr>
</tbody>
</table>
</ng-container>
<ng-container *ngIf="view==='collaboration'">
<table *ngIf="countries" class="uk-table uk-table-hover uk-table-divider uk-table-small">
<thead>
<tr>
<th width="20%" class="" (click)="sortBy('country')">
<span *ngIf="!isSortedBy || isSortedBy!='country'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='country' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='country' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
Country
</th>
<th class="uk-text-center" (click)="sortBy('funders_collab')">
<span *ngIf="!isSortedBy || isSortedBy!='funders_collab'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='funders_collab' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='funders_collab' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
Multiple Funders
</th>
<th class="uk-text-center" (click)="sortBy('projects_collab')">
<span *ngIf="!isSortedBy || isSortedBy!='projects_collab'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='projects_collab' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='projects_collab' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
Multiple Projects
</th>
<th *ngIf="entity==='publication'" class="uk-text-center" (click)="sortBy('authors_collab')">
<span *ngIf="!isSortedBy || isSortedBy!='authors_collab'" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='authors_collab' && isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-descending.svg"></span>
<span *ngIf="isSortedBy && isSortedBy=='authors_collab' && !isDescending" class="uk-margin-small-right"><img src="../../../assets/img/icons/sort-ascending.svg"></span>
Co-Authored
</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let countryOverview of countries">
<td class=""><a [routerLink]="['/country', countryOverview.code]">{{countryOverview.name}}</a></td>
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.funders_collab===null">--</ng-container>
<ng-container *ngIf="countryOverview.funders_collab!=null">
<ng-container *ngIf="isPercentage">
<ng-container *ngIf="countryOverview.funders_collab.percentage || countryOverview.funders_collab.percentage===0">{{countryOverview.funders_collab.percentage | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!countryOverview.funders_collab.percentage && countryOverview.funders_collab.percentage!==0">--</ng-container>
</ng-container>
<ng-container *ngIf="!isPercentage">
<ng-container *ngIf="countryOverview.funders_collab.oa || countryOverview.funders_collab.oa===0">{{countryOverview.funders_collab.oa | number}}</ng-container>
<ng-container *ngIf="!countryOverview.funders_collab.oa && countryOverview.funders_collab.oa!==0">--</ng-container>
</ng-container>
</ng-container>
</td>
<td class="uk-text-center">
<ng-container *ngIf="countryOverview.projects_collab===null">--</ng-container>
<ng-container *ngIf="countryOverview.projects_collab!=null">
<ng-container *ngIf="isPercentage">
<ng-container *ngIf="countryOverview.projects_collab.percentage || countryOverview.projects_collab.percentage===0">{{countryOverview.projects_collab.percentage | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!countryOverview.projects_collab.percentage && countryOverview.projects_collab.percentage!==0">--</ng-container>
</ng-container>
<ng-container *ngIf="!isPercentage">
<ng-container *ngIf="countryOverview.projects_collab.oa || countryOverview.projects_collab.oa===0">{{countryOverview.projects_collab.oa | number}}</ng-container>
<ng-container *ngIf="!countryOverview.projects_collab.oa && countryOverview.projects_collab.oa!==0">--</ng-container>
</ng-container>
</ng-container>
</td>
<td *ngIf="entity==='publication'" class="uk-text-center">
<ng-container *ngIf="countryOverview.authors_collab===null">--</ng-container>
<ng-container *ngIf="countryOverview.authors_collab!=null">
<ng-container *ngIf="isPercentage">
<ng-container *ngIf="countryOverview.authors_collab.percentage || countryOverview.authors_collab.percentage===0">{{countryOverview.authors_collab.percentage | number :'1.0-2'}}%</ng-container>
<ng-container *ngIf="!countryOverview.authors_collab.percentage && countryOverview.authors_collab.percentage!==0">--</ng-container>
</ng-container>
<ng-container *ngIf="!isPercentage">
<ng-container *ngIf="countryOverview.authors_collab.oa || countryOverview.authors_collab.oa===0">{{countryOverview.authors_collab.oa | number}}</ng-container>
<ng-container *ngIf="!countryOverview.authors_collab.oa && countryOverview.authors_collab.oa!==0">--</ng-container>
</ng-container>
</ng-container>
</td>
</tr>
</tbody>
</table>
</ng-container>