MaDgIK
/
openaire-library
13
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

[recommendations-functionality | DONE | ADDED] resultLanding page: add recommended tab and content for mobile view

This commit is contained in:
Alex Martzios 2024-06-26 10:14:49 +03:00
parent 623debc846
commit cf5ae96beb
2 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
landingPages/result/resultLanding.component.html
View File

@ -498,6 +498,13 @@
</div>
<hr>
</ng-container>
<ng-container *ngIf="properties.adminToolsPortalType == 'faircore4eosc'">
<div class="clickable uk-flex uk-flex-middle uk-flex-between" (click)="openFsModal(recommendedFsModal, 'Recommended'); onSelectActiveTab('recommended')">
<span>Recommended</span>
<icon name="chevron_right" [ratio]="1.5" [flex]="true"></icon>
</div>
<hr>
</ng-container>
</div>
</div>
<div *ngIf="mobileContent == 'metrics'" class="uk-container uk-section">
@ -681,7 +688,11 @@
</div>
</fs-modal>
<!-- TODO: Add recommended FsModal -->
<fs-modal #recommendedFsModal classTitle="uk-tile-default uk-border-bottom">
<div *ngIf="properties.adminToolsPortalType == 'faircore4eosc'" class="landing-section">
<ng-container *ngTemplateOutlet="recommended_content"></ng-container>
</div>
</fs-modal>
<fs-modal #sdgsFsModal *ngIf="isMobile" classTitle="uk-tile-default uk-border-bottom" (cancelEmitter)="sdgsFsModalCancelled()">
<ng-container *ngIf="resultLandingInfo.sdg && resultLandingInfo.sdg.length > 0">

1
landingPages/result/resultLanding.component.ts
View File

@ -175,6 +175,7 @@ export class ResultLandingComponent {
@ViewChild('fundedByFsModal') fundedByFsModal: FullScreenModalComponent;
@ViewChild('relatedCommunitiesFsModal') relatedCommunitiesFsModal: FullScreenModalComponent;
@ViewChild('enermapsToolFsModal') enermapsToolFsModal: FullScreenModalComponent;
@ViewChild('recommendedFsModal') recommendedFsModal: FullScreenModalComponent;
@ViewChild('sdgsFsModal') sdgsFsModal: FullScreenModalComponent;
@ViewChild('fosFsModal') fosFsModal: FullScreenModalComponent;