aboutsummaryrefslogblamecommitdiffhomepage
path: root/client/src/app/shared/shared-forms/input-toggle-hidden.component.html
blob: dfe646d2f01b7e2f1d23ce4a7bdd2a153dfeef32 (plain) (tree)
1
2
3
4
5
6
7
8
9
                                        

                                                                                                                  
                                                                        

                                                                                                                  

                                                                 
                                                                                                                                   

                                                                                 


                                                                                                         
                                                                              
     

                                                         


             
<div class="input-group input-group-sm">
  <input
    [id]="inputId" [autocomplete]="autocomplete" [value]="value" [placeholder]="placeholder" [tabindex]="tabindex"
    [(ngModel)]="value" (ngModelChange)="update()" [readonly]="readonly"
    #input (click)="input.select()" (input)="update()" (change)="update()" [type]="inputType" class="form-control"
  />

  <div *ngIf="withToggle || withCopy" class="input-group-append">
    <button *ngIf="withToggle" (click)="toggle()" type="button" class="btn btn-outline-secondary eye-button" [title]="toggleTitle">
      <span class="glyphicon glyphicon-eye-{{ show ? 'open' : 'close' }}"></span>
    </button>

    <button
      *ngIf="withCopy" [cdkCopyToClipboard]="input.value" (click)="activateCopiedMessage()" type="button"
      class="btn btn-outline-secondary text-uppercase" i18n-title title="Copy"
    >
      <span class="glyphicon glyphicon-duplicate"></span>
      Copy
    </button>
  </div>
</div>