LP2000482 Angular 15 and Bootstrap 5 upgrade
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / share / circ / open-circ-dialog.component.html
1 <ng-template #dialogContent>
2   <div class="modal-header bg-info">
3     <h4 class="modal-title">
4       <span i18n>Open Circulation</span>
5     </h4>
6     <button type="button" class="btn-close btn-close-white"
7       i18n-aria-label aria-label="Close" (click)="close()"></button>
8   </div>
9   <div class="modal-body">
10     <h5 class="fw-bold" i18n>
11       There is an open circulation on the requested item.
12     </h5>
13
14     <div class="mt-2" *ngIf="sameUser">
15       This item was already checked out to this user on {{circDate | date:'short'}}
16     </div>
17     <div class="mt-2" *ngIf="!sameUser">
18       This item was checked out by another patron on {{circDate | date:'short'}}
19     </div>
20   </div>
21   <div class="modal-footer d-flex">
22
23     <div class="form-check form-check-inline">
24       <input class="form-check-input" type="checkbox" id="forgive-fines-cbox" 
25         [(ngModel)]="forgiveFines"/>
26       <label class="form-label form-check-label" for="forgive-fines-cbox" i18n>Forgive Fines?</label>
27     </div>
28
29     <div class="flex-1"></div>
30
31     <div>
32       <button type="button" class="btn btn-success"
33         (click)="close({checkout: true, forgiveFines: forgiveFines})" i18n>
34         Normal Checkin Then Checkout</button>
35
36       <button type="button" class="btn btn-info ms-2" *ngIf="sameUser"
37         (click)="close({renew: true, forgiveFines: forgiveFines})" i18n>Renew</button>
38
39       <button type="button" class="btn btn-warning ms-2"
40         (click)="close()" i18n>Cancel</button>
41     </div>
42
43   </div>
44 </ng-template>