-<div bsModal #confirmModal="bs-modal" class="modal" tabindex="-1" role="dialog">
+<div bsModal #confirmModal="bs-modal" [config]="{ animated: false }" class="modal" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
- <button type="button" class="close" aria-label="Close" (click)="cancel()">
- <span aria-hidden="true">×</span>
- </button>
- <h4 class="title-page title-page-single">{{ title }}</h4>
+ <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="grey-button" data-dismiss="modal" (click)="cancel()">Cancel</button>
- <button type="button" class="orange-button" (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>