[master | FIXED | DONE] browse RPOs/RFOs: temporarily remove OA badges from cards and lists

This commit is contained in:
Alex Martzios 2024-01-08 13:53:46 +02:00
parent 380fad82ba
commit 75c5d6473a
1 changed files with 10 additions and 8 deletions

View File

@ -74,7 +74,8 @@
</div> </div>
</div> </div>
</div> </div>
<div class="uk-card-footer uk-padding-small uk-background-muted"> <!-- when OA badges are re-introduced, the below if-statement will have to be moved on its correct div -->
<div *ngIf="item.funderType" class="uk-card-footer uk-padding-small uk-background-muted">
<div class="uk-grid uk-grid-divider uk-flex-center uk-flex-middle uk-child-width-1-2@m" uk-grid> <div class="uk-grid uk-grid-divider uk-flex-center uk-flex-middle uk-child-width-1-2@m" uk-grid>
<div *ngIf="item.funderType"> <div *ngIf="item.funderType">
<div class="uk-text-xsmall"> <div class="uk-text-xsmall">
@ -84,7 +85,8 @@
{{getFunderTypeLabel(item.funderType)}} {{getFunderTypeLabel(item.funderType)}}
</div> </div>
</div> </div>
<div> <!-- Commenting out temporarily the div below - OA badge -->
<!-- <div>
<div class="uk-text-center uk-text-bold"> <div class="uk-text-center uk-text-bold">
<span class="uk-text-small">50</span> <span class="uk-text-small">50</span>
<span class="uk-text-xsmall">%</span> <span class="uk-text-xsmall">%</span>
@ -94,7 +96,7 @@
<icon [name]="'open_access'" [flex]="true" [ratio]="0.8" class="open-access"></icon> <icon [name]="'open_access'" [flex]="true" [ratio]="0.8" class="open-access"></icon>
<span class="uk-text-xsmall uk-margin-xsmall-left">Open Access</span> <span class="uk-text-xsmall uk-margin-xsmall-left">Open Access</span>
</div> </div>
</div> </div> -->
</div> </div>
</div> </div>
</div> </div>
@ -111,10 +113,10 @@
<th>Logo</th> <th>Logo</th>
<th>Name</th> <th>Name</th>
<th *ngIf="stakeholderType === 'funder'">Type</th> <th *ngIf="stakeholderType === 'funder'">Type</th>
<th class="uk-flex uk-flex-middle"> <!-- <th class="uk-flex uk-flex-middle">
<icon [name]="'open_access'" [flex]="true" [ratio]="0.8" class="open-access"></icon> <icon [name]="'open_access'" [flex]="true" [ratio]="0.8" class="open-access"></icon>
<span class="uk-margin-xsmall-left">Open Access %</span> <span class="uk-margin-xsmall-left">Open Access %</span>
</th> </th> -->
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
@ -122,7 +124,7 @@
class="clickable" routerLink="./{{item.alias}}"> class="clickable" routerLink="./{{item.alias}}">
<td> <td>
<!-- remove max-width style, add something custom maybe? --> <!-- remove max-width style, add something custom maybe? -->
<div class="uk-flex uk-flex-center uk-flex-middle uk-height-xsmall"> <div class="uk-flex uk-flex-middle uk-height-xsmall uk-margin-left">
<img *ngIf="item.logoUrl; else elseBlock" [src]="item | logoUrl" [alt]="item.name + ' logo'" class="uk-height-max-xsmall uk-blend-multiply" style="max-width: 140px;"> <img *ngIf="item.logoUrl; else elseBlock" [src]="item | logoUrl" [alt]="item.name + ' logo'" class="uk-height-max-xsmall uk-blend-multiply" style="max-width: 140px;">
<ng-template #elseBlock> <ng-template #elseBlock>
<img src="assets/common-assets/placeholder.png" alt="OpenAIRE placeholder logo" class="uk-height-max-xsmall uk-blend-multiply" style="max-width: 140px;"> <img src="assets/common-assets/placeholder.png" alt="OpenAIRE placeholder logo" class="uk-height-max-xsmall uk-blend-multiply" style="max-width: 140px;">
@ -139,7 +141,7 @@
{{getFunderTypeLabel(item.funderType)}} {{getFunderTypeLabel(item.funderType)}}
</div> </div>
</td> </td>
<td> <!-- <td>
<div class="uk-width-xsmall uk-margin-left"> <div class="uk-width-xsmall uk-margin-left">
<div class="uk-text-center uk-text-bold"> <div class="uk-text-center uk-text-bold">
<span class="uk-text-small">50</span> <span class="uk-text-small">50</span>
@ -147,7 +149,7 @@
</div> </div>
<progress class="uk-progress open-access uk-margin-xsmall-top uk-margin-xsmall-bottom" [value]="50" max="100"></progress> <progress class="uk-progress open-access uk-margin-xsmall-top uk-margin-xsmall-bottom" [value]="50" max="100"></progress>
</div> </div>
</td> </td> -->
</tr> </tr>
</tbody> </tbody>
</table> </table>