Prefer using our icons for notifications

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-forms / input-toggle-hidden.component.html

<div class="input-group">
  <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"
  />

  <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>
    <span class="copy-text">Copy</span>
  </button>
</div>