common-ui/src/lib/inputs/input-with-action/input-with-action.component.html
2022-01-15 19:42:12 +02:00

26 lines
888 B
HTML

<form (submit)="executeAction(null)" [style.max-width]="computedWidth" [style.width]="computedWidth" class="iqser-input-group">
<input
(ngModelChange)="valueChange.emit($event)"
[(ngModel)]="value"
[autocomplete]="autocomplete"
[ngModelOptions]="{ standalone: true }"
[placeholder]="placeholder"
class="with-icon mt-0"
type="text"
/>
<span *ngIf="hint" class="hint">{{ hint }}</span>
<mat-icon *ngIf="isSearch && !hasContent" class="icon-right" svgIcon="iqser:search"></mat-icon>
<iqser-circle-button (action)="reset()" *ngIf="isSearch && hasContent" [size]="25" icon="iqser:close"></iqser-circle-button>
<iqser-circle-button
(action)="executeAction($event)"
*ngIf="!isSearch"
[disabled]="!hasContent"
[icon]="icon"
[size]="25"
></iqser-circle-button>
</form>