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

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