nts-ng2-components
Version:
Paquete de componentes para Angular2 desarrollado por NITSNETS.
48 lines (47 loc) • 1.55 kB
HTML
<form (ngSubmit)="doFilter()">
<div class="filters-container">
<ng-container *ngIf="!advFilters">
<ng-content *ngIf="!advFilters"></ng-content>
</ng-container>
<ng-container *ngIf="advFilters">
<div>
<ng-content select="nts-filters-main" *ngIf="advFilters"> </ng-content>
</div>
<div class="filters-advanced" *ngIf="showAdvanced">
<ng-content select="nts-filters-advanced" *ngIf="advFilters"> </ng-content>
</div>
</ng-container>
</div>
<div class="options-container" [ngClass]="{
'three-options': optionsCount === 3,
'two-options': optionsCount === 2,
'one-option': optionsCount === 1
}">
<nts-button class="apply"
*ngIf="showButton" type="submit"
[label]="buttonLabel"
[color]="buttonColor"
[icon]="buttonIcon"
></nts-button>
<nts-button class="clear"
*ngIf="clearable && !isDefault()"
label="clear"
icon="close"
size="small"
(click)="onClear()"
></nts-button>
<nts-button class="save"
*ngIf="savable && !isEmpty()"
label="save"
icon="plus"
size="small"
(click)="onSave()"
></nts-button>
</div>
</form>
<nts-button *ngIf="advFilters && !showAdvanced"
icon="arrow-down"
label="more filters"
size="small"
(click)="showAdvanced = true"
></nts-button>