2022-06-08 14:14:24 +00:00
|
|
|
<div class="input-group">
|
2020-12-22 11:05:32 +00:00
|
|
|
<input
|
|
|
|
[id]="inputId" [autocomplete]="autocomplete" [value]="value" [placeholder]="placeholder" [tabindex]="tabindex"
|
2021-11-02 09:01:28 +00:00
|
|
|
[(ngModel)]="value" (ngModelChange)="update()" [readonly]="readonly"
|
2020-12-22 11:05:32 +00:00
|
|
|
#input (click)="input.select()" (input)="update()" (change)="update()" [type]="inputType" class="form-control"
|
2022-06-20 14:42:21 +00:00
|
|
|
[ngClass]="{ 'input-error': formError }"
|
2020-12-22 11:05:32 +00:00
|
|
|
/>
|
2020-12-04 14:58:55 +00:00
|
|
|
|
2022-06-13 08:14:03 +00:00
|
|
|
<button *ngIf="withToggle" (click)="toggle()" type="button" class="btn btn-outline-secondary" [title]="toggleTitle">
|
2022-06-13 09:26:20 +00:00
|
|
|
<my-global-icon *ngIf="show" iconName="eye-open"></my-global-icon>
|
|
|
|
<my-global-icon *ngIf="!show" iconName="eye-close"></my-global-icon>
|
2022-06-08 14:14:24 +00:00
|
|
|
</button>
|
2020-12-22 11:05:32 +00:00
|
|
|
|
2022-06-08 14:14:24 +00:00
|
|
|
<button
|
|
|
|
*ngIf="withCopy" [cdkCopyToClipboard]="input.value" (click)="activateCopiedMessage()" type="button"
|
|
|
|
class="btn btn-outline-secondary text-uppercase" i18n-title title="Copy"
|
|
|
|
>
|
2022-06-10 13:51:31 +00:00
|
|
|
<my-global-icon iconName="copy"></my-global-icon>
|
2022-06-08 14:14:24 +00:00
|
|
|
<span class="copy-text">Copy</span>
|
|
|
|
</button>
|
2020-12-04 14:58:55 +00:00
|
|
|
</div>
|
2022-06-20 14:42:21 +00:00
|
|
|
|
|
|
|
<div *ngIf="formError" class="form-error">{{ formError }}</div>
|