Open-ILS/src/eg2/src/app/staff/admin/server/perm-group-map-dialog.component.html

   1 <ng-template #dialogContent>
   2   <div class="modal-header">
   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">
  15         <label for="select-perms" i18n>New Permission</label>
  16       </div>
  17       <div class="col-lg-7">
  18         <input type="text" id="select-perms" #selectPerms
  19           [ngbTypeahead]="permEntries"
  20           [inputFormatter]="permEntriesFormatter"
  21           [resultFormatter]="permEntriesFormatter"
  22           [editable]="false"
  23           (selectItem)="select($event); selectPerms.value=''">
  24       </div>
  25     </div>
  26     <ng-container *ngFor="let map of newPermMaps.controls; let i = index">
  27       <ng-container [formGroup]="map">
  28         <hr>
  29         <div class="row mt-1 pt-1">
  30           <div class="col-lg-12">
  31             <h5 i18n>{{map.controls.label.value}}</h5>
  32           </div>
  33         </div>
  34         <div class="row row-cols-5 mt-1 pt-1">
  35           <div class="col">
  36             <label [attr.for]="'depth-'+map.controls.id.value"
  37               i18n>Depth
  38             </label>
  39           </div>
  40           <div class="col">
  41             <select formControlName="depth" class="p-1"
  42               id="depth-{{map.controls.id.value}}">
  43               <option *ngFor="let d of orgDepths" value="{{d}}">{{d}}</option>
  44             </select>
  45           </div>
  46           <div class="col">
  47             <label [attr.for]="'grantable-'+map.controls.id.value"
  48               i18n>Grantable
  49             </label>
  50           </div>
  51           <div class="col">
  52             <input type="checkbox" formControlName="grantable"
  53               id="grantable-{{map.controls.id.value}}">
  54           </div>
  55           <div class="col">
  56             <button type="button" class="btn btn-danger"
  57               (click)="remove(i)"
  58               i18n>Remove
  59             </button>
  60           </div>
  61         </div>
  62       </ng-container>
  63     </ng-container>
  64   </div>
  65   <div class="modal-footer">
  66     <button type="button" class="btn btn-success"
  67       [disabled]="!selectedPermEntries.length"
  68       (click)="onCreate.next()" i18n>Create</button>
  69     <button type="button" class="btn btn-normal"
  70       (click)="close()" i18n>Cancel</button>
  71   </div>
  72 </ng-template>