diff options
| author | Chocobozzz <me@florianbigard.com> | 2018-08-09 14:55:06 +0200 |
|---|---|---|
| committer | Chocobozzz <me@florianbigard.com> | 2018-08-09 14:55:06 +0200 |
| commit | 63347a0ff966c7863e5b7431effa1cb0668df893 (patch) | |
| tree | 8f89d9b4a73f7157103574c05832eff21e338272 /client/src/app/core/confirm/confirm.component.html | |
| parent | b34a444e291c8ec90b4c2c965f7d0d6904d1faa7 (diff) | |
| download | PeerTube-63347a0ff966c7863e5b7431effa1cb0668df893.tar.gz PeerTube-63347a0ff966c7863e5b7431effa1cb0668df893.tar.zst PeerTube-63347a0ff966c7863e5b7431effa1cb0668df893.zip | |
Migrate to bootstrap 4 and ng-bootstrap
Diffstat (limited to 'client/src/app/core/confirm/confirm.component.html')
| -rw-r--r-- | client/src/app/core/confirm/confirm.component.html | 44 |
1 files changed, 19 insertions, 25 deletions
diff --git a/client/src/app/core/confirm/confirm.component.html b/client/src/app/core/confirm/confirm.component.html index 0bb64cf00..43f0c6190 100644 --- a/client/src/app/core/confirm/confirm.component.html +++ b/client/src/app/core/confirm/confirm.component.html | |||
| @@ -1,31 +1,25 @@ | |||
| 1 | <div bsModal #confirmModal="bs-modal" [config]="{ animated: false }" class="modal" tabindex="-1" role="dialog"> | 1 | <ng-template #confirmModal let-close="close" let-dismiss="dismiss"> |
| 2 | <div class="modal-dialog"> | ||
| 3 | <div class="modal-content"> | ||
| 4 | 2 | ||
| 5 | <div class="modal-header"> | 3 | <div class="modal-header"> |
| 6 | <span class="close" aria-hidden="true" (click)="cancel()"></span> | 4 | <h4 class="modal-title">{{ title }}</h4> |
| 7 | <h4 class="modal-title">{{ title }}</h4> | 5 | <span class="close" aria-label="Close" role="button" (click)="dismiss()"></span> |
| 8 | </div> | 6 | </div> |
| 9 | 7 | ||
| 10 | <div class="modal-body" > | 8 | <div class="modal-body" > |
| 11 | <div [innerHtml]="message"></div> | 9 | <div [innerHtml]="message"></div> |
| 12 | 10 | ||
| 13 | <div *ngIf="inputLabel && expectedInputValue" class="form-group"> | 11 | <div *ngIf="inputLabel && expectedInputValue" class="form-group"> |
| 14 | <label for="confirmInput">{{ inputLabel }}</label> | 12 | <label for="confirmInput">{{ inputLabel }}</label> |
| 15 | <input type="text" id="confirmInput" name="confirmInput" [(ngModel)]="inputValue" /> | 13 | <input type="text" id="confirmInput" name="confirmInput" [(ngModel)]="inputValue" /> |
| 16 | </div> | 14 | </div> |
| 15 | </div> | ||
| 17 | 16 | ||
| 18 | <div class="form-group inputs"> | 17 | <div class="modal-footer inputs"> |
| 19 | <span i18n class="action-button action-button-cancel" (click)="cancel()"> | 18 | <span i18n class="action-button action-button-cancel" (click)="dismiss()" role="button">Cancel</span> |
| 20 | Cancel | ||
| 21 | </span> | ||
| 22 | 19 | ||
| 23 | <input | 20 | <input |
| 24 | type="submit" [value]="confirmButtonText" class="action-button-submit" [disabled]="isConfirmationDisabled()" | 21 | type="submit" [value]="confirmButtonText" class="action-button-submit" [disabled]="isConfirmationDisabled()" |
| 25 | (click)="confirm()" | 22 | (click)="close()" |
| 26 | > | 23 | > |
| 27 | </div> | ||
| 28 | </div> | ||
| 29 | </div> | ||
| 30 | </div> | 24 | </div> |
| 31 | </div> | 25 | </ng-template> |