1 | <ng-container [ngSwitch]="field.controlType" [formGroup]="form">
|
2 |
|
3 | <ng-container *ngSwitchCase="'dropdown'">
|
4 | <mat-form-field class="form-field-container dropdown">
|
5 | <mat-select class="test-class" matInput [formControlName]="field.id" [id]="field.id" [placeholder]="field.getLabel()">
|
6 | <mat-option *ngFor="let option of field.options" [value]="option">{{ option.label }}</mat-option>
|
7 | </mat-select>
|
8 | </mat-form-field>
|
9 | <div *ngIf="field.description" class="hint-description">{{ field.description }}</div>
|
10 | </ng-container>
|
11 |
|
12 | <ng-container *ngSwitchCase="'textbox'">
|
13 | <mat-form-field class="form-field-container">
|
14 | <input [type]="field.textboxType" [id]="field.id" [formControlName]="field.id" matInput [placeholder]="field.getLabel()">
|
15 | </mat-form-field>
|
16 | <div class="hint-description" *ngIf="field.description">{{ field.description }}</div>
|
17 | </ng-container>
|
18 |
|
19 | <ng-container *ngSwitchCase="'checkbox'">
|
20 | <div class="form-field-container checkbox">
|
21 | <mat-checkbox [formControlName]="field.id" [id]="field.id" ngControlDefault></mat-checkbox>
|
22 | <div class="checkbox-placeholder"> {{field.label}}</div>
|
23 | </div>
|
24 | <div class="hint-description checkbox-description" *ngIf="field.description">{{ field.description }}</div>
|
25 | </ng-container>
|
26 |
|
27 | <ng-container *ngSwitchCase="'textarea'">
|
28 | <mat-form-field class="form-field-container">
|
29 | <textarea matInput [formControlName]="field.id" [placeholder]="field.getLabel()" [id]="field.id"></textarea>
|
30 | </mat-form-field>
|
31 | <div class="hint-description textarea-description" *ngIf="field.description">{{ field.description }}</div>
|
32 | </ng-container>
|
33 |
|
34 | <ng-container *ngSwitchCase="'file'">
|
35 | <div class="form-field-container">
|
36 | <file-group-uploader [uploadUrl]="field.uploadUrl" [label]="field.label" [description]="field.description" [formGroup]="form" [formControlName]="field.id"
|
37 | [numFiles]="field.numFiles" class="form-field-container"></file-group-uploader>
|
38 | </div>
|
39 | </ng-container>
|
40 |
|
41 | </ng-container>
|