]>
Commit | Line | Data |
---|---|---|
9f95a23c TL |
1 | <fieldset #cfgFormGroup |
2 | [formGroup]="form.get('configuration')"> | |
11fdf7f2 TL |
3 | <legend i18n>RBD Configuration</legend> |
4 | ||
9f95a23c TL |
5 | <div *ngFor="let section of rbdConfigurationService.sections" |
6 | class="col-12"> | |
f38dd50b | 7 | <h5 class="cd-header"> |
9f95a23c TL |
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> | |
f38dd50b | 13 | </h5> |
9f95a23c TL |
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> | |
11fdf7f2 | 20 | |
9f95a23c | 21 | <div class="cd-col-form-input {{ section.heading }}"> |
11fdf7f2 TL |
22 | <div class="input-group"> |
23 | <ng-container [ngSwitch]="option.type"> | |
24 | <ng-container *ngSwitchCase="configurationType.milliseconds"> | |
9f95a23c TL |
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> | |
11fdf7f2 TL |
32 | </ng-container> |
33 | <ng-container *ngSwitchCase="configurationType.bps"> | |
9f95a23c TL |
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> | |
11fdf7f2 TL |
42 | </ng-container> |
43 | <ng-container *ngSwitchCase="configurationType.iops"> | |
9f95a23c TL |
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> | |
11fdf7f2 TL |
51 | </ng-container> |
52 | </ng-container> | |
39ae355f TL |
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> | |
11fdf7f2 | 63 | </div> |
9f95a23c TL |
64 | <span i18n |
65 | class="invalid-feedback" | |
f67539c2 | 66 | *ngIf="form.showError('configuration.' + option.name, cfgFormGroup, 'min')">The minimum value is 0</span> |
11fdf7f2 TL |
67 | </div> |
68 | </div> | |
69 | </div> | |
70 | </div> | |
71 | ||
72 | </fieldset> |