]>
Commit | Line | Data |
---|---|---|
1 | <div class="input-group"> | |
2 | <input | |
3 | [id]="inputId" [autocomplete]="autocomplete" [value]="value" [placeholder]="placeholder" [tabindex]="tabindex" | |
4 | [(ngModel)]="value" (ngModelChange)="update()" [readonly]="readonly" | |
5 | #input (click)="input.select()" (input)="update()" (change)="update()" [type]="inputType" class="form-control" | |
6 | [ngClass]="{ 'input-error': formError }" | |
7 | /> | |
8 | ||
9 | <button *ngIf="withToggle" (click)="toggle()" type="button" class="btn btn-outline-secondary" [title]="toggleTitle"> | |
10 | <my-global-icon *ngIf="show" iconName="eye-open"></my-global-icon> | |
11 | <my-global-icon *ngIf="!show" iconName="eye-close"></my-global-icon> | |
12 | </button> | |
13 | ||
14 | <button | |
15 | *ngIf="withCopy" [cdkCopyToClipboard]="input.value" (click)="activateCopiedMessage()" type="button" | |
16 | class="btn btn-outline-secondary text-uppercase" i18n-title title="Copy" | |
17 | > | |
18 | <my-global-icon iconName="copy"></my-global-icon> | |
19 | <span class="copy-text">Copy</span> | |
20 | </button> | |
21 | </div> | |
22 | ||
23 | <div *ngIf="formError" class="form-error">{{ formError }}</div> |