[master] researcher monitors page: add OA progress bar on banner

This commit is contained in:
Alex Martzios 2023-12-06 17:07:14 +02:00
parent c2e704a944
commit 042ba80714
2 changed files with 6 additions and 5 deletions

@ -1 +1 @@
Subproject commit 8c5c4923d38da5c49109a40f3dfbdcd68e2dcbb0
Subproject commit 76003bf6d9783749b084ce972e98bd2b34ee0dab

View File

@ -47,7 +47,11 @@ import {LayoutService} from "../openaireLibrary/dashboard/sharedComponents/sideb
</div>
</div>
<div *ngIf="openResults && totalResults" class="uk-width-auto">
<span>{{getPercentage()}}% open access</span>
<div class="uk-progress-semicircle open-access" [attr.percentage]="getPercentage()" [style]="'--percentage:' + getPercentage()"></div>
<div class="uk-flex uk-flex-middle uk-margin-small-top">
<icon [name]="'open_access'" [flex]="true"></icon>
<span class="uk-margin-xsmall-left">Open Access</span>
</div>
</div>
</div>
<h1 *ngIf="!authorId" class="uk-h4 uk-margin-small-bottom">Researcher Monitors</h1>
@ -130,10 +134,7 @@ export class ResearcherComponent extends BaseComponent implements OnInit {
}
getPercentage(){
var num = new Number((this.openResults/this.totalResults)*100);
return num == 100?100:num.toPrecision(2);
}
}