generic-control-elements-component.component.html
5886a1922579master

generic-control-elements-component.component.html
View Options

			<div *ngIf="this.initialSettings">
			<p></p>
			<mat-accordion multi= this.initialSettings.multiToggle >
			<mat-expansion-panel *ngFor="let group of this.initialSettings.controlElementGroups"
			[(expanded)] = group.pannelOpenState>
			<mat-expansion-panel-header *ngIf="this.evaluateDisplayOption(group.condition)">
			{{group.description}}
			</mat-expansion-panel-header>
			<div *ngIf="this.evaluateDisplayOption(group.condition)">
			<div *ngFor= "let controlElement of group.controlElements">
			<div *ngIf="this.evaluateDisplayOption(controlElement.condition)">
			<h4>{{controlElement.description}}</h4>
			<div *ngIf="controlElement.type === 'select'">
			<app-select-component [controlElement]="controlElement" [label] = group.label></app-select-component>
			</div>
			<div *ngIf="controlElement.type === 'radio'">
			<app-radio-component [controlElement]="controlElement" [label]="group.label"></app-radio-component>
			</div>
			<div *ngIf="controlElement.type === 'checkbox'">
			<app-checkbox-component [controlElement]="controlElement" [label]="group.label"></app-checkbox-component>
			</div>
			<div *ngIf="controlElement.type === 'input'">
			<!--<mat-form-field>
			<input type="text"
			placeholder="enter value"
			aria-label="Number"
			matInput
			[formControl]="myControl"
			[matAutocomplete]="auto">
			<mat-autocomplete #auto="matAutocomplete">
			<mat-option *ngFor="let option of filteredOptions \| async" [value]="option">
			{{option}}
			</mat-option>
			</mat-autocomplete>
			</mat-form-field> -->
			</div>
			</div>
			</div>
			</div>
			</mat-expansion-panel>
			</mat-accordion>
			</div>