Open-ILS/src/eg2/src/app/staff/admin/local/org-unit-settings/edit-org-unit-setting-dialog.component.html

   1 <ng-template #dialogContent>
   2   <div class="modal-header bg-info">
   3     <h4 class="modal-title" i18n>Edit Setting</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 justify-content-center">
   9       <div class="col">
  10         <h5 i18n>{{entry.label}}</h5>
  11       </div>
  12     </div>
  13     <div class="row justify-content-center">
  14         <div class="col">
  15             <span i18n [innerHTML]="entry.description"></span>
  16         </div>
  17     </div>
  18     <div class="row mt-3">
  19         <div class="col-md-6">
  20             <div class="input-group">
  21               <div class="input-group-text" i18n>Context</div>
  22               <eg-org-select [initialOrg]="entryContext"
  23                   (onChange)="entryContext = $event"></eg-org-select>
  24             </div>
  25         </div>
  26     </div>
  27     <div class="row mt-2">
  28         <div class="col-md-6">
  29             <ng-container [ngSwitch]="inputType()">
  30
  31               <ng-container *ngSwitchCase="'integer'">
  32                 <div class="input-group">
  33                     <label class="form-label input-group-text" for="entryValue" i18n>Value</label>
  34                     <input
  35                       class="form-control" type="number"
  36                       name="entryValue" id="entryValue"
  37                       placeholder="Input a numerical value"
  38                       i18n-placeholder
  39                       [(ngModel)]="entryValue"/>
  40                 </div>
  41               </ng-container>
  42               <ng-container *ngSwitchCase="'currency'">
  43                 <div class="input-group">
  44                     <div class="input-group-text" i18n>Value</div>
  45                     <div class="input-group-text" i18n>$</div>
  46                     <input
  47                       class="form-control" type="number"
  48                       step="0.01"
  49                       name="entryValue"
  50                       placeholder="Input a monetary value"
  51                       i18n-placeholder
  52                       [(ngModel)]="entryValue"/>
  53                 </div>
  54               </ng-container>
  55               <ng-container *ngSwitchCase="'string'">
  56                 <div class="input-group">
  57                     <div class="input-group-text" i18n>Value</div>
  58                     <input
  59                       class="form-control" type="text"
  60                       name="entryValue"
  61                       placeholder="Input a value"
  62                       i18n-placeholder
  63                       [(ngModel)]="entryValue"/>
  64                 </div>
  65               </ng-container>
  66               <ng-container *ngSwitchCase="'interval'">
  67                 <div class="input-group">
  68                     <div class="input-group-text" i18n>Value</div>
  69                     <input
  70                       class="form-control" type="text"
  71                       name="entryValue"
  72                       placeholder="e.g. 1 day, 4 months"
  73                       i18n-placeholder
  74                       [(ngModel)]="entryValue"/>
  75                 </div>
  76               </ng-container>
  77               <ng-container *ngSwitchCase="'bool'">
  78                 <div class="input-group">
  79                     <div class="input-group-text" i18n>Value</div>
  80                     <select
  81                       class="form-select" name="entryValue"
  82                       placeholder="True or False" i18n-placeholder
  83                       [(ngModel)]="entryValue">
  84                       <option value='true' i18n>True</option>
  85                       <option value='false' i18n>False</option>
  86                     </select>
  87                 </div>
  88               </ng-container>
  89               <ng-container *ngSwitchCase="'array'">
  90                 <div class="input-group">
  91                     <div class="input-group-text" i18n>Value</div>
  92                     <input
  93                       class="form-control" type="text"
  94                       name="entryValue"
  95                       placeholder="Input a comma-separated list..."
  96                       i18n-placeholder
  97                       [(ngModel)]="entryValue"/>
  98                 </div>
  99               </ng-container>
 100               <ng-container *ngSwitchCase="'link'">
 101                 <div class="input-group">
 102                     <div class="input-group-text" i18n>Value</div>
 103                       <ng-container [ngSwitch]="entry.fmClass">
 104                         <ng-container *ngSwitchCase="'acpl'">
 105                           <eg-item-location-select [permFilter]="entry.view_perm"
 106                             [contextOrgId]="entryContext" (valueChange)="setInputValue($event ? $event.id() : null)">
 107                           </eg-item-location-select>
 108                         </ng-container>
 109                         <ng-container *ngSwitchDefault>
 110                           <eg-combobox placeholder="Select a value" [idlClass]="entry.fmClass" idlField="name"
 111                             [asyncSupportsEmptyTermClick]="true" [displayTemplate]="fmClassLabel"
 112                             (onChange)="setInputValue($event ? $event.id : null)">
 113                           </eg-combobox>
 114                         </ng-container>
 115                       </ng-container><!-- fmClass ngSwitch -->
 116                 </div>
 117               </ng-container>
 118
 119             </ng-container> <!-- input type ngSwitch -->
 120         </div>
 121     </div>
 122   </div>
 123   <div class="modal-footer">
 124     <button type="button" class="btn btn-success"
 125       (click)="update()" i18n>Update Setting</button>
 126     <button type="button" class="btn btn-warning"
 127       (click)="delete()" i18n>Delete Setting</button>
 128   </div>
 129 </ng-template>
 130
 131 <ng-template #fmClassLabel let-r="result" i18n>
 132   {{r.label}}
 133 </ng-template>