-<div bsModal #confirmModal="bs-modal" class="modal" tabindex="-1" role="dialog">
- <div class="modal-dialog">
- <div class="modal-content">
+<ng-template #confirmModal let-close="close" let-dismiss="dismiss">
- <div class="modal-header">
- <button type="button" class="close" aria-label="Close" (click)="abort()">
- <span aria-hidden="true">×</span>
- </button>
- <h4 class="modal-title">{{ title }}</h4>
- </div>
+ <div class="modal-header">
+ <h4 class="modal-title">{{ title }}</h4>
+ <span class="close" aria-label="Close" role="button" (click)="dismiss()"></span>
+ </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>
+ <div *ngIf="inputLabel && expectedInputValue" class="form-group">
+ <label for="confirmInput">{{ inputLabel }}</label>
+ <input type="text" id="confirmInput" name="confirmInput" [(ngModel)]="inputValue" />
</div>
</div>
-</div>
+
+ <div class="modal-footer inputs">
+ <span i18n class="action-button action-button-cancel" (click)="dismiss()" role="button">Cancel</span>
+
+ <input
+ type="submit" [value]="confirmButtonText" class="action-button-submit" [disabled]="isConfirmationDisabled()"
+ (click)="close()"
+ >
+ </div>
+</ng-template>