git.apps.os.sepia.ceph.com Git - ceph.git/blob

   1 <cd-modal>
   2   <ng-container class="modal-title"
   3                 i18n>Advanced Settings</ng-container>
   4
   5   <ng-container class="modal-content">
   6     <form name="settingsForm"
   7           class="form"
   8           #formDir="ngForm"
   9           [formGroup]="settingsForm"
  10           novalidate>
  11       <div class="modal-body">
  12         <p class="alert-warning"
  13            i18n>Changing these parameters from their default values is usually not necessary.</p>
  14
  15         <div class="form-group row"
  16              *ngFor="let setting of settingsForm.controls | keyvalue"
  17              [ngClass]="{'has-error': settingsForm.showError(setting.key, formDir)}">
  18           <div class="col-sm-12">
  19             <label class="control-label"
  20                    for="{{ setting.key }}">{{ setting.key }}</label>
  21             <input class="form-control"
  22                    *ngIf="!isRadio(setting.key)"
  23                    type="number"
  24                    [formControlName]="setting.key">
  25
  26             <ng-container *ngIf="isRadio(setting.key)">
  27               <br>
  28               <div class="radio radio-inline">
  29                 <input type="radio"
  30                        [id]="setting.key + 'Yes'"
  31                        value="Yes"
  32                        [formControlName]="setting.key">
  33                 <label [for]="setting.key + 'Yes'">Yes</label>
  34               </div>
  35               <div class="radio radio-inline">
  36                 <input type="radio"
  37                        [id]="setting.key + 'No'"
  38                        value="No"
  39                        [formControlName]="setting.key">
  40                 <label [for]="setting.key + 'No'">No</label>
  41               </div>
  42             </ng-container>
  43
  44             <span class="help-block">{{ helpText[setting.key]?.help }}</span>
  45           </div>
  46         </div>
  47       </div>
  48
  49       <div class="modal-footer">
  50         <div class="button-group text-right">
  51           <cd-submit-button i18n
  52                             [form]="settingsForm"
  53                             (submitAction)="save()">Confirm</cd-submit-button>
  54           <button i18n
  55                   type="button"
  56                   class="btn btn-sm btn-default"
  57                   (click)="modalRef.hide()">Cancel</button>
  58         </div>
  59       </div>
  60     </form>
  61   </ng-container>
  62 </cd-modal>