]> git.evergreen-ils.org Git - Evergreen.git/blob - Open-ILS/src/eg2/src/app/staff/admin/server/perm-group-map-dialog.component.html
LP1823981 Angular Permission Group Tree Admin UI
[Evergreen.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="close" 
5       i18n-aria-label aria-label="Close" 
6       (click)="close()">
7       <span aria-hidden="true">&times;</span>
8     </button>
9   </div>
10   <div class="modal-body">
11     <div class="row">
12       <div class="col-lg-5" i18n>Permission Group</div>
13       <div class="col-lg-7">{{permGroup.name()}}</div>
14     </div>
15     <div class="row mt-1 pt-1">
16       <div class="col-lg-5" i18n>New Permission</div>
17       <div class="col-lg-7">
18         <eg-combobox [asyncDataSource]="permEntries"
19           (onChange)="perm = $event ? $event.id : null">
20         </eg-combobox>
21       </div>
22     </div>
23     <div class="row mt-1 pt-1">
24       <div class="col-lg-5" i18n>Depth</div>
25       <div class="col-lg-7">
26         <select [(ngModel)]="depth" class="p-1">
27           <option *ngFor="let d of orgDepths" value="{{d}}">{{d}}</option>
28         </select>
29       </div>
30     </div>
31     <div class="row mt-1 pt-1">
32       <div class="col-lg-5" i18n>Grantable</div>
33       <div class="col-lg-7">
34         <input type="checkbox" [(ngModel)]="grantable"/>
35       </div>
36     </div>
37   </div>
38   <div class="modal-footer">
39     <button type="button" class="btn btn-success" 
40       (click)="create()" i18n>Create</button>
41     <button type="button" class="btn btn-warning" 
42       (click)="close()" i18n>Cancel</button>
43   </div>
44 </ng-template>