LP2000482 Angular 15 and Bootstrap 5 upgrade
[evergreen-equinox.git] / Open-ILS / src / eg2 / src / app / staff / admin / server / perm-group-map-dialog.component.html
1 <ng-template #dialogContent>
2   <div class="modal-header bg-info">
3     <h4 class="modal-title" i18n>Add New Permission Group Mapping</h4>
4     <button type="button" class="btn-close btn-close-white" 
5       i18n-aria-label aria-label="Close" 
6       (click)="close()"></button>
7   </div>
8   <div class="modal-body">
9     <div class="row">
10       <div class="col-lg-5" i18n>Permission Group</div>
11       <div class="col-lg-7">{{permGroup.name()}}</div>
12     </div>
13     <div class="row mt-1 pt-1">
14       <div class="col-lg-5" i18n>New Permission</div>
15       <div class="col-lg-7">
16         <eg-combobox [asyncDataSource]="permEntries"
17           (onChange)="perm = $event ? $event.id : null">
18         </eg-combobox>
19       </div>
20     </div>
21     <div class="row mt-1 pt-1">
22       <div class="col-lg-5" i18n>Depth</div>
23       <div class="col-lg-7">
24         <select [(ngModel)]="depth" class="p-1">
25           <option *ngFor="let d of orgDepths" value="{{d}}">{{d}}</option>
26         </select>
27       </div>
28     </div>
29     <div class="row mt-1 pt-1">
30       <div class="col-lg-5" i18n>Grantable</div>
31       <div class="col-lg-7">
32         <input type="checkbox" [(ngModel)]="grantable"/>
33       </div>
34     </div>
35   </div>
36   <div class="modal-footer">
37     <button type="button" class="btn btn-success" 
38       (click)="create()" i18n>Create</button>
39     <button type="button" class="btn btn-warning" 
40       (click)="close()" i18n>Cancel</button>
41   </div>
42 </ng-template>