Reset confirm component

[github/Chocobozzz/PeerTube.git] / client / src / app / core / confirm / confirm.component.html

diff --git a/client/src/app/core/confirm/confirm.component.html b/client/src/app/core/confirm/confirm.component.html
index 2726af6cc1428daa768f33223d80357122827607..3253de4a0082c9ad44b7db1f08ab763c521c44ca 100644 (file)
--- a/client/src/app/core/confirm/confirm.component.html
+++ b/client/src/app/core/confirm/confirm.component.html
@@ -3,17 +3,28 @@
     <div class="modal-content">
 
       <div class="modal-header">
-        <button type="button" class="close" aria-label="Close" (click)="cancel()">
-          <span aria-hidden="true">&times;</span>
-        </button>
+        <span class="close" aria-hidden="true" (click)="cancel()"></span>
         <h4 class="modal-title">{{ title }}</h4>
       </div>
 
-      <div class="modal-body" [innerHtml]="message"></div>
+      <div class="modal-body" >
+        <div [innerHtml]="message"></div>
 
-      <div class="modal-footer">
-        <button type="button" class="btn btn-default" data-dismiss="modal" (click)="cancel()">Cancel</button>
-        <button type="button" class="btn btn-primary" (click)="confirm()">Confirm</button>
+        <div *ngIf="inputLabel && expectedInputValue" class="form-group">
+          <label for="confirmInput">{{ inputLabel }}</label>
+          <input type="text" id="confirmInput" name="confirmInput" [(ngModel)]="inputValue" />
+        </div>
+
+        <div class="form-group inputs">
+          <span i18n class="action-button action-button-cancel" (click)="cancel()">
+            Cancel
+          </span>
+
+          <input
+            type="submit" [value]="confirmButtonText" class="action-button-submit" [disabled]="isConfirmationDisabled()"
+            (click)="confirm()"
+          >
+        </div>
       </div>
     </div>
   </div>