diff options
author | Chocobozzz <me@florianbigard.com> | 2022-06-08 16:14:24 +0200 |
---|---|---|
committer | Chocobozzz <me@florianbigard.com> | 2022-06-10 09:21:00 +0200 |
commit | 4c8749cb9e1e4a8d61697434e372f342def7bc70 (patch) | |
tree | 0e1b64d119b5077113163e147b711d8db5c6dd7e /client/src/app/shared/shared-forms/input-toggle-hidden.component.html | |
parent | b89b0bfce9bb79d81f9761b07b04d0c4e5aa25c1 (diff) | |
download | PeerTube-4c8749cb9e1e4a8d61697434e372f342def7bc70.tar.gz PeerTube-4c8749cb9e1e4a8d61697434e372f342def7bc70.tar.zst PeerTube-4c8749cb9e1e4a8d61697434e372f342def7bc70.zip |
Migrate to bootstrap 5
Diffstat (limited to 'client/src/app/shared/shared-forms/input-toggle-hidden.component.html')
-rw-r--r-- | client/src/app/shared/shared-forms/input-toggle-hidden.component.html | 24 |
1 files changed, 11 insertions, 13 deletions
diff --git a/client/src/app/shared/shared-forms/input-toggle-hidden.component.html b/client/src/app/shared/shared-forms/input-toggle-hidden.component.html index dfe646d2f..e5edb6c97 100644 --- a/client/src/app/shared/shared-forms/input-toggle-hidden.component.html +++ b/client/src/app/shared/shared-forms/input-toggle-hidden.component.html | |||
@@ -1,21 +1,19 @@ | |||
1 | <div class="input-group input-group-sm"> | 1 | <div class="input-group"> |
2 | <input | 2 | <input |
3 | [id]="inputId" [autocomplete]="autocomplete" [value]="value" [placeholder]="placeholder" [tabindex]="tabindex" | 3 | [id]="inputId" [autocomplete]="autocomplete" [value]="value" [placeholder]="placeholder" [tabindex]="tabindex" |
4 | [(ngModel)]="value" (ngModelChange)="update()" [readonly]="readonly" | 4 | [(ngModel)]="value" (ngModelChange)="update()" [readonly]="readonly" |
5 | #input (click)="input.select()" (input)="update()" (change)="update()" [type]="inputType" class="form-control" | 5 | #input (click)="input.select()" (input)="update()" (change)="update()" [type]="inputType" class="form-control" |
6 | /> | 6 | /> |
7 | 7 | ||
8 | <div *ngIf="withToggle || withCopy" class="input-group-append"> | 8 | <button *ngIf="withToggle" (click)="toggle()" type="button" class="btn btn-outline-secondary eye-button" [title]="toggleTitle"> |
9 | <button *ngIf="withToggle" (click)="toggle()" type="button" class="btn btn-outline-secondary eye-button" [title]="toggleTitle"> | 9 | <span class="glyphicon glyphicon-eye-{{ show ? 'open' : 'close' }}"></span> |
10 | <span class="glyphicon glyphicon-eye-{{ show ? 'open' : 'close' }}"></span> | 10 | </button> |
11 | </button> | ||
12 | 11 | ||
13 | <button | 12 | <button |
14 | *ngIf="withCopy" [cdkCopyToClipboard]="input.value" (click)="activateCopiedMessage()" type="button" | 13 | *ngIf="withCopy" [cdkCopyToClipboard]="input.value" (click)="activateCopiedMessage()" type="button" |
15 | class="btn btn-outline-secondary text-uppercase" i18n-title title="Copy" | 14 | class="btn btn-outline-secondary text-uppercase" i18n-title title="Copy" |
16 | > | 15 | > |
17 | <span class="glyphicon glyphicon-duplicate"></span> | 16 | <span class="glyphicon glyphicon-duplicate"></span> |
18 | Copy | 17 | <span class="copy-text">Copy</span> |
19 | </button> | 18 | </button> |
20 | </div> | ||
21 | </div> | 19 | </div> |