LP1904036 ng lint --fix
[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 bg-info">
8     <h4 class="modal-title">
9       <span i18n>Action Blocked</span>
10     </h4>
11     <button type="button" class="close"
12       i18n-aria-label aria-label="Close" (click)="close()">
13       <span aria-hidden="true">&times;</span>
14     </button>
15   </div>
16   <div class="modal-body">
17     <h5 i18n>Exceptions occurred during {{modeLabel}}.</h5>
18     <ng-container *ngFor="let evt of events">
19       <div class="card mb-2">
20         <div class="card-header text-danger">{{evt.textcode}}</div>
21         <div class="card-body">
22           <div class="font-weight-bold">{{copyBarcode}}</div>
23           <div>{{evt.desc}}</div>
24           <ng-container *ngIf="evt.textcode === 'COPY_ALERT_MESSAGE'">
25             <ng-container *ngIf="!isArray(evt.payload)">
26               <!-- Traditional copy.alert_message value in payload -->
27               <div class="mt-2 font-weight-bold">{{evt.payload}}</div>
28             </ng-container>
29             <ng-container *ngIf="isArray(evt.payload)">
30               <!-- Array of new-style copy alerts in payload -->
31               <div class="mt-2 font-weight-bold" *ngFor="let alert of evt.payload">
32                 <div>{{alert.alert_type().name()}}</div>
33                 <div>{{alert.note()}}</div>
34               </div>
35             </ng-container>
36           </ng-container>
37           <ng-container *ngIf="evt.textcode === 'ITEM_ON_HOLDS_SHELF'">
38             <a target="_blank" class="mt-3"
39               routerLink="/staff/circ/patron/{{patronId}}/checkout">{{patronName}}</a>.
40
41             <div class="mt-3 mb-3">
42               <div class="form-check form-check-inline">
43                 <input class="form-check-input" type="checkbox" 
44                   id="clear-hold-cbox" [(ngModel)]="clearHold"/>
45                 <label class="form-check-label" for="clear-hold-cbox" i18n>
46                   Cancel this hold upon checkout?
47                 </label>
48               </div>
49             </div>
50
51           </ng-container>
52         </div>
53       </div>
54     </ng-container>
55   </div>
56   <div class="modal-footer">
57     <button type="button" class="btn btn-info"
58       (click)="close({override: true, clearHold: clearHold})" i18n>
59       Force Action?</button>
60     <button type="button" class="btn btn-warning"
61       (click)="close(false)" i18n>Cancel</button>
62   </div>
63 </ng-template>