ngx-techlify-core 18.48.0 → 18.48.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/form-configuration/form-configuration-field-form/form-configuration-field-form.component.mjs +28 -27
- package/esm2022/lib/form-configuration/form-configuration-for-form/form-configuration-for-form.component.mjs +5 -6
- package/fesm2022/ngx-techlify-core.mjs +22 -19
- package/fesm2022/ngx-techlify-core.mjs.map +1 -1
- package/lib/form-configuration/form-configuration-field-form/form-configuration-field-form.component.d.ts +8 -7
- package/lib/form-configuration/form-configuration-for-form/form-configuration-for-form.component.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,43 +1,44 @@
|
|
|
1
1
|
import { Component } from '@angular/core';
|
|
2
|
+
import { finalize, switchMap } from 'rxjs';
|
|
2
3
|
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "
|
|
4
|
-
import * as i2 from "
|
|
4
|
+
import * as i1 from "../form-configuration-form.service";
|
|
5
|
+
import * as i2 from "@angular/router";
|
|
5
6
|
import * as i3 from "../form-configuration-form-field.service";
|
|
6
7
|
import * as i4 from "@angular/common";
|
|
7
|
-
import * as i5 from "@angular/
|
|
8
|
-
import * as i6 from "@angular/material/
|
|
9
|
-
import * as i7 from "@angular/material/
|
|
10
|
-
import * as i8 from "@angular/
|
|
11
|
-
import * as i9 from "@angular/material/progress-bar";
|
|
12
|
-
import * as i10 from "@angular/material/slide-toggle";
|
|
13
|
-
import * as i11 from "@angular/flex-layout/flex";
|
|
8
|
+
import * as i5 from "@angular/material/card";
|
|
9
|
+
import * as i6 from "@angular/material/progress-bar";
|
|
10
|
+
import * as i7 from "@angular/material/slide-toggle";
|
|
11
|
+
import * as i8 from "@angular/flex-layout/flex";
|
|
14
12
|
export class FormConfigurationFieldFormComponent {
|
|
15
|
-
constructor(
|
|
16
|
-
this.activatedRoute = activatedRoute;
|
|
13
|
+
constructor(formConfigurationFormService, activatedRoute, formConfigurationFormFieldService) {
|
|
17
14
|
this.formConfigurationFormService = formConfigurationFormService;
|
|
15
|
+
this.activatedRoute = activatedRoute;
|
|
18
16
|
this.formConfigurationFormFieldService = formConfigurationFormFieldService;
|
|
17
|
+
this.isWorking = false;
|
|
19
18
|
}
|
|
20
19
|
ngOnInit() {
|
|
21
|
-
this.
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
20
|
+
this.isWorking = true;
|
|
21
|
+
this.activatedRoute.paramMap.pipe(switchMap((paramMap) => this.formConfigurationFormService
|
|
22
|
+
.show(paramMap.get('formCode'))
|
|
23
|
+
.pipe(finalize(() => this.isWorking = false)))).subscribe((res) => {
|
|
24
|
+
this.formConfiguration = res?.item;
|
|
25
25
|
});
|
|
26
26
|
}
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
27
|
+
updateField(fieldCode, field, value) {
|
|
28
|
+
field[fieldCode] = value.checked;
|
|
29
|
+
field.is_working = true;
|
|
30
|
+
this.formConfigurationFormFieldService.update(field)
|
|
31
|
+
.pipe(finalize(() => field.is_working = false))
|
|
32
|
+
.subscribe((res) => {
|
|
33
|
+
field.id = res?.item?.id;
|
|
34
|
+
field[fieldCode] = res?.item[fieldCode];
|
|
31
35
|
});
|
|
32
36
|
}
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
}
|
|
36
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormConfigurationFieldFormComponent, deps: [{ token: i1.ActivatedRoute }, { token: i2.FormConfigurationFormService }, { token: i3.FormConfigurationFormFieldService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
37
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormConfigurationFieldFormComponent, selector: "techlify-form-configuration-field-form", ngImport: i0, template: "<div style=\"padding: 16px;\">\n <button mat-icon-button (click)=\"goBack()\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <h2 *ngIf=\"formConfigForm\">{{ formConfigForm.form_name }} - Field Configuration</h2>\n\n <mat-progress-bar *ngIf=\"!formConfigForm\" mode=\"indeterminate\"></mat-progress-bar>\n\n <div *ngIf=\"formConfigForm\" fxLayout=\"row wrap\" fxLayoutGap=\"16px\">\n <mat-card *ngFor=\"let field of formConfigForm.fields\" fxFlex=\"30\" style=\"margin-bottom: 16px;\">\n <mat-card-header>\n <mat-card-title>{{ field.field_code }}</mat-card-title>\n <mat-card-subtitle>{{ field.description }}</mat-card-subtitle>\n </mat-card-header>\n <mat-card-content>\n <div fxLayout=\"column\" fxLayoutGap=\"8px\">\n <mat-slide-toggle [(ngModel)]=\"field.is_required\" (change)=\"onToggle(field)\">\n Is Required\n </mat-slide-toggle>\n <mat-slide-toggle [(ngModel)]=\"field.is_enabled\" (change)=\"onToggle(field)\">\n Is Enabled\n </mat-slide-toggle>\n </div>\n </mat-card-content>\n </mat-card>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i8.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i8.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i8.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i8.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i8.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i9.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i10.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i11.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i11.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i11.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
|
|
37
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormConfigurationFieldFormComponent, deps: [{ token: i1.FormConfigurationFormService }, { token: i2.ActivatedRoute }, { token: i3.FormConfigurationFormFieldService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
38
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormConfigurationFieldFormComponent, selector: "app-form-configuration-field-form", ngImport: i0, template: "<div fxLayout=\"column\" class=\"mt-2 container\" fxLayoutGap=\"0.5rem\">\n <mat-card appearance=\"outlined\" class=\"p-0\">\n <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n <h5 class=\"p-4\">\n Form Configuration: {{formConfiguration?.form_name}}\n </h5>\n <div *ngFor=\"let field of formConfiguration?.fields\" fxLayout=\"column\" class=\"px-4 py-2\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <div fxFlex>\n {{field?.description}}\n </div>\n <div fxFlex fxLayout=\"row\">\n <mat-slide-toggle fxFlex [checked]=\"field?.is_required\" color=\"primary\"\n (change)=\"updateField('is_required',field,$event)\" [disabled]=\"field?.is_working || !field?.is_enabled\">Is\n Required</mat-slide-toggle>\n <mat-slide-toggle fxFlex [checked]=\"field?.is_enabled\" color=\"primary\"\n (change)=\"updateField('is_enabled',field,$event)\" [disabled]=\"field?.is_working\">Is\n Enabled</mat-slide-toggle>\n </div>\n </div>\n </div>\n </mat-card>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i6.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i7.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i8.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i8.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i8.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i8.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
|
|
38
39
|
}
|
|
39
40
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormConfigurationFieldFormComponent, decorators: [{
|
|
40
41
|
type: Component,
|
|
41
|
-
args: [{ selector: '
|
|
42
|
-
}], ctorParameters: () => [{ type: i1.
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
42
|
+
args: [{ selector: 'app-form-configuration-field-form', template: "<div fxLayout=\"column\" class=\"mt-2 container\" fxLayoutGap=\"0.5rem\">\n <mat-card appearance=\"outlined\" class=\"p-0\">\n <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n <h5 class=\"p-4\">\n Form Configuration: {{formConfiguration?.form_name}}\n </h5>\n <div *ngFor=\"let field of formConfiguration?.fields\" fxLayout=\"column\" class=\"px-4 py-2\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <div fxFlex>\n {{field?.description}}\n </div>\n <div fxFlex fxLayout=\"row\">\n <mat-slide-toggle fxFlex [checked]=\"field?.is_required\" color=\"primary\"\n (change)=\"updateField('is_required',field,$event)\" [disabled]=\"field?.is_working || !field?.is_enabled\">Is\n Required</mat-slide-toggle>\n <mat-slide-toggle fxFlex [checked]=\"field?.is_enabled\" color=\"primary\"\n (change)=\"updateField('is_enabled',field,$event)\" [disabled]=\"field?.is_working\">Is\n Enabled</mat-slide-toggle>\n </div>\n </div>\n </div>\n </mat-card>\n</div>" }]
|
|
43
|
+
}], ctorParameters: () => [{ type: i1.FormConfigurationFormService }, { type: i2.ActivatedRoute }, { type: i3.FormConfigurationFormFieldService }] });
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb25maWd1cmF0aW9uLWZpZWxkLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXRlY2hsaWZ5LWNvcmUvc3JjL2xpYi9mb3JtLWNvbmZpZ3VyYXRpb24vZm9ybS1jb25maWd1cmF0aW9uLWZpZWxkLWZvcm0vZm9ybS1jb25maWd1cmF0aW9uLWZpZWxkLWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXRlY2hsaWZ5LWNvcmUvc3JjL2xpYi9mb3JtLWNvbmZpZ3VyYXRpb24vZm9ybS1jb25maWd1cmF0aW9uLWZpZWxkLWZvcm0vZm9ybS1jb25maWd1cmF0aW9uLWZpZWxkLWZvcm0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUdsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7Ozs7Ozs7OztBQVMzQyxNQUFNLE9BQU8sbUNBQW1DO0lBTTlDLFlBQ1UsNEJBQTBELEVBQzFELGNBQThCLEVBQzlCLGlDQUFvRTtRQUZwRSxpQ0FBNEIsR0FBNUIsNEJBQTRCLENBQThCO1FBQzFELG1CQUFjLEdBQWQsY0FBYyxDQUFnQjtRQUM5QixzQ0FBaUMsR0FBakMsaUNBQWlDLENBQW1DO1FBUDlFLGNBQVMsR0FBWSxLQUFLLENBQUM7SUFTM0IsQ0FBQztJQUVELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQy9CLFNBQVMsQ0FBQyxDQUFDLFFBQWtCLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyw0QkFBNEI7YUFDaEUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLENBQUM7YUFDOUIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsU0FBUyxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQzlDLENBQ0YsQ0FBQyxTQUFTLENBQUMsQ0FBQyxHQUFRLEVBQUUsRUFBRTtZQUN2QixJQUFJLENBQUMsaUJBQWlCLEdBQUcsR0FBRyxFQUFFLElBQUksQ0FBQztRQUNyQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRCxXQUFXLENBQUMsU0FBYyxFQUFFLEtBQVUsRUFBRSxLQUEyQjtRQUNqRSxLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUNqQyxLQUFLLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQztRQUN4QixJQUFJLENBQUMsaUNBQWlDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQzthQUNqRCxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDLENBQUM7YUFDOUMsU0FBUyxDQUFDLENBQUMsR0FBUSxFQUFFLEVBQUU7WUFDdEIsS0FBSyxDQUFDLEVBQUUsR0FBRyxHQUFHLEVBQUUsSUFBSSxFQUFFLEVBQUUsQ0FBQztZQUN6QixLQUFLLENBQUMsU0FBUyxDQUFDLEdBQUcsR0FBRyxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztRQUMxQyxDQUFDLENBQUMsQ0FBQTtJQUNOLENBQUM7K0dBbENVLG1DQUFtQzttR0FBbkMsbUNBQW1DLHlFQ1poRCxxbUNBc0JNOzs0RkRWTyxtQ0FBbUM7a0JBTC9DLFNBQVM7K0JBQ0UsbUNBQW1DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db25maWd1cmF0aW9uRm9ybVNlcnZpY2UgfSBmcm9tICcuLi9mb3JtLWNvbmZpZ3VyYXRpb24tZm9ybS5zZXJ2aWNlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlLCBQYXJhbU1hcCB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBmaW5hbGl6ZSwgc3dpdGNoTWFwIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBNYXRTbGlkZVRvZ2dsZUNoYW5nZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3NsaWRlLXRvZ2dsZSc7XG5pbXBvcnQgeyBGb3JtQ29uZmlndXJhdGlvbkZvcm1GaWVsZFNlcnZpY2UgfSBmcm9tICcuLi9mb3JtLWNvbmZpZ3VyYXRpb24tZm9ybS1maWVsZC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWZvcm0tY29uZmlndXJhdGlvbi1maWVsZC1mb3JtJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Zvcm0tY29uZmlndXJhdGlvbi1maWVsZC1mb3JtLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZm9ybS1jb25maWd1cmF0aW9uLWZpZWxkLWZvcm0uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBGb3JtQ29uZmlndXJhdGlvbkZpZWxkRm9ybUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgaXNXb3JraW5nOiBib29sZWFuID0gZmFsc2U7XG5cbiAgZm9ybUNvbmZpZ3VyYXRpb246IGFueTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGZvcm1Db25maWd1cmF0aW9uRm9ybVNlcnZpY2U6IEZvcm1Db25maWd1cmF0aW9uRm9ybVNlcnZpY2UsXG4gICAgcHJpdmF0ZSBhY3RpdmF0ZWRSb3V0ZTogQWN0aXZhdGVkUm91dGUsXG4gICAgcHJpdmF0ZSBmb3JtQ29uZmlndXJhdGlvbkZvcm1GaWVsZFNlcnZpY2U6IEZvcm1Db25maWd1cmF0aW9uRm9ybUZpZWxkU2VydmljZVxuICApIHtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuaXNXb3JraW5nID0gdHJ1ZTtcbiAgICB0aGlzLmFjdGl2YXRlZFJvdXRlLnBhcmFtTWFwLnBpcGUoXG4gICAgICBzd2l0Y2hNYXAoKHBhcmFtTWFwOiBQYXJhbU1hcCkgPT4gdGhpcy5mb3JtQ29uZmlndXJhdGlvbkZvcm1TZXJ2aWNlXG4gICAgICAgIC5zaG93KHBhcmFtTWFwLmdldCgnZm9ybUNvZGUnKSlcbiAgICAgICAgLnBpcGUoZmluYWxpemUoKCkgPT4gdGhpcy5pc1dvcmtpbmcgPSBmYWxzZSkpXG4gICAgICApLFxuICAgICkuc3Vic2NyaWJlKChyZXM6IGFueSkgPT4ge1xuICAgICAgdGhpcy5mb3JtQ29uZmlndXJhdGlvbiA9IHJlcz8uaXRlbTtcbiAgICB9KTtcbiAgfVxuXG4gIHVwZGF0ZUZpZWxkKGZpZWxkQ29kZTogYW55LCBmaWVsZDogYW55LCB2YWx1ZTogTWF0U2xpZGVUb2dnbGVDaGFuZ2UpIHtcbiAgICBmaWVsZFtmaWVsZENvZGVdID0gdmFsdWUuY2hlY2tlZDtcbiAgICBmaWVsZC5pc193b3JraW5nID0gdHJ1ZTtcbiAgICB0aGlzLmZvcm1Db25maWd1cmF0aW9uRm9ybUZpZWxkU2VydmljZS51cGRhdGUoZmllbGQpXG4gICAgICAucGlwZShmaW5hbGl6ZSgoKSA9PiBmaWVsZC5pc193b3JraW5nID0gZmFsc2UpKVxuICAgICAgLnN1YnNjcmliZSgocmVzOiBhbnkpID0+IHtcbiAgICAgICAgZmllbGQuaWQgPSByZXM/Lml0ZW0/LmlkO1xuICAgICAgICBmaWVsZFtmaWVsZENvZGVdID0gcmVzPy5pdGVtW2ZpZWxkQ29kZV07XG4gICAgICB9KVxuICB9XG5cbn1cbiIsIjxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBjbGFzcz1cIm10LTIgY29udGFpbmVyXCIgZnhMYXlvdXRHYXA9XCIwLjVyZW1cIj5cbiAgPG1hdC1jYXJkIGFwcGVhcmFuY2U9XCJvdXRsaW5lZFwiIGNsYXNzPVwicC0wXCI+XG4gICAgPG1hdC1wcm9ncmVzcy1iYXIgbW9kZT1cImluZGV0ZXJtaW5hdGVcIiAqbmdJZj1cImlzV29ya2luZ1wiPjwvbWF0LXByb2dyZXNzLWJhcj5cbiAgICA8aDUgY2xhc3M9XCJwLTRcIj5cbiAgICAgIEZvcm0gQ29uZmlndXJhdGlvbjoge3tmb3JtQ29uZmlndXJhdGlvbj8uZm9ybV9uYW1lfX1cbiAgICA8L2g1PlxuICAgIDxkaXYgKm5nRm9yPVwibGV0IGZpZWxkIG9mIGZvcm1Db25maWd1cmF0aW9uPy5maWVsZHNcIiBmeExheW91dD1cImNvbHVtblwiIGNsYXNzPVwicHgtNCBweS0yXCI+XG4gICAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cInN0YXJ0IGNlbnRlclwiPlxuICAgICAgICA8ZGl2IGZ4RmxleD5cbiAgICAgICAgICB7e2ZpZWxkPy5kZXNjcmlwdGlvbn19XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGZ4RmxleCBmeExheW91dD1cInJvd1wiPlxuICAgICAgICAgIDxtYXQtc2xpZGUtdG9nZ2xlIGZ4RmxleCBbY2hlY2tlZF09XCJmaWVsZD8uaXNfcmVxdWlyZWRcIiBjb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgICAgKGNoYW5nZSk9XCJ1cGRhdGVGaWVsZCgnaXNfcmVxdWlyZWQnLGZpZWxkLCRldmVudClcIiBbZGlzYWJsZWRdPVwiZmllbGQ/LmlzX3dvcmtpbmcgfHwgIWZpZWxkPy5pc19lbmFibGVkXCI+SXNcbiAgICAgICAgICAgIFJlcXVpcmVkPC9tYXQtc2xpZGUtdG9nZ2xlPlxuICAgICAgICAgIDxtYXQtc2xpZGUtdG9nZ2xlIGZ4RmxleCBbY2hlY2tlZF09XCJmaWVsZD8uaXNfZW5hYmxlZFwiIGNvbG9yPVwicHJpbWFyeVwiXG4gICAgICAgICAgICAoY2hhbmdlKT1cInVwZGF0ZUZpZWxkKCdpc19lbmFibGVkJyxmaWVsZCwkZXZlbnQpXCIgW2Rpc2FibGVkXT1cImZpZWxkPy5pc193b3JraW5nXCI+SXNcbiAgICAgICAgICAgIEVuYWJsZWQ8L21hdC1zbGlkZS10b2dnbGU+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIDwvbWF0LWNhcmQ+XG48L2Rpdj4iXX0=
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import { Component, Input } from '@angular/core';
|
|
2
2
|
import * as i0 from "@angular/core";
|
|
3
3
|
import * as i1 from "@angular/router";
|
|
4
|
-
import * as i2 from "@angular/material/
|
|
5
|
-
import * as i3 from "@angular/material/
|
|
6
|
-
import * as i4 from "@angular/material/tooltip";
|
|
4
|
+
import * as i2 from "@angular/material/icon";
|
|
5
|
+
import * as i3 from "@angular/material/tooltip";
|
|
7
6
|
export class FormConfigurationForFormComponent {
|
|
8
7
|
constructor(router) {
|
|
9
8
|
this.router = router;
|
|
@@ -12,12 +11,12 @@ export class FormConfigurationForFormComponent {
|
|
|
12
11
|
this.router.navigate(['/form-configuration-field-form', this.formCode]);
|
|
13
12
|
}
|
|
14
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormConfigurationForFormComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormConfigurationForFormComponent, selector: "
|
|
14
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormConfigurationForFormComponent, selector: "app-form-configuration-for-form", inputs: { formCode: "formCode" }, ngImport: i0, template: "<mat-icon role='button' matTooltip=\"Form Configuration\" (click)=\"openForm()\">settings</mat-icon>", dependencies: [{ kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
16
15
|
}
|
|
17
16
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormConfigurationForFormComponent, decorators: [{
|
|
18
17
|
type: Component,
|
|
19
|
-
args: [{ selector: '
|
|
18
|
+
args: [{ selector: 'app-form-configuration-for-form', template: "<mat-icon role='button' matTooltip=\"Form Configuration\" (click)=\"openForm()\">settings</mat-icon>" }]
|
|
20
19
|
}], ctorParameters: () => [{ type: i1.Router }], propDecorators: { formCode: [{
|
|
21
20
|
type: Input
|
|
22
21
|
}] } });
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
22
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1jb25maWd1cmF0aW9uLWZvci1mb3JtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC10ZWNobGlmeS1jb3JlL3NyYy9saWIvZm9ybS1jb25maWd1cmF0aW9uL2Zvcm0tY29uZmlndXJhdGlvbi1mb3ItZm9ybS9mb3JtLWNvbmZpZ3VyYXRpb24tZm9yLWZvcm0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXRlY2hsaWZ5LWNvcmUvc3JjL2xpYi9mb3JtLWNvbmZpZ3VyYXRpb24vZm9ybS1jb25maWd1cmF0aW9uLWZvci1mb3JtL2Zvcm0tY29uZmlndXJhdGlvbi1mb3ItZm9ybS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPakQsTUFBTSxPQUFPLGlDQUFpQztJQUk1QyxZQUNVLE1BQWM7UUFBZCxXQUFNLEdBQU4sTUFBTSxDQUFRO0lBRXhCLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQyxnQ0FBZ0MsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQztJQUMxRSxDQUFDOytHQVhVLGlDQUFpQzttR0FBakMsaUNBQWlDLHlHQ1A5QyxzR0FBZ0c7OzRGRE9uRixpQ0FBaUM7a0JBSjdDLFNBQVM7K0JBQ0UsaUNBQWlDOzJFQUtsQyxRQUFRO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWZvcm0tY29uZmlndXJhdGlvbi1mb3ItZm9ybScsXG4gIHRlbXBsYXRlVXJsOiAnLi9mb3JtLWNvbmZpZ3VyYXRpb24tZm9yLWZvcm0uY29tcG9uZW50Lmh0bWwnLFxufSlcbmV4cG9ydCBjbGFzcyBGb3JtQ29uZmlndXJhdGlvbkZvckZvcm1Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIGZvcm1Db2RlOiBzdHJpbmc7XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSByb3V0ZXI6IFJvdXRlcixcbiAgKSB7XG4gIH1cblxuICBvcGVuRm9ybSgpIHtcbiAgICB0aGlzLnJvdXRlci5uYXZpZ2F0ZShbJy9mb3JtLWNvbmZpZ3VyYXRpb24tZmllbGQtZm9ybScsIHRoaXMuZm9ybUNvZGVdKTtcbiAgfVxufVxuIiwiPG1hdC1pY29uIHJvbGU9J2J1dHRvbicgbWF0VG9vbHRpcD1cIkZvcm0gQ29uZmlndXJhdGlvblwiIChjbGljayk9XCJvcGVuRm9ybSgpXCI+c2V0dGluZ3M8L21hdC1pY29uPiJdfQ==
|
|
@@ -15363,34 +15363,37 @@ class FormConfigurationUtilityService {
|
|
|
15363
15363
|
}
|
|
15364
15364
|
|
|
15365
15365
|
class FormConfigurationFieldFormComponent {
|
|
15366
|
-
constructor(
|
|
15367
|
-
this.activatedRoute = activatedRoute;
|
|
15366
|
+
constructor(formConfigurationFormService, activatedRoute, formConfigurationFormFieldService) {
|
|
15368
15367
|
this.formConfigurationFormService = formConfigurationFormService;
|
|
15368
|
+
this.activatedRoute = activatedRoute;
|
|
15369
15369
|
this.formConfigurationFormFieldService = formConfigurationFormFieldService;
|
|
15370
|
+
this.isWorking = false;
|
|
15370
15371
|
}
|
|
15371
15372
|
ngOnInit() {
|
|
15372
|
-
this.
|
|
15373
|
-
|
|
15374
|
-
|
|
15375
|
-
|
|
15373
|
+
this.isWorking = true;
|
|
15374
|
+
this.activatedRoute.paramMap.pipe(switchMap$1((paramMap) => this.formConfigurationFormService
|
|
15375
|
+
.show(paramMap.get('formCode'))
|
|
15376
|
+
.pipe(finalize(() => this.isWorking = false)))).subscribe((res) => {
|
|
15377
|
+
this.formConfiguration = res?.item;
|
|
15376
15378
|
});
|
|
15377
15379
|
}
|
|
15378
|
-
|
|
15379
|
-
|
|
15380
|
-
|
|
15381
|
-
|
|
15380
|
+
updateField(fieldCode, field, value) {
|
|
15381
|
+
field[fieldCode] = value.checked;
|
|
15382
|
+
field.is_working = true;
|
|
15383
|
+
this.formConfigurationFormFieldService.update(field)
|
|
15384
|
+
.pipe(finalize(() => field.is_working = false))
|
|
15385
|
+
.subscribe((res) => {
|
|
15386
|
+
field.id = res?.item?.id;
|
|
15387
|
+
field[fieldCode] = res?.item[fieldCode];
|
|
15382
15388
|
});
|
|
15383
15389
|
}
|
|
15384
|
-
|
|
15385
|
-
|
|
15386
|
-
}
|
|
15387
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormConfigurationFieldFormComponent, deps: [{ token: i1$2.ActivatedRoute }, { token: FormConfigurationFormService }, { token: FormConfigurationFormFieldService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15388
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormConfigurationFieldFormComponent, selector: "techlify-form-configuration-field-form", ngImport: i0, template: "<div style=\"padding: 16px;\">\n <button mat-icon-button (click)=\"goBack()\">\n <mat-icon>arrow_back</mat-icon>\n </button>\n <h2 *ngIf=\"formConfigForm\">{{ formConfigForm.form_name }} - Field Configuration</h2>\n\n <mat-progress-bar *ngIf=\"!formConfigForm\" mode=\"indeterminate\"></mat-progress-bar>\n\n <div *ngIf=\"formConfigForm\" fxLayout=\"row wrap\" fxLayoutGap=\"16px\">\n <mat-card *ngFor=\"let field of formConfigForm.fields\" fxFlex=\"30\" style=\"margin-bottom: 16px;\">\n <mat-card-header>\n <mat-card-title>{{ field.field_code }}</mat-card-title>\n <mat-card-subtitle>{{ field.description }}</mat-card-subtitle>\n </mat-card-header>\n <mat-card-content>\n <div fxLayout=\"column\" fxLayoutGap=\"8px\">\n <mat-slide-toggle [(ngModel)]=\"field.is_required\" (change)=\"onToggle(field)\">\n Is Required\n </mat-slide-toggle>\n <mat-slide-toggle [(ngModel)]=\"field.is_enabled\" (change)=\"onToggle(field)\">\n Is Enabled\n </mat-slide-toggle>\n </div>\n </mat-card-content>\n </mat-card>\n </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i6.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i4.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i4.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i4.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i4.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i8$6.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i7.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
|
|
15390
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormConfigurationFieldFormComponent, deps: [{ token: FormConfigurationFormService }, { token: i1$2.ActivatedRoute }, { token: FormConfigurationFormFieldService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15391
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormConfigurationFieldFormComponent, selector: "app-form-configuration-field-form", ngImport: i0, template: "<div fxLayout=\"column\" class=\"mt-2 container\" fxLayoutGap=\"0.5rem\">\n <mat-card appearance=\"outlined\" class=\"p-0\">\n <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n <h5 class=\"p-4\">\n Form Configuration: {{formConfiguration?.form_name}}\n </h5>\n <div *ngFor=\"let field of formConfiguration?.fields\" fxLayout=\"column\" class=\"px-4 py-2\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <div fxFlex>\n {{field?.description}}\n </div>\n <div fxFlex fxLayout=\"row\">\n <mat-slide-toggle fxFlex [checked]=\"field?.is_required\" color=\"primary\"\n (change)=\"updateField('is_required',field,$event)\" [disabled]=\"field?.is_working || !field?.is_enabled\">Is\n Required</mat-slide-toggle>\n <mat-slide-toggle fxFlex [checked]=\"field?.is_enabled\" color=\"primary\"\n (change)=\"updateField('is_enabled',field,$event)\" [disabled]=\"field?.is_working\">Is\n Enabled</mat-slide-toggle>\n </div>\n </div>\n </div>\n </mat-card>\n</div>", styles: [""], dependencies: [{ kind: "directive", type: i2$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i12.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: i8$6.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "directive", type: i7.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7.DefaultLayoutGapDirective, selector: " [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md], [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md], [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm], [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }] }); }
|
|
15389
15392
|
}
|
|
15390
15393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormConfigurationFieldFormComponent, decorators: [{
|
|
15391
15394
|
type: Component,
|
|
15392
|
-
args: [{ selector: '
|
|
15393
|
-
}], ctorParameters: () => [{ type:
|
|
15395
|
+
args: [{ selector: 'app-form-configuration-field-form', template: "<div fxLayout=\"column\" class=\"mt-2 container\" fxLayoutGap=\"0.5rem\">\n <mat-card appearance=\"outlined\" class=\"p-0\">\n <mat-progress-bar mode=\"indeterminate\" *ngIf=\"isWorking\"></mat-progress-bar>\n <h5 class=\"p-4\">\n Form Configuration: {{formConfiguration?.form_name}}\n </h5>\n <div *ngFor=\"let field of formConfiguration?.fields\" fxLayout=\"column\" class=\"px-4 py-2\">\n <div fxLayout=\"row\" fxLayoutAlign=\"start center\">\n <div fxFlex>\n {{field?.description}}\n </div>\n <div fxFlex fxLayout=\"row\">\n <mat-slide-toggle fxFlex [checked]=\"field?.is_required\" color=\"primary\"\n (change)=\"updateField('is_required',field,$event)\" [disabled]=\"field?.is_working || !field?.is_enabled\">Is\n Required</mat-slide-toggle>\n <mat-slide-toggle fxFlex [checked]=\"field?.is_enabled\" color=\"primary\"\n (change)=\"updateField('is_enabled',field,$event)\" [disabled]=\"field?.is_working\">Is\n Enabled</mat-slide-toggle>\n </div>\n </div>\n </div>\n </mat-card>\n</div>" }]
|
|
15396
|
+
}], ctorParameters: () => [{ type: FormConfigurationFormService }, { type: i1$2.ActivatedRoute }, { type: FormConfigurationFormFieldService }] });
|
|
15394
15397
|
|
|
15395
15398
|
const routes = [
|
|
15396
15399
|
{
|
|
@@ -15451,11 +15454,11 @@ class FormConfigurationForFormComponent {
|
|
|
15451
15454
|
this.router.navigate(['/form-configuration-field-form', this.formCode]);
|
|
15452
15455
|
}
|
|
15453
15456
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormConfigurationForFormComponent, deps: [{ token: i1$2.Router }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15454
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormConfigurationForFormComponent, selector: "
|
|
15457
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: FormConfigurationForFormComponent, selector: "app-form-configuration-for-form", inputs: { formCode: "formCode" }, ngImport: i0, template: "<mat-icon role='button' matTooltip=\"Form Configuration\" (click)=\"openForm()\">settings</mat-icon>", dependencies: [{ kind: "component", type: i8.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i11.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
|
|
15455
15458
|
}
|
|
15456
15459
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FormConfigurationForFormComponent, decorators: [{
|
|
15457
15460
|
type: Component,
|
|
15458
|
-
args: [{ selector: '
|
|
15461
|
+
args: [{ selector: 'app-form-configuration-for-form', template: "<mat-icon role='button' matTooltip=\"Form Configuration\" (click)=\"openForm()\">settings</mat-icon>" }]
|
|
15459
15462
|
}], ctorParameters: () => [{ type: i1$2.Router }], propDecorators: { formCode: [{
|
|
15460
15463
|
type: Input
|
|
15461
15464
|
}] } });
|