client/src/app/shared/shared-forms/input-toggle-hidden.component.html

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