LP2000482 Angular 15 and Bootstrap 5 upgrade
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / share / patron / merge-dialog.component.html
1 <ng-template #dialogContent>
2   <div class="modal-header bg-info">
3     <h4 class="modal-title"><span i18n>Merge Patrons</span></h4>
4     <button type="button" class="btn-close btn-close-white" 
5       i18n-aria-label aria-label="Close" (click)="close()"></button>
6   </div>
7   <div class="modal-body">
8     <div class="row" *ngIf="loading">
9       <div class="col-lg-6 offset-lg-3">
10         <eg-progress-inline></eg-progress-inline>
11       </div>
12     </div>
13     <div class="row" *ngIf="!loading">
14       <div class="col-lg-6">
15         <div>
16           <div class="form-check form-check-inline">
17             <input class="form-check-input" type="radio" name="lead" id="lead-record-1"
18               [value]="summary1.patron.id()" [(ngModel)]="leadAccount">
19             <label class="form-label form-check-label" for="lead-record-1">Use as Lead?</label>
20           </div>
21         </div>
22         <eg-patron-summary [summary]="summary1"></eg-patron-summary>  
23       </div>
24       <div class="col-lg-6">
25         <div>
26           <div class="form-check form-check-inline">
27             <input class="form-check-input" type="radio" name="lead" id="lead-record-2" 
28               [value]="summary2.patron.id()" [(ngModel)]="leadAccount">
29             <label class="form-label form-check-label" for="lead-record-2">Use as Lead?</label>
30           </div>
31         </div>
32         <eg-patron-summary [summary]="summary2"></eg-patron-summary>  
33       </div>
34     </div>
35   </div>
36   <div class="modal-footer">
37     <ng-container>
38       <button type="button" class="btn btn-success" 
39         [disabled]="!leadAccount" (click)="merge()" i18n>Merge</button>
40       <button type="button" class="btn btn-warning" 
41         (click)="close()" i18n>Cancel</button>
42     </ng-container>
43   </div>
44 </ng-template>
45