tweaks for search page inputs (select)

This commit is contained in:
Alex Martzios 2022-04-06 16:26:45 +03:00
parent 01f9facb37
commit acca43d45a
2 changed files with 6 additions and 6 deletions

View File

@ -272,12 +272,12 @@
<div class="uk-flex uk-flex-middle">
<!-- TODO: Disabled functionality -->
<!-- [isDisabled]="disabled" -->
<div class="uk-width-1-2 uk-margin-right" *ngIf="searchUtils.totalResults >= 50">
<div input type="select" placeholder="Results per page:"
<div class="uk-width-small uk-margin-right" *ngIf="searchUtils.totalResults >= 50">
<div input type="select" placeholder="Results per page:" inputClass="flat x-small"
[options]="['5','10','20','50']" [(value)]="searchUtils.size"
(valueChange)="sizeChanged($event)"></div>
</div>
<search-sorting *ngIf="sort" class="uk-width-1-2"
<search-sorting *ngIf="sort"
[entityType]="entityType" [sortBy]="searchUtils.sortBy"
(sortByChange)="sortByChanged($event)"
[isDisabled]="disabled">

View File

@ -3,15 +3,15 @@ import {Component, Input, Output, EventEmitter} from '@angular/core';
@Component({
selector: 'search-sorting',
template: `
<div>
<div class="uk-width-small">
<!-- TODO: Disabled functionality -->
<div input *ngIf="(entityType != 'community' && entityType != 'stakeholder' )"
type="select" placeholder="Sort by:"
type="select" placeholder="Sort by:" inputClass="flat x-small"
[options]="optionsA" [(value)]="sortBy"
(valueChange)="sortByChanged()"></div>
<div input *ngIf="(entityType == 'community' || entityType == 'stakeholder')"
type="select" placeholder="Sort by:"
type="select" placeholder="Sort by:" inputClass="flat x-small"
[options]="optionsB" [(value)]="sortBy"
(valueChange)="sortByChanged()"></div>
</div>