LP2008918: use new default colors for modal headers
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / share / circ / events-dialog.component.html
1
2 <eg-string key="circ.events.mode.checkout" i18n-text text="Checkout"></eg-string> 
3 <eg-string key="circ.events.mode.renew" i18n-text text="Renewal"></eg-string> 
4 <eg-string key="circ.events.mode.checkin" i18n-text text="Checkin"></eg-string> 
5
6 <ng-template #dialogContent>
7   <div class="modal-header">
8     <h4 class="modal-title">
9       <span i18n>Action Blocked</span>
10     </h4>
11     <button type="button" class="btn-close btn-close-white"
12       i18n-aria-label aria-label="Close" (click)="close()"></button>
13   </div>
14   <div class="modal-body">
15     <h5 i18n>Exceptions occurred during {{modeLabel}}.</h5>
16     <ng-container *ngFor="let evt of events">
17       <div class="card mb-2">
18         <div class="card-header text-danger">{{evt.textcode}}</div>
19         <div class="card-body">
20           <div class="fw-bold">{{copyBarcode}}</div>
21           <div>{{evt.desc}}</div>
22           <ng-container *ngIf="evt.textcode === 'COPY_ALERT_MESSAGE'">
23             <ng-container *ngIf="!isArray(evt.payload)">
24               <!-- Traditional copy.alert_message value in payload -->
25               <div class="mt-2 fw-bold">{{evt.payload}}</div>
26             </ng-container>
27             <ng-container *ngIf="isArray(evt.payload)">
28               <!-- Array of new-style copy alerts in payload -->
29               <div class="mt-2 fw-bold" *ngFor="let alert of evt.payload">
30                 <div>{{alert.alert_type().name()}}</div>
31                 <div>{{alert.note()}}</div>
32               </div>
33             </ng-container>
34           </ng-container>
35           <ng-container *ngIf="evt.textcode === 'ITEM_ON_HOLDS_SHELF'">
36             <a target="_blank" class="mt-3"
37               routerLink="/staff/circ/patron/{{patronId}}/checkout">{{patronName}}</a>.
38
39             <div class="mt-3 mb-3">
40               <div class="form-check form-check-inline">
41                 <input class="form-check-input" type="checkbox" 
42                   id="clear-hold-cbox" [(ngModel)]="clearHold"/>
43                 <label class="form-label form-check-label" for="clear-hold-cbox" i18n>
44                   Cancel this hold upon checkout?
45                 </label>
46               </div>
47             </div>
48
49           </ng-container>
50         </div>
51       </div>
52     </ng-container>
53   </div>
54   <div class="modal-footer">
55     <button type="button" class="btn btn-info"
56       (click)="close({override: true, clearHold: clearHold})" i18n>
57       Force Action?</button>
58     <button type="button" class="btn btn-warning"
59       (click)="close(false)" i18n>Cancel</button>
60   </div>
61 </ng-template>