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

   1 <fieldset #cfgFormGroup [formGroup]="form.get('configuration')">
   2   <legend i18n>RBD Configuration</legend>
   3
   4   <div *ngFor="let section of rbdConfigurationService.sections" class="col-12">
   5     <h3 class="cd-header">
   6       <span
   7         (click)="toggleSectionVisibility(section.class)"
   8         class="collapsible">{{ section.heading }} <i [ngClass]="!sectionVisibility[section.class] ? icons.addCircle : icons.minusCircle" aria-hidden="true"></i></span>
   9     </h3>
  10     <div class="{{ section.class }}" [hidden]="!sectionVisibility[section.class]">
  11       <div
  12         class="form-group row"
  13         *ngFor="let option of section.options"
  14         [ngClass]="{':invalid': form.showError('configuration.' + option.name, cfgFormGroup)}">
  15         <label
  16           class="col-form-label col-sm-3"
  17           [for]="option.name">{{ option.displayName }}<cd-helper>{{ option.description }}</cd-helper></label>
  18
  19         <div class="col-sm-9 {{ section.heading }}">
  20           <div class="input-group">
  21             <ng-container [ngSwitch]="option.type">
  22               <ng-container *ngSwitchCase="configurationType.milliseconds">
  23                 <input
  24                   [id]="option.name"
  25                   [name]="option.name"
  26                   [formControlName]="option.name"
  27                   type="text"
  28                   class="form-control"
  29                   [ngDataReady]="ngDataReady"
  30                   cdMilliseconds>
  31               </ng-container>
  32               <ng-container *ngSwitchCase="configurationType.bps">
  33                 <input
  34                   [id]="option.name"
  35                   [name]="option.name"
  36                   [formControlName]="option.name"
  37                   type="text"
  38                   class="form-control"
  39                   defaultUnit="b"
  40                   [ngDataReady]="ngDataReady"
  41                   cdDimlessBinaryPerSecond>
  42               </ng-container>
  43               <ng-container *ngSwitchCase="configurationType.iops">
  44                 <input
  45                   [id]="option.name"
  46                   [name]="option.name"
  47                   [formControlName]="option.name"
  48                   type="text"
  49                   class="form-control"
  50                   [ngDataReady]="ngDataReady"
  51                   cdIops>
  52               </ng-container>
  53             </ng-container>
  54             <span class="input-group-append">
  55               <button
  56                 class="btn btn-light"
  57                 type="button"
  58                 data-toggle="button"
  59                 [ngClass]="{'active': isDisabled(option.name)}"
  60                 title="Remove the local configuration value. The parent configuration value will be inherited and used instead."
  61                 i18n-title
  62                 (click)="reset(option.name)">
  63                 <i [ngClass]="[icons.erase]"
  64                    aria-hidden="true"></i>
  65               </button>
  66             </span>
  67           </div>
  68           <span
  69             i18n
  70             class="form-text text-muted"
  71             *ngIf="form.showError('configuration.' + option.name, cfgFormGroup, 'min')">The mininum value is 0</span>
  72         </div>
  73       </div>
  74     </div>
  75   </div>
  76
  77 </fieldset>