options-component.component.html
b182f70473a1master

options-component.component.html
View Options

			<h3>Options</h3>
			<mat-accordion>
			<mat-expansion-panel *ngFor="let settingsGroup of this.initialSettings.settings">
			<mat-expansion-panel-header>
			<mat-panel-title>
			{{settingsGroup.label}}
			</mat-panel-title>
			</mat-expansion-panel-header>
			<div *ngFor= "let setting of settingsGroup.entries, let i =index">
			<!-- select -->
			<div *ngIf="setting.type === 'select' && this.evaluateDisplayOption(setting.condition)">
			<div>{{setting.description}}</div>
			<mat-form-field>
			<mat-select [(ngModel)]="setting.value" (selectionChange)="onSelectValueChange(settingsGroup.label, setting)">
			<mat-option *ngFor="let option of setting.options" [(value)]="option.id">{{option.description}}</mat-option>
			</mat-select>
			</mat-form-field>
			</div>
			<!-- radio -->
			<div *ngIf="setting.type === 'radio' && this.evaluateDisplayOption(setting.condition)">
			<div>{{setting.description}}</div>
			<mat-radio-group [(ngModel)]="setting.value" (change)="onSelectValueChange(settingsGroup.label, setting)">
			<div *ngFor="let option of setting.options">
			<mat-radio-button
			[checked]="setting.value === option.id"
			[(value)]="option.id">{{option.description}}</mat-radio-button>
			</div>
			</mat-radio-group>
			</div>
			</div>
			</mat-expansion-panel>
			</mat-accordion>