ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-configuration-form/rbd-configuration-form.component.html

   1 <fieldset #cfgFormGroup [formGroup]="form.get('configuration')">
   2   <legend i18n>RBD Configuration</legend>
   3
   4   <div *ngFor="let section of rbdConfigurationService.sections">
   5     <h3 class="page-header">
   6       <span
   7         (click)="toggleSectionVisibility(section.class)"
   8         class="collapsible">{{ section.heading }} <i [ngClass]="{'fa-plus-circle': !sectionVisibility[section.class], 'fa-minus-circle': sectionVisibility[section.class]}" class="fa" aria-hidden="true"></i></span>
   9     </h3>
  10     <div class="{{ section.class }}" [hidden]="!sectionVisibility[section.class]">
  11       <div
  12         class="form-group"
  13         *ngFor="let option of section.options"
  14         [ngClass]="{'has-error': form.showError('configuration.' + option.name, cfgFormGroup)}">
  15         <label
  16           class="control-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-btn">
  55               <button
  56                 class="btn btn-default"
  57                 type="button"
  58                 data-toggle="button"
  59                 [ngClass]="{'active': isDisabled(option.name)}"
  60                 tooltip="Remove the local configuration value. The parent configuration value will be inherited and used instead."
  61                 containerClass="tooltip-wide"
  62                 [delay]="1000"
  63                 i18n-tooltip
  64                 (click)="reset(option.name)">
  65                 <i class="fa fa-eraser"
  66                    aria-hidden="true"></i>
  67               </button>
  68             </span>
  69           </div>
  70           <span
  71             i18n
  72             class="help-block"
  73             *ngIf="form.showError('configuration.' + option.name, cfgFormGroup, 'min')">The mininum value is 0</span>
  74         </div>
  75       </div>
  76     </div>
  77   </div>
  78
  79 </fieldset>