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     <h5 class="cd-header">
   7       <legend (click)="toggleSectionVisibility(section.class)"
   8               class="collapsible">
   9         {{ section.heading }} <i [ngClass]="!sectionVisibility[section.class] ? icons.addCircle : icons.minusCircle"
  10                                  aria-hidden="true"></i>
  11       </legend>
  12     </h5>
  13     <div class="{{ section.class }}"
  14          [hidden]="!sectionVisibility[section.class]">
  15       <div class="form-item"
  16            *ngFor="let option of section.options">
  17         <cds-text-label [helperText]="option.description"
  18                         [invalid]="form.get('configuration').controls[option.name].invalid && (form.get('configuration').controls[option.name].dirty || form.get('configuration').controls[option.name].touched)"
  19                         [invalidText]="formError">
  20           {{ option.displayName }}
  21
  22           <div class="cds-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                        cdsText
  30                        [ngDataReady]="ngDataReady"
  31                        [invalid]="form.get('configuration').controls[option.name].invalid && (form.get('configuration').controls[option.name].dirty || form.get('configuration').controls[option.name].touched)"
  32                        cdMilliseconds>
  33               </ng-container>
  34               <ng-container *ngSwitchCase="configurationType.bps">
  35                 <input [id]="option.name"
  36                        [name]="option.name"
  37                        [formControlName]="option.name"
  38                        type="text"
  39                        cdsText
  40                        defaultUnit="b"
  41                        [ngDataReady]="ngDataReady"
  42                        [invalid]="form.get('configuration').controls[option.name].invalid && (form.get('configuration').controls[option.name].dirty || form.get('configuration').controls[option.name].touched)"
  43                        cdDimlessBinaryPerSecond>
  44               </ng-container>
  45               <ng-container *ngSwitchCase="configurationType.iops">
  46                 <input [id]="option.name"
  47                        [name]="option.name"
  48                        [formControlName]="option.name"
  49                        type="text"
  50                        cdsText
  51                        [ngDataReady]="ngDataReady"
  52                        [invalid]="form.get('configuration').controls[option.name].invalid && (form.get('configuration').controls[option.name].dirty || form.get('configuration').controls[option.name].touched)"
  53                        cdIops>
  54               </ng-container>
  55             </ng-container>
  56             <cds-icon-button kind="ghost"
  57                              size="md"
  58                              (click)="reset(option.name)"
  59                              data-toggle="button">
  60               <svg cdsIcon="close"
  61                    size="32"
  62                    class="cds--btn__icon"
  63                    *ngIf="!form.get('configuration').get(option.name).disabled; else resetIcon"></svg>
  64               <ng-template #resetIcon>
  65                 <svg cdsIcon="reset"
  66                      size="32"
  67                      class="cds--btn__icon"
  68                      *ngIf="form.get('configuration').get(option.name).disabled"></svg>
  69               </ng-template>
  70             </cds-icon-button>
  71             <ng-template #formError>
  72               <span class="invalid-feedback"
  73                     *ngIf="form.showError('configuration.' + option.name, cfgFormGroup, 'min')"
  74                     i18n>The minimum value is 0.</span>
  75             </ng-template>
  76           </div>
  77         </cds-text-label>
  78       </div>
  79     </div>
  80   </div>
  81 </fieldset>