ngx-surveys
Version:
Angular 18+ survey / form builder
62 lines • 11 kB
JavaScript
import { Component, Inject, ViewChild } from '@angular/core';
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
import { buildField } from '../../form-item/index';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/dialog";
import * as i2 from "@angular/material/button";
import * as i3 from "../../ngx-survey.component";
export class DialogItemVisibility {
constructor(dialogRef, data) {
this.dialogRef = dialogRef;
this.data = data;
this.formFields = [];
this.extraFields = [];
this.itemEditForm = [
{
items: []
}
];
console.log(data);
const value = {};
this.formFields = data.sectionItems.map(item => {
this.data.visibility.forEach(val => {
if ((item.items || item.segments)?.find(op => val.indexOf(op.optionValue) >= 0)) {
value[item.name] = val;
}
});
return buildField('radio', { name: item.name, label: item.label || item.name, items: item.items || item.segments, multiple: true }, false);
});
this.value = value;
this.itemEditForm = [{
items: this.formFields
}];
this.readOnly = data.readOnly;
console.log(this.itemEditForm, value);
}
onFormChange(values) {
console.log(values);
}
onNoClick() {
this.dialogRef.close();
}
onFormSubmit(value) {
this.dialogRef.close(value);
}
onOkClick() {
//console.log(this.data);
this.survey.submitForm();
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DialogItemVisibility, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.12", type: DialogItemVisibility, selector: "dialog-item-visibility", viewQueries: [{ propertyName: "survey", first: true, predicate: ["survey"], descendants: true }], ngImport: i0, template: "<h1 mat-dialog-title>Field Visibility</h1>\n<div mat-dialog-content>\n <ngx-survey #survey\n [form]=\"itemEditForm\"\n [value]=\"value\"\n (valueChange)=\"onFormChange($event)\"\n (submit)=\"onFormSubmit($event)\"\n [editable]=\"!readOnly\"\n ></ngx-survey>\n</div>\n<div mat-dialog-actions>\n <button mat-button (click)=\"onNoClick()\">Cancel</button>\n <button mat-button (click)=\"onOkClick()\" [disabled]=\"readOnly\" cdkFocusInitial>Ok</button>\n</div>\n", styles: [".full-width{width:100%}\n"], dependencies: [{ kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.NgxSurveyComponent, selector: "ngx-survey", inputs: ["form", "value", "splitBySteps", "validateByStepChange", "submitInProgress", "submitErrorText", "editable"], outputs: ["valueChange", "stepChanged", "submit"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: DialogItemVisibility, decorators: [{
type: Component,
args: [{ selector: 'dialog-item-visibility', template: "<h1 mat-dialog-title>Field Visibility</h1>\n<div mat-dialog-content>\n <ngx-survey #survey\n [form]=\"itemEditForm\"\n [value]=\"value\"\n (valueChange)=\"onFormChange($event)\"\n (submit)=\"onFormSubmit($event)\"\n [editable]=\"!readOnly\"\n ></ngx-survey>\n</div>\n<div mat-dialog-actions>\n <button mat-button (click)=\"onNoClick()\">Cancel</button>\n <button mat-button (click)=\"onOkClick()\" [disabled]=\"readOnly\" cdkFocusInitial>Ok</button>\n</div>\n", styles: [".full-width{width:100%}\n"] }]
}], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
type: Inject,
args: [MAT_DIALOG_DATA]
}] }], propDecorators: { survey: [{
type: ViewChild,
args: ['survey', { static: false }]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWl0ZW0tdmlzaWJpbGl0eS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zdXJ2ZXlzL3NyYy9saWIvZGlhbG9ncy9kaWFsb2ctaXRlbS12aXNpYmlsaXR5L2RpYWxvZy1pdGVtLXZpc2liaWxpdHkudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc3VydmV5cy9zcmMvbGliL2RpYWxvZ3MvZGlhbG9nLWl0ZW0tdmlzaWJpbGl0eS9kaWFsb2ctaXRlbS12aXNpYmlsaXR5Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTdELE9BQU8sRUFBZ0IsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFFekUsT0FBTyxFQUF5QixVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7QUFjMUUsTUFBTSxPQUFPLG9CQUFvQjtJQW1CN0IsWUFDVyxTQUE2QyxFQUNwQixJQUE0QjtRQURyRCxjQUFTLEdBQVQsU0FBUyxDQUFvQztRQUNwQixTQUFJLEdBQUosSUFBSSxDQUF3QjtRQWpCekQsZUFBVSxHQUFjLEVBRTlCLENBQUM7UUFFSyxnQkFBVyxHQUFhLEVBQUUsQ0FBQztRQUUzQixpQkFBWSxHQUFnQjtZQUMvQjtnQkFDSSxLQUFLLEVBQUUsRUFBRTthQUNaO1NBQ0osQ0FBQztRQVNFLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDbEIsTUFBTSxLQUFLLEdBQUMsRUFBRSxDQUFDO1FBQ2YsSUFBSSxDQUFDLFVBQVUsR0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUEsRUFBRTtZQUN4QyxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFBLEVBQUU7Z0JBQzlCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxJQUFJLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFBLEVBQUUsQ0FBQSxHQUFHLENBQUMsT0FBTyxDQUFDLEVBQUUsQ0FBQyxXQUFXLENBQUMsSUFBRSxDQUFDLENBQUMsRUFBQyxDQUFDO29CQUN6RSxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFDLEdBQUcsQ0FBQztnQkFDekIsQ0FBQztZQUNMLENBQUMsQ0FBQyxDQUFDO1lBQ0gsT0FBTyxVQUFVLENBQUMsT0FBTyxFQUFFLEVBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLElBQUksQ0FBQyxLQUFLLElBQUksSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQztRQUM3SSxDQUFDLENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxLQUFLLEdBQUMsS0FBSyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxZQUFZLEdBQUMsQ0FBQztnQkFDZixLQUFLLEVBQUUsSUFBSSxDQUFDLFVBQVU7YUFDekIsQ0FBQyxDQUFDO1FBQ0gsSUFBSSxDQUFDLFFBQVEsR0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQzVCLE9BQU8sQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxLQUFLLENBQUMsQ0FBQztJQUUxQyxDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQU07UUFDZixPQUFPLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxTQUFTO1FBQ0wsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRUQsWUFBWSxDQUFDLEtBQUs7UUFDZCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNoQyxDQUFDO0lBRUQsU0FBUztRQUNMLHlCQUF5QjtRQUN6QixJQUFJLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxDQUFDO0lBQzdCLENBQUM7K0dBekRRLG9CQUFvQiw4Q0FxQmpCLGVBQWU7bUdBckJsQixvQkFBb0IsZ0tDbEJqQyx3ZkFjQTs7NEZESWEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLHdCQUF3Qjs7MEJBeUIzQixNQUFNOzJCQUFDLGVBQWU7eUNBbkJvQixNQUFNO3NCQUFwRCxTQUFTO3VCQUFDLFFBQVEsRUFBRSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCwgVmlld0NoaWxkIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7IE5neFN1cnZleUNvbXBvbmVudCB9IGZyb20gJy4uLy4uL25neC1zdXJ2ZXkuY29tcG9uZW50J1xuaW1wb3J0IHsgRm9ybUl0ZW0sIEZvcm1TZWN0aW9uLCBidWlsZEZpZWxkIH0gZnJvbSAnLi4vLi4vZm9ybS1pdGVtL2luZGV4JztcblxuXG5leHBvcnQgaW50ZXJmYWNlIEZvcm1JdGVtVmlzaWJpbGl0eURhdGEge1xuICAgIHNlY3Rpb25JdGVtczogRm9ybUl0ZW1bXSxcbiAgICB2aXNpYmlsaXR5OiBzdHJpbmdbXSxcbiAgICByZWFkT25seTogYm9vbGVhblxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkaWFsb2ctaXRlbS12aXNpYmlsaXR5JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy1pdGVtLXZpc2liaWxpdHkuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RpYWxvZy1pdGVtLXZpc2liaWxpdHkuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0l0ZW1WaXNpYmlsaXR5IHtcblxuICAgIEBWaWV3Q2hpbGQoJ3N1cnZleScsIHsgc3RhdGljOiBmYWxzZSB9KSBwdWJsaWMgc3VydmV5Ok5neFN1cnZleUNvbXBvbmVudDtcblxuICAgIHB1YmxpYyBmb3JtRmllbGRzOiBGb3JtSXRlbVtdID1bXG5cbiAgICBdO1xuXG4gICAgcHVibGljIGV4dHJhRmllbGRzOiBGb3JtSXRlbVtdPVtdO1xuXG4gICAgcHVibGljIGl0ZW1FZGl0Rm9ybTogRm9ybVNlY3Rpb25bXT1bXG4gICAgICAgIHtcbiAgICAgICAgICAgIGl0ZW1zOiBbXVxuICAgICAgICB9XG4gICAgXTtcblxuICAgIHB1YmxpYyB2YWx1ZTphbnk7XG4gICAgcHVibGljIHJlYWRPbmx5OiBib29sZWFuO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxEaWFsb2dJdGVtVmlzaWJpbGl0eT4sXG4gICAgICAgIEBJbmplY3QoTUFUX0RJQUxPR19EQVRBKSBwdWJsaWMgZGF0YTogRm9ybUl0ZW1WaXNpYmlsaXR5RGF0YVxuICAgICkge1xuICAgICAgICBjb25zb2xlLmxvZyhkYXRhKTtcbiAgICAgICAgY29uc3QgdmFsdWU9e307XG4gICAgICAgIHRoaXMuZm9ybUZpZWxkcz1kYXRhLnNlY3Rpb25JdGVtcy5tYXAoaXRlbT0+e1xuICAgICAgICAgICAgdGhpcy5kYXRhLnZpc2liaWxpdHkuZm9yRWFjaCh2YWw9PntcbiAgICAgICAgICAgICAgICBpZiAoKGl0ZW0uaXRlbXMgfHwgaXRlbS5zZWdtZW50cyk/LmZpbmQob3A9PnZhbC5pbmRleE9mKG9wLm9wdGlvblZhbHVlKT49MCkpe1xuICAgICAgICAgICAgICAgICAgICB2YWx1ZVtpdGVtLm5hbWVdPXZhbDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9KTtcbiAgICAgICAgICAgIHJldHVybiBidWlsZEZpZWxkKCdyYWRpbycsIHtuYW1lOiBpdGVtLm5hbWUsIGxhYmVsOiBpdGVtLmxhYmVsIHx8IGl0ZW0ubmFtZSwgaXRlbXM6IGl0ZW0uaXRlbXMgfHwgaXRlbS5zZWdtZW50cywgbXVsdGlwbGU6IHRydWV9LCBmYWxzZSk7XG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLnZhbHVlPXZhbHVlO1xuICAgICAgICB0aGlzLml0ZW1FZGl0Rm9ybT1be1xuICAgICAgICAgICAgaXRlbXM6IHRoaXMuZm9ybUZpZWxkc1xuICAgICAgICB9XTtcbiAgICAgICAgdGhpcy5yZWFkT25seT1kYXRhLnJlYWRPbmx5O1xuICAgICAgICBjb25zb2xlLmxvZyh0aGlzLml0ZW1FZGl0Rm9ybSwgdmFsdWUpO1xuXG4gICAgfVxuXG4gICAgb25Gb3JtQ2hhbmdlKHZhbHVlcyl7XG4gICAgICAgIGNvbnNvbGUubG9nKHZhbHVlcyk7XG4gICAgfVxuXG4gICAgb25Ob0NsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xuICAgIH1cblxuICAgIG9uRm9ybVN1Ym1pdCh2YWx1ZSl7XG4gICAgICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKHZhbHVlKTtcbiAgICB9XG5cbiAgICBvbk9rQ2xpY2soKTogdm9pZCB7XG4gICAgICAgIC8vY29uc29sZS5sb2codGhpcy5kYXRhKTtcbiAgICAgICAgdGhpcy5zdXJ2ZXkuc3VibWl0Rm9ybSgpO1xuICAgIH1cblxufVxuIiwiPGgxIG1hdC1kaWFsb2ctdGl0bGU+RmllbGQgVmlzaWJpbGl0eTwvaDE+XG48ZGl2IG1hdC1kaWFsb2ctY29udGVudD5cbiAgICA8bmd4LXN1cnZleSAjc3VydmV5XG4gICAgICAgIFtmb3JtXT1cIml0ZW1FZGl0Rm9ybVwiXG4gICAgICAgIFt2YWx1ZV09XCJ2YWx1ZVwiXG4gICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvbkZvcm1DaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgIChzdWJtaXQpPVwib25Gb3JtU3VibWl0KCRldmVudClcIlxuICAgICAgICBbZWRpdGFibGVdPVwiIXJlYWRPbmx5XCJcbiAgICA+PC9uZ3gtc3VydmV5PlxuPC9kaXY+XG48ZGl2IG1hdC1kaWFsb2ctYWN0aW9ucz5cbiAgPGJ1dHRvbiBtYXQtYnV0dG9uIChjbGljayk9XCJvbk5vQ2xpY2soKVwiPkNhbmNlbDwvYnV0dG9uPlxuICA8YnV0dG9uIG1hdC1idXR0b24gKGNsaWNrKT1cIm9uT2tDbGljaygpXCIgW2Rpc2FibGVkXT1cInJlYWRPbmx5XCIgY2RrRm9jdXNJbml0aWFsPk9rPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==