[Library | Trunk]: Update project filters on organization landing base on mockups.

git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58311 d315682c-612b-4755-9ff5-7f18f6832af3
This commit is contained in:
k.triantafyllou 2020-03-20 14:52:34 +00:00
parent 2baf94682c
commit 97b9ccd885
1 changed files with 9 additions and 10 deletions

View File

@ -16,20 +16,19 @@ import {AlertModal} from "../../utils/modal/alert";
@Component({ @Component({
selector: 'projectsInModal', selector: 'projectsInModal',
template: ` template: `
<errorMessages [status]="[fetchProjects.searchUtils.status]" [type]="'projects'" <div *ngIf="fetchProjects.funders.length > 1" class="uk-margin-small-bottom">Filter by Funder:</div>
tab_error_class=true></errorMessages>
<div *ngIf="fetchProjects.searchUtils.status == errorCodes.DONE">
<ul *ngIf="fetchProjects.funders.length > 1" class="uk-list uk-list-divider uk-margin-remove"> <ul *ngIf="fetchProjects.funders.length > 1" class="uk-list uk-list-divider uk-margin-remove">
<li *ngFor="let filter of fetchProjects.filters "> <li *ngFor="let filter of fetchProjects.filters ">
<!--div class="text-bold">Filter by {{filter.title}}:</div-->
<span *ngFor="let value of filter.values" class="uk-animation-fade uk-margin-small-right"> <span *ngFor="let value of filter.values" class="uk-animation-fade uk-margin-small-right">
<input [(ngModel)]="value.selected" type="checkbox" <input [(ngModel)]="value.selected" type="checkbox"
(ngModelChange)="filterChange(value.selected)"/> (ngModelChange)="filterChange(value.selected)"/>
<span title="{{value.name}}"> {{value.name}}</span> <span class="uk-text-bold"> {{value.name}}</span>
</span> </span>
</li> </li>
</ul> </ul>
<errorMessages [status]="[fetchProjects.searchUtils.status]" [type]="'projects'"
tab_error_class=true></errorMessages>
<div *ngIf="fetchProjects.searchUtils.status == errorCodes.DONE">
<no-load-paging *ngIf="fetchProjects.searchUtils.totalResults > size" [type]="'projects'" <no-load-paging *ngIf="fetchProjects.searchUtils.totalResults > size" [type]="'projects'"
(pageChange)="pageChange($event)" (pageChange)="pageChange($event)"
[page]="page" [pageSize]="size" [page]="page" [pageSize]="size"