LP2000482 Angular 15 and Bootstrap 5 upgrade
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / circ / patron / secondary-groups.component.html
1 <eg-string #successMsg text="Successfully Added Group" i18n-text></eg-string>
2 <eg-string #errorMsg text="Failed To Add Group" i18n-text></eg-string>
3
4 <ng-template #dialogContent>
5   <div class="modal-header bg-info">
6     <h4 class="modal-title" i18n>Secondary Permission Groups</h4>
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     <h5 i18n>
12       Assign additional permission groups to users here. 
13       This does not affect circulation policy.
14     </h5>
15
16     <div class="row mt-2">
17       <div class="col-lg-6 fw-bold" i18n>Group</div>
18       <div class="col-lg-6 fw-bold" i18n>Action</div>
19     </div>
20
21     <div class="row mt-2" *ngFor="let grp of secondaryGroups">
22       <div class="col-lg-6">{{grp.name()}}</div>
23       <div class="col-lg-6">
24         <button class="btn btn-danger" *ngIf="!grp.isdeleted()"
25           (click)="grp.isdeleted(true)" i18n>Remove</button>
26         <button class="btn btn-info" *ngIf="grp.isdeleted()"
27           (click)="grp.isdeleted(false)" i18n>Un-Delete</button>
28       </div>
29     </div>
30
31     <div class="row mt-2" *ngFor="let grp of pendingGroups">
32       <div class="col-lg-6">{{grp.name()}}</div>
33       <div class="col-lg-6">
34         <button class="btn btn-warning" 
35           (click)="removePending(grp)" i18n>Remove Pending</button>
36       </div>
37     </div>
38
39     <div class="row mt-2">
40       <div class="col-lg-6">
41         <eg-profile-select [(ngModel)]="selectedProfile"></eg-profile-select>  
42       </div>
43       <div class="col-lg-6">
44         <button class="btn btn-success" (click)="add()" i18n>Add</button>
45       </div>
46     </div>
47   </div>
48   <div class="modal-footer">
49     <button type="button" class="btn btn-success"
50       (click)="applyChanges()" i18n>Apply Changes</button>
51     <button type="button" class="btn btn-warning"
52       (click)="close()" i18n>Cancel</button>
53   </div>
54 </ng-template>