-
Notifications
You must be signed in to change notification settings - Fork 378
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Create CreatorPresetEditor class #5215
- Loading branch information
1 parent
c980561
commit 70643f6
Showing
6 changed files
with
206 additions
and
187 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
97 changes: 97 additions & 0 deletions
97
packages/survey-creator-core/src/presets/presets-editor.ts
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,97 @@ | ||
| import { SurveyCreatorModel } from "../creator-base"; | ||
| import { CreatorPreset, ICreatorPresetData } from "./presets"; | ||
| import { SurveyModel } from "survey-core"; | ||
| import { CreatorPresetEditableBase } from "./presets-base"; | ||
|
|
||
| export class CreatorPresetEditor { | ||
| private presetValue: CreatorPreset; | ||
| private creatorValue: SurveyCreatorModel; | ||
| private modelValue: SurveyModel; | ||
| constructor(json?: ICreatorPresetData, creator?: SurveyCreatorModel) { | ||
| this.presetValue = new CreatorPreset(json); | ||
| this.creatorValue = creator || new SurveyCreatorModel({}); | ||
| this.modelValue = this.createModel(); | ||
| } | ||
| public get preset(): CreatorPreset { return this.presetValue; } | ||
| public get creator(): SurveyCreatorModel { return this.creatorValue; } | ||
| public get model(): SurveyModel { return this.modelValue; } | ||
| protected createModel(): SurveyModel { | ||
| const editablePresets = this.createEditablePresets(); | ||
| const model = new SurveyModel(this.getEditModelJson(editablePresets)); | ||
| model.editablePresets = editablePresets; | ||
| model.showCompleteButton = false; | ||
| model.keepIncorrectValues = true; | ||
| model.addNavigationItem({ | ||
| id: "preset_save", | ||
| title: "Save", //TODO | ||
| action: () => { | ||
| this.applyFromSurveyModel(); | ||
| } | ||
| }); | ||
| editablePresets.forEach(item => item.setupQuestions(model, this.creator)); | ||
| const json = this.preset.getJson() || {}; | ||
| editablePresets.forEach(item => item.setupQuestionsValue(model, json[item.path], this.creator)); | ||
| model.onCurrentPageChanged.add((sender, options) => { | ||
| editablePresets.forEach(item => item.setupOnCurrentPage(model, this.creator)); | ||
| }); | ||
| model.onValueChanged.add((sender, options) => { | ||
| editablePresets.forEach(item => item.updateOnValueChanged(model, this.creator, options.name)); | ||
| }); | ||
| model.onMatrixDetailPanelVisibleChanged.add((sender, options) => { | ||
| editablePresets.forEach(item => item.updateOnMatrixDetailPanelVisibleChanged(model, this.creator, options)); | ||
| }); | ||
| return model; | ||
| } | ||
| public applyFromSurveyModel(): boolean { | ||
| if(!this.validateEditableModel(this.model)) return false; | ||
| this.preset.setJson(this.getJsonFromSurveyModel()); | ||
| this.model.setValue("json_result", JSON.stringify(this.preset.getJson(), null, 2)); | ||
| this.preset.apply(this.creator); | ||
| return true; | ||
| } | ||
| public getJsonFromSurveyModel(): any { | ||
| const res: any = {}; | ||
| this.model.editablePresets.forEach(preset => { | ||
| const val = preset.getJsonValue(this.model); | ||
| if(!!val) { | ||
| res[preset.path] = val; | ||
| } | ||
| }); | ||
| return res; | ||
| } | ||
| private validateEditableModel(model: SurveyModel): boolean { | ||
| if(!model.validate(true, true)) return false; | ||
| const editablePresets = model.editablePresets; | ||
| for(let i = 0; i < editablePresets.length; i ++) { | ||
| if(!editablePresets[i].validate(model)) return false; | ||
| } | ||
| return true; | ||
| } | ||
| private createEditablePresets(): Array<CreatorPresetEditableBase> { | ||
| const res = []; | ||
| this.preset.children.forEach(preset => { | ||
| const editable = preset.createEditable(); | ||
| if (editable) { | ||
| res.push(editable); | ||
| } | ||
| }); | ||
| return res; | ||
| } | ||
| private getEditModelJson(editablePresets: Array<CreatorPresetEditableBase>): any { | ||
| const modelJson = { pages: [], showTOC: true, showQuestionNumbers: false }; | ||
| editablePresets.forEach(preset => { | ||
| const pages = preset.createPages(); | ||
| if (Array.isArray(pages)) { | ||
| pages.forEach(page => modelJson.pages.push(page)); | ||
| } | ||
| }); | ||
| modelJson.pages.push({ | ||
| name: "page_result", | ||
| title: "Preset JSON result", | ||
| elements: [ | ||
| { type: "comment", rows: 40, name: "json_result", titleLocation: "hidden", placeholder: "Please click on the 'Save' button" } | ||
| ] | ||
| }); | ||
| return modelJson; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.