Added switch to be able to check the form behaviour (#6177)

Co-authored-by: Vito Albano <vitoalbano@vitoalbano-mbp-0120.local>
This commit is contained in:
Vito 2020-09-28 16:23:40 +01:00 committed by GitHub
parent 1abdf07d4f
commit 302482945c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 3 deletions

View File

@ -6,6 +6,7 @@
<adf-form <adf-form
[showRefreshButton]="false" [showRefreshButton]="false"
[form]="form" [form]="form"
[enableFixedSpacedForm]="keepPrefixedSpace"
(formError)="logErrors($event)"> (formError)="logErrors($event)">
</adf-form> </adf-form>
</div> </div>
@ -47,6 +48,11 @@
</div> </div>
</mat-tab> </mat-tab>
<mat-tab label="Options">
<mat-slide-toggle [checked]="keepPrefixedSpace" (change)="togglePrefixedSpace()" >
Keep prefixed space for hidden field
</mat-slide-toggle>
</mat-tab>
</mat-tab-group> </mat-tab-group>
</div> </div>

View File

@ -38,6 +38,7 @@ export class FormComponent implements OnInit, OnDestroy {
errorFields: FormFieldModel[] = []; errorFields: FormFieldModel[] = [];
formConfig: string; formConfig: string;
editor: any; editor: any;
keepPrefixedSpace = true;
editorOptions = { editorOptions = {
theme: 'vs-dark', theme: 'vs-dark',
@ -85,7 +86,7 @@ export class FormComponent implements OnInit, OnDestroy {
} }
parseForm() { parseForm() {
this.form = this.formService.parseForm(JSON.parse(this.formConfig)); this.form = this.formService.parseForm(JSON.parse(this.formConfig), null, false, this.keepPrefixedSpace);
} }
onSaveFormConfig() { onSaveFormConfig() {
@ -113,4 +114,8 @@ export class FormComponent implements OnInit, OnDestroy {
$event.target.value = ''; $event.target.value = '';
} }
togglePrefixedSpace() {
this.keepPrefixedSpace = !this.keepPrefixedSpace;
}
} }

View File

@ -68,7 +68,7 @@ export class InMemoryFormService extends FormService {
}); });
} }
parseForm(json: any, data?: FormValues, readOnly: boolean = false): FormModel { parseForm(json: any, data?: FormValues, readOnly: boolean = false, prefixedSpace: boolean = true): FormModel {
if (json) { if (json) {
const flattenForm = { const flattenForm = {
...json.formRepresentation, ...json.formRepresentation,
@ -81,7 +81,7 @@ export class InMemoryFormService extends FormService {
formValues[variable.name] = variable.value; formValues[variable.name] = variable.value;
}); });
const form = new FormModel(flattenForm, formValues, readOnly, this); const form = new FormModel(flattenForm, formValues, readOnly, this, prefixedSpace);
if (!json.fields) { if (!json.fields) {
form.outcomes = [ form.outcomes = [
new FormOutcomeModel(<any> form, { new FormOutcomeModel(<any> form, {