[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:
parent
2baf94682c
commit
97b9ccd885
|
@ -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"
|
||||||
|
|
Loading…
Reference in New Issue