LP2000482 Angular 15 and Bootstrap 5 upgrade
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / acq / lineitem / cancel-dialog.component.html
1 <ng-template #dialogContent>
2   <form class="form-validated">
3     <div class="modal-header bg-info">
4       <h3 class="modal-title" *ngIf="recordType === 'po'" i18n>Confirm Order Cancellation</h3>
5       <h3 class="modal-title" *ngIf="recordType === 'li'" i18n>Confirm Line Item Cancellation</h3>
6       <h3 class="modal-title" *ngIf="recordType === 'lid'" i18n>Confirm Item Cancellation</h3>
7       <button type="button" class="btn-close btn-close-white"
8         i18n-aria-label aria-label="Close" (click)="close()"></button>
9     </div>
10     <div class="modal-body">
11       <h4 *ngIf="recordType === 'po'" i18n>Please select a cancel reason and click "Apply" to cancel the order,
12         or "Exit Dialog" to exit without cancelling the order.</h4>
13       <h4 *ngIf="recordType === 'li'" i18n>Please select a cancel reason and click "Apply" to cancel the line item,
14         or "Exit Dialog" to exit without cancelling the line item.</h4>
15       <h4 *ngIf="recordType === 'lid'" i18n>Please select a cancel reason and click "Apply" to cancel the item,
16         or "Exit Dialog" to exit without cancelling the item.</h4>
17       <eg-combobox domId="acq-cancel-dialog" name="acq-cancel-dialog" 
18         [asyncSupportsEmptyTermClick]="true"
19         idlClass="acqcr" [(ngModel)]="cancelReason"></eg-combobox>
20     </div>
21     <div class="modal-footer">
22       <button type="button" class="btn btn-success" [disabled]="!cancelReason" 
23         (click)="close(cancelReason.id)" i18n>Apply</button>
24       <button type="button" class="btn btn-warning"
25         (click)="close()" i18n>Exit Dialog</button>
26     </div>
27   </form>
28 </ng-template>
29