MWF.require("MWF.widget.Common", null, false); MWF.require("MWF.widget.JsonTemplate", null, false); MWF.xApplication.process.FormDesigner.Property = MWF.FCProperty = new Class({ Extends: MWF.widget.Common, Implements: [Options, Events], options: { "style": "default", "path": "../x_component_process_FormDesigner/property/property.html" }, initialize: function(module, propertyNode, designer, options){ this.setOptions(options); this.module = module; this.form = module.form; this.data = module.json; // this.data.pid = this.form.options.mode+this.form.json.id+this.data.id; this.data.pid = this.getPid(); this.htmlPath = this.options.path; this.designer = designer; this.maplists = {}; this.propertyNode = propertyNode; }, getPid: function(){ if( !this.form.pidList )this.form.pidList = []; var id = this.form.options.mode + this.data.id; var idx = 0; while ( this.form.pidList.contains( id ) ){ idx++; id = id+"_"+idx; } this.form.pidList.push( id ); var suffix = idx ? ( "_"+idx ) : ""; return this.form.options.mode + this.form.json.id + this.data.id + suffix; }, load: function(){ if (this.fireEvent("queryLoad")){ MWF.getRequestText(this.htmlPath, function(responseText, responseXML){ this.htmlString = responseText; this.fireEvent("postLoad"); }.bind(this)); } this.propertyNode.addEvent("keydown", function(e){e.stopPropagation();}); }, reset: function(){ this.propertyTabIndex = 0; if(this.propertyContent){ var isShow = this.propertyContent.offsetParent !== null; if( isShow && this.propertyTab && this.propertyTab.pages){ var tab = this.propertyTab; var showPage = tab.showPage || tab.pages[0]; if( showPage ){ this.propertyTabIndex = tab.pages.indexOf( showPage ); this.propertyTabScrollY = showPage.contentScrollNode.getScroll().y; } } this.propertyContent.destroy(); this.propertyContent = null; if( isShow ){ this.show(); } } }, editProperty: function(td){ }, getHtmlString: function(callback){ if (!this.htmlString){ MWF.getRequestText(this.htmlPath, function(responseText, responseXML){ this.htmlString = responseText; if (callback) callback(); }.bind(this)); }else{ if (callback) callback(); } }, show: function(){ if (!this.propertyContent){ this.ignoreSection = false; this.getHtmlString(function(){ if (this.htmlString) { var lp; if (this.options.appType === "cms") { this.appType = "cms"; lp = MWF.xApplication.cms.FormDesigner.LP.propertyTemplate; this.ignoreSection = true; } else if (this.designer && this.designer.options && this.designer.options.name && this.designer.options.name.indexOf("cms") === 0) { this.appType = "cms"; lp = MWF.xApplication.cms.FormDesigner.LP.propertyTemplate; this.ignoreSection = true; } else { lp = MWF.xApplication.process.FormDesigner.LP.propertyTemplate; if( this.module && this.module.node ) { var parentNode = this.module.node.getParent("div[mwftype='datatable'],div[mwftype='datatemplate']"); this.ignoreSection = !!parentNode; } } this.htmlString = o2.bindJson(this.htmlString, {"lp": lp}); // this.htmlString = o2.bindJson(this.htmlString, {"lp": MWF.xApplication.process.FormDesigner.LP.propertyTemplate}); this.JsonTemplate = new MWF.widget.JsonTemplate(this.data, this.htmlString); this.propertyContent = new Element("div", {"styles": {"overflow": "hidden"}}).inject(this.propertyNode); // var htmlStr = this.JsonTemplate.load(); // this.propertyContent.injectHtml(htmlStr, {"bind": {"lp": MWF.xApplication.process.FormDesigner.LP.propertyTemplate}}); this.propertyContent.set("html", this.JsonTemplate.load()); this.loadingCount = 0; this.loadedCount = 0; this.ready = false; if (this.module.hasOwnProperty("isPropertyLoaded")) { //ElementUI需要判断isPropertyLoaded为true的时候才会setEditStyle this.module.isPropertyLoaded = false; } this.setEditNodeEvent(); this.setEditNodeStyles(this.propertyContent); this.loadPropertyTab(); this.loadMaplist(); this.loadStylesList(); this.loadDivTemplateType(); this.loadPersonInput(); this.loadFormFieldInput(); this.loadScriptArea(); this.loadScriptListArea(); this.loadCssArea(); this.loadHtmlEditorArea(); this.loadTreeData(); this.loadArrayList(); this.loadEventsEditor(); this.loadActionArea(); this.loadActionStylesArea(); this.loadHTMLArea(); this.loadJSONArea(); this.loadFormSelect(); this.loadSubformSelect(); this.loadComponentSelect(); //this.loadPageSelect(); this.loadWidgetSelect(); this.loadANNModelSelect(); //this.loadViewSelect(); this.loadValidation(); this.loadIconSelect(); this.loadLabelFlagSelect(); this.loadImageClipper(); this.loadImageFileSelect(); this.loadParameterEditor(); this.loadContextRoot(); this.loadUnitTypeSelector(); this.loadSourceTestRestful(); this.loadSidebarPosition(); this.loadViewFilter(); this.loadViewFilterWithTemplate(); this.loadStatementFilter(); this.loadStatementFilterWithTemplate(); this.loadDocumentTempleteSelect(); this.loadFieldConfig(); this.loadElSelectIcon(); this.loadVueElementUI(); this.loadElCommonPreview(); this.loadElTreeData(); this.loadElTDropDownData(); this.loadElCarouselContent(); if ( !this.ignoreSection ){ this.loadSectionMerger(); this.loadSectionDisplayer(); } this.loadSmartBISelect(); this.loadDictionaryItem(); this.loadQueryViewItem(); this.loadQueryStatementItem(); this.loadHelp(); this.ready = true; if( this.postShow )this.postShow(); this.checkLoaded( true ); // this.loadScriptIncluder(); // this.loadDictionaryIncluder(); //this.testRestful(); // this.loadScriptInput(); //MWF.process.widget.EventsEditor } }.bind(this)); }else{ this.propertyContent.setStyle("display", "block"); this.fireEvent("postShow"); } (new Fx.Scroll(layout.desktop.node)).toTop(); }, isLoaded: function(){ return this.ready && this.loadingCount === this.loadedCount; }, checkLoaded: function( flag ){ if(!flag)this.loadedCount++; debugger; if( this.ready && this.loadingCount === this.loadedCount ){ if(this.module.hasOwnProperty("isPropertyLoaded"))this.module.isPropertyLoaded = true; if( this.propertyTabScrollY && this.propertyTab && this.propertyTab.pages ){ var tab = this.propertyTab; var showPage = tab.showPage || tab.pages[0]; if( showPage ){ showPage.contentScrollNode.scrollTo(0, this.propertyTabScrollY); this.propertyTabScrollY = null; } } this.fireEvent("postShow"); } }, hide: function(){ //this.JsonTemplate = null; //this.propertyNode.set("html", ""); if (this.propertyContent) this.propertyContent.setStyle("display", "none"); }, destroy: function(){ if (this.propertyContent){ this.propertyContent.destroy(); } MWF.release(this); }, loadElTreeData: function(){ var arrays = this.propertyContent.getElements(".MWFElTreeData"); arrays.each(function(node){ this.loadingCount++; var title = node.get("title"); var name = node.get("name"); var json = this.data[name]; if (!json) json = []; var oldValue = Array.clone(json); MWF.requireApp("process.FormDesigner", "widget.ElTreeEditor", function(){ var treeEditor = new MWF.xApplication.process.FormDesigner.widget.ElTreeEditor(node, { "title": title, "maxObj": this.designer.formContentNode || this.designer.pageContentNode, "onChange": function(historyOptions){ // this.data[name] = Object.assign(this.data[name], treeEditor.toJson()); // this.data[name] = treeEditor.toJson(); // this.module.json[name] = this.data[name]; // historyOptions = historyOptions || {}; this.checkHistory(name, oldValue, json, false, name + historyOptions.compareName, historyOptions.force); oldValue = Array.clone(json); this.module._refreshTree(); }.bind(this) }); treeEditor.load(json); this.checkLoaded(); }.bind(this)); node.addEvent("keydown", function(e){e.stopPropagation();}); }.bind(this)); }, loadElTDropDownData: function(){ var arrays = this.propertyContent.getElements(".MWFElTDropdownData"); arrays.each(function(node){ var title = node.get("title"); var name = node.get("name"); var json = this.data[name]; if (!json) json = []; var oldValue = Array.clone(json); this.loadingCount++; MWF.requireApp("process.FormDesigner", "widget.ElDropdownItemEditor", function(){ var treeEditor = new MWF.xApplication.process.FormDesigner.widget.ElDropdownItemEditor(node, { "title": title, "maxObj": this.designer.formContentNode || this.designer.pageContentNode, "onChange": function(historyOptions){ historyOptions = historyOptions || {}; this.checkHistory(name, oldValue, json, false, name + historyOptions.compareName, historyOptions.force); oldValue = Array.clone(json); }.bind(this) }); treeEditor.load(json); this.checkLoaded(); }.bind(this)); node.addEvent("keydown", function(e){e.stopPropagation();}); }.bind(this)); }, loadElCarouselContent: function(){ var arrays = this.propertyContent.getElements(".MWFElCarouselContent"); arrays.each(function(node){ var title = node.get("title"); var name = node.get("name"); var json = this.data[name]; if (!json) json = []; var oldValue = Array.clone(json); this.loadingCount++; MWF.requireApp("process.FormDesigner", "widget.ElCarouselContent", function(){ var treeEditor = new MWF.xApplication.process.FormDesigner.widget.ElCarouselContent(node, { "title": title, "maxObj": this.designer.formContentNode || this.designer.pageContentNode, "onChange": function( historyOptions ){ historyOptions = historyOptions || {}; this.checkHistory(name, oldValue, json, false, name + historyOptions.compareName, historyOptions.force); oldValue = Array.clone(json); }.bind(this) }); treeEditor.load(json); this.checkLoaded(); }.bind(this)); node.addEvent("keydown", function(e){e.stopPropagation();}); }.bind(this)); }, loadTreeData: function(){ var arrays = this.propertyContent.getElements(".MWFTreeData"); arrays.each(function(node){ var title = node.get("title"); var name = node.get("name"); var json = this.data[name]; if (!json) json = []; this.loadingCount++; MWF.require("MWF.widget.TreeEditor", function(){ var oldValue = Array.clone(this.data[name] || []); var treeEditor = new MWF.widget.TreeEditor(node, { "title": title, "maxObj": this.propertyNode.parentElement.parentElement.parentElement, "onChange": function( historyOptions ){ historyOptions = historyOptions || {}; this.data[name] = treeEditor.toJson(); this.module.json[name] = this.data[name]; this.checkHistory(name, oldValue, this.data[name], false, name + historyOptions.compareName, historyOptions.force); this.module._refreshTree(); oldValue = this.data[name]; }.bind(this) // "onChange": function(){ // var oldValue = this.data[name]; // this.data[name] = treeEditor.toJson(); // this.module.json[name] = this.data[name]; // this.checkHistory(name, oldValue, this.data[name]); // this.module._refreshTree(); // }.bind(this) }); treeEditor.load(json); this.checkLoaded(); }.bind(this)); node.addEvent("keydown", function(e){e.stopPropagation();}); }.bind(this)); }, loadSectionMerger: function(){ var arrays = this.propertyContent.getElements(".MWFSectionMergeArea"); arrays.each(function(node){ // var title = node.get("title"); // var name = node.get("name"); // var json = this.data[name]; // if (!json) json = {}; this.loadingCount++; MWF.requireApp("process.FormDesigner", "widget.SectionMerger", function(){ var merger = new MWF.xApplication.process.FormDesigner.widget.SectionMerger(node, this, { // "title": title, "maxObj": this.designer.formContentNode || this.designer.pageContentNode, "onChange": function(){ }.bind(this), "onPostLoad": function () { this.checkLoaded(); }.bind(this) }); merger.load(this.data); }.bind(this)); node.addEvent("keydown", function(e){e.stopPropagation();}); }.bind(this)); }, loadSectionDisplayer: function(){ var arrays = this.propertyContent.getElements(".MWFSectionDisplayerArea"); arrays.each(function(node){ this.loadingCount++; MWF.requireApp("process.FormDesigner", "widget.SectionDisplayer", function(){ var merger = new MWF.xApplication.process.FormDesigner.widget.SectionDisplayer(node, this, { // "title": title, "maxObj": this.designer.formContentNode || this.designer.pageContentNode, "onChange": function(){ }.bind(this), "onPostLoad": function () { this.checkLoaded(); }.bind(this) }); merger.load(this.data); }.bind(this)); node.addEvent("keydown", function(e){e.stopPropagation();}); }.bind(this)); }, loadJSONArea: function(){ var jsonNode = this.propertyContent.getElement(".MWFJSONArea"); if (jsonNode){ this.propertyTab.pages.each(function(page){ if (page.contentNode === jsonNode.parentElement){ page.setOptions({ "onShow": function(){ jsonNode.empty(); MWF.require("MWF.widget.JsonParse", function(){ this.json = new MWF.widget.JsonParse(this.module.json, jsonNode, null); this.json.load(); }.bind(this)); }.bind(this) }); } }.bind(this)); } }, loadHTMLArea: function(){ var htmlNode = this.propertyContent.getElement(".MWFHTMLArea"); if (htmlNode){ var copy = this.module.node.clone(true, true); copy.clearStyles(true); htmlNode.set("text", copy.outerHTML); copy.destroy(); this.propertyTab.pages.each(function(page){ if (page.contentNode == htmlNode.parentElement){ page.setOptions({ "onShow": function(){ var copy = this.module.node.clone(true, true); copy.clearStyles(true); //MWF.require("MWF.widget.HtmlEditor", function(){ // debugger; // var editor = new MWF.widget.HtmlEditor(htmlNode); // editor.load(function(){ // editor.editor.setValue(copy.outerHTML) // }.bind(this)); //}.bind(this)); o2.load("JSBeautifier_html", function(){ htmlNode.set("text", html_beautify(copy.outerHTML, {"indent_size":1})); o2.require("o2.widget.ace", function(){ MWF.widget.ace.load(function(){ o2.load("../o2_lib/ace/src-min-noconflict/ext-static_highlight.js", function(){ var highlight = ace.require("ace/ext/static_highlight"); highlight(htmlNode, {mode: "ace/mode/html", theme: "ace/theme/eclipse", "fontSize": 16}); }.bind(this)); }.bind(this)); }.bind(this)); copy.destroy(); }.bind(this)); }.bind(this) }); } }.bind(this)); } }, loadSidebarPosition: function(){ var nodes = this.propertyContent.getElements(".MWFSidebarReposition"); if (nodes.length){ nodes.each(function(node){ node.addEvent("click", function(){ this.module.json.styles.top = ""; this.module.loadPosition(); }.bind(this)); }.bind(this)); } }, loadANNModelSelect: function(){ var nodes = this.propertyContent.getElements(".MWFANNModelSelect"); if (nodes.length){ this.getModelList(function(){ nodes.each(function(node){ var select = new Element("select").inject(node); select.addEvent("change", function(e){ this.setValue(e.target.getParent("div").get("name"), e.target.options[e.target.selectedIndex].value, select); }.bind(this)); this.setModelSelectOptions(node, select); var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node); refreshNode.addEvent("click", function(e){ this.getModelList(function(){ this.setModelSelectOptions(node, select); }.bind(this), true); }.bind(this)); }.bind(this)); }.bind(this)); } }, getModelList: function(callback, refresh){ if (!this.models || refresh){ var action = o2.Actions.get("x_query_assemble_designer"); if (action.listModel) action.listModel(function(json){ this.models = json.data; if (callback) callback(); }.bind(this)); }else{ if (callback) callback(); } }, setModelSelectOptions: function(node, select){ var name = node.get("name"); select.empty(); var option = new Element("option", {"text": "none"}).inject(select); this.models.each(function(model){ var option = new Element("option", { "text": model.name, "value": model.id, "selected": (this.data[name]==model.id) }).inject(select); }.bind(this)); }, loadFormSelect: function(){ var formNodes = this.propertyContent.getElements(".MWFFormSelect"); if (formNodes.length){ this.loadingCount++; this.getFormList(function(){ formNodes.each(function(node){ var select = new Element("select").inject(node); select.addEvent("change", function(e){ var value = e.target.options[e.target.selectedIndex].value; this.setValue(e.target.getParent("div").get("name"), value, select); }.bind(this)); this.setFormSelectOptions(node, select); var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node); refreshNode.addEvent("click", function(e){ this.getFormList(function(){ this.setFormSelectOptions(node, select); }.bind(this), true); }.bind(this)); var openNode = new Element("div", {"styles": this.form.css.propertyOpenFormNode}).inject(node); openNode.addEvent("click", function(e){ var name = node.get("name"); this._openForm( this.data[name] ); }.bind(this)); //select.addEvent("click", function(e){ // this.setFormSelectOptions(node, select); //}.bind(this)); }.bind(this)); this.checkLoaded(); }.bind(this)); } }, setFormSelectOptions: function(node, select){ var name = node.get("name"); select.empty(); var option = new Element("option", {"text": "none"}).inject(select); this.forms.each(function(form){ if( this.form.json.id !== form.id ){ var option = new Element("option", { "text": form.name, "value": form.id, "selected": (this.data[name]==form.id) }).inject(select); } }.bind(this)); }, getFormList: function(callback, refresh){ if (!this.forms || refresh){ this.form.designer.actions.listForm(this.form.designer.application.id, function(json){ this.forms = json.data; if (callback) callback(); }.bind(this)); }else{ if (callback) callback(); } }, loadComponentSelect: function(){ var componentSlectNodes = this.propertyContent.getElements(".MWFComponentSelect"); if (componentSlectNodes.length){ componentSlectNodes.each( function( node ){ var name = node.get("name"); var select; this.getComponentList(function(){ select = new Element("select").inject(node); select.addEvent("change", function(e){ var value = select.options[select.selectedIndex].value; this.setValue(name, value, select); }.bind(this)); this.setComponentSelectOptions(node, select); var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node); refreshNode.addEvent("click", function(e){ this.getComponentList(function(){ this.setComponentSelectOptions(node, select); }.bind(this), true); }.bind(this)); }.bind(this), false ); return select; }.bind(this)) } }, setComponentSelectOptions: function(node, select){ var name = node.get("name"); var value = this.data[name] || ""; select.empty(); var option = new Element("option", {"text": "none"}).inject(select); this.components.each(function(component){ var option = new Element("option", { "text": component.title, "value": component.path, "selected": (this.data[name]==component.path) }).inject(select); }.bind(this)); }, getComponentList: function(callback, refresh){ if (!this.components || refresh){ o2.Actions.load("x_component_assemble_control").ComponentAction.listAll( function(json){ this.components = json.data; if (callback) callback(); }.bind(this), null, false); }else{ if (callback) callback(); } }, loadSubformSelect: function(){ var subformContainers = this.propertyContent.getElements(".MWFSubFormSelectContainer"); if (subformContainers.length){ subformContainers.each( function( container ){ var appSelectNode = container.getElement(".MWFSubformAppSelect"); var formSelectNode = container.getElement(".MWFSubformSelect"); var formSelect; var appNodeName = appSelectNode.get("name"); var formNodeName = formSelectNode.get("name"); this.loadProcessApplictionSelect( appSelectNode, appNodeName, function( apps ){ var oldValue = this.data[appNodeName] || ""; this.data[appNodeName] = !apps.length ? "" : apps[0].data.id; if( oldValue !== this.data[appNodeName] ){ this.getSubFormList(function(){ this.setSubformSelectOptions(formSelectNode, formSelect); formSelect.fireEvent("change", [null, { name: appNodeName, fromValue: oldValue, toValue: this.data[appNodeName] }]); }.bind(this), true, appNodeName); } }.bind(this)); formSelect = this._loadSubformSelect( formSelectNode, formNodeName, appNodeName ) ; }.bind(this)) } }, loadProcessApplictionSelect : function( node, appNodeName, callback ){ var application = appNodeName ? this.data[appNodeName] : ""; MWF.xDesktop.requireApp("process.ProcessDesigner", "widget.PersonSelector", function() { new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "title" : this.form.designer.lp.selectApplication, "type": "application", "count" : 1, "names": application ? [ {id : application} ] : [], "onChange": function (apps) { callback(apps) }.bind(this) }); }.bind(this)) }, _loadSubformSelect : function( node, formNodeName, appNodeName ){ this.subforms = null; var select = new Element("select").inject(node); var oldValue = this.data[formNodeName]; this.getSubFormList(function(){ select.addEvent("change", function(e, appChange){ var value = select.options[select.selectedIndex].value; if( appChange ){ this.setValue(formNodeName, value, select, true); this.checkHistory([appChange.name, formNodeName], [appChange.fromValue, oldValue], [appChange.toValue, value] ) }else{ this.setValue(formNodeName, value, select); } oldValue = value; }.bind(this)); this.setSubformSelectOptions(node, select); var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node); refreshNode.addEvent("click", function(e){ this.getSubFormList(function(){ this.setSubformSelectOptions(node, select); }.bind(this), true, appNodeName); }.bind(this)); var openNode = new Element("div", {"styles": this.form.css.propertyOpenFormNode}).inject(node); openNode.addEvent("click", function(e){ var name = node.get("name"); this._openForm( this.data[name] ); }.bind(this)); }.bind(this), false, appNodeName ); return select; }, setSubformSelectOptions: function(node, select){ var name = node.get("name"); select.empty(); var option = new Element("option", {"text": "none"}).inject(select); this.subforms.each(function(subforms){ if( this.form.json.id !== subforms.id ){ var option = new Element("option", { "text": subforms.name, "value": subforms.id, "selected": (this.data[name]==subforms.id) }).inject(select); } }.bind(this)); }, getSubFormList: function(callback, refresh, appNodeName){ var application = appNodeName ? this.data[appNodeName] : ""; if (!this.subforms || refresh){ this.form.designer.actions.listForm( application || this.form.designer.application.id, function(json){ this.subforms = json.data; if (callback) callback(); }.bind(this)); }else{ if (callback) callback(); } }, _openForm: function( formId ){ var pre = this.appType === "cms" ? "cms" : "process"; if( formId && formId !== "none" ){ this.form.designer.actions.getForm(formId, function(json){ var options = { "style": layout.desktop.formDesignerStyle || "default", "appId": pre+".FormDesigner"+formId, "id": formId }; layout.openApplication(null, pre+".FormDesigner", options); }.bind(this), function () { return true; }) } }, loadPageSelect: function(){ var pageNodes = this.propertyContent.getElements(".MWFPageSelect"); if (pageNodes.length){ this.getPageList(function(){ pageNodes.each(function(node){ var select = new Element("select").inject(node); select.addEvent("change", function(e){ var value = e.target.options[e.target.selectedIndex].value; this.setValue(e.target.getParent("div").get("name"), value, select); }.bind(this)); this.setPageSelectOptions(node, select); var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node); refreshNode.addEvent("click", function(e){ this.getPageList(function(){ this.setPageSelectOptions(node, select); }.bind(this), true); }.bind(this)); }.bind(this)); }.bind(this)); } }, setPageSelectOptions: function(node, select){ var name = node.get("name"); select.empty(); var option = new Element("option", {"text": "none"}).inject(select); this.pages.each(function(page){ if( this.form.json.id !== page.id ){ var option = new Element("option", { "text": page.name, "value": page.id, "selected": (this.data[name]==page.id) }).inject(select); } }.bind(this)); }, getPageList: function(callback, refresh){ if (!this.pages || refresh){ this.form.designer.actions.listPage(this.form.designer.application.id, function(json){ this.pages = json.data; if (callback) callback(); }.bind(this)); }else{ if (callback) callback(); } }, loadWidgetSelect: function(){ var wdigetContainers = this.propertyContent.getElements(".MWFWidgetSelectContainer"); if (wdigetContainers.length){ wdigetContainers.each( function( container ){ var appSelectNode = container.getElement(".MWFWidgetAppSelect"); var widgetSelectNode = container.getElement(".MWFWidgetSelect"); var widgetSelect; var appNodeName = appSelectNode.get("name"); var widgetNodeName = widgetSelectNode.get("name"); this.loadPortalApplictionSelect( appSelectNode, appNodeName, function( apps ){ var oldValue = this.data[appNodeName] || ""; this.data[appNodeName] = !apps.length ? "" : apps[0].data.id; if( oldValue !== this.data[appNodeName] ){ this.getWidgetList(function(){ this.setWidgetSelectOptions(widgetSelectNode, widgetSelect); widgetSelect.fireEvent("change", [null, { name: appNodeName, fromValue: oldValue, toValue: this.data[appNodeName] }]); }.bind(this), true, appNodeName); } }.bind(this)); widgetSelect = this._loadWidgetSelect( widgetSelectNode, widgetNodeName, appNodeName ) ; }.bind(this)); } }, loadPortalApplictionSelect : function( node, appNodeName, callback ){ var application = appNodeName ? this.data[appNodeName] : ""; MWF.xDesktop.requireApp("process.ProcessDesigner", "widget.PersonSelector", function() { new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "title" : this.form.designer.lp.selectApplication, "type": "portal", "count" : 1, "names": application ? [ {id : application} ] : [], "onChange": function (apps) { callback(apps) }.bind(this) }); }.bind(this)) }, _loadWidgetSelect : function( node, widgetNodeName, appNodeName ){ this.widgets = null; var select = new Element("select").inject(node); var oldValue = this.data[widgetNodeName]; this.getWidgetList(function(){ select.addEvent("change", function(e, appChange){ var value = select.options[select.selectedIndex].value; if( appChange ){ this.setValue(widgetNodeName, value, select, true); this.checkHistory([appChange.name, widgetNodeName], [appChange.fromValue, oldValue], [appChange.toValue, value] ) }else{ this.setValue(widgetNodeName, value, select); } oldValue = value; }.bind(this)); this.setWidgetSelectOptions(node, select); var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node); refreshNode.addEvent("click", function(e){ this.getWidgetList(function(){ this.setWidgetSelectOptions(node, select); }.bind(this), true, appNodeName); }.bind(this)); var openNode = new Element("div", {"styles": this.form.css.propertyOpenFormNode}).inject(node); openNode.addEvent("click", function(e){ var name = node.get("name"); var widgetId = this.data[name]; if( widgetId && widgetId !== "none" ){ this.form.designer.actions.getWidget(widgetId, function(json){ var options = { "appId": "portal.WidgetDesigner"+widgetId, "id": widgetId }; layout.openApplication(null, "portal.WidgetDesigner", options); }.bind(this), function () { return true; }) } }.bind(this)); }.bind(this), false, appNodeName ); return select; }, setWidgetSelectOptions: function(node, select){ var name = node.get("name"); select.empty(); var option = new Element("option", {"text": "none"}).inject(select); this.widgets.each(function(widget){ if( this.form.json.id !== widget.id ){ var option = new Element("option", { "text": widget.name, "value": widget.id, "selected": (this.data[name]==widget.id) }).inject(select); } }.bind(this)); }, getWidgetList: function(callback, refresh, appNodeName){ var application = appNodeName ? this.data[appNodeName] : ""; if (!this.widgets || refresh){ this.form.designer.actions.listWidget(application || this.form.designer.application.id, function(json){ this.widgets = json.data; if (callback) callback(); }.bind(this)); }else{ if (callback) callback(); } }, // clearStyles: function(node){ // node.removeProperty("style"); // var subNode = node.getFirst(); // while (subNode){ // this.clearStyles(subNode); // subNode = subNode.getNext(); // } // }, loadDocumentTempleteSelect: function(){ var nodes = this.propertyContent.getElements(".MWFDocumentTempleteSelect"); if (nodes.length){ o2.getJSON("../x_component_process_FormDesigner/Module/Documenteditor/templete/templete.json", function(json){ nodes.each(function(node){ var name = node.get("name"); Object.each(json, function(o, k){ new Element("option", { "text": o.name, "value": k, "selected": (this.data[name]==k) }).inject(node); }.bind(this)); var oldValue = this.data[name]; node.addEvent("change", function(e){ var value = e.target.options[e.target.selectedIndex].value; var name1 = e.target.options[e.target.selectedIndex].get("text"); this.changeJsonDate([name1], value); this.changeData(name1, node, oldValue); this.checkHistory([name, name1], [oldValue, oldValue], [value, value]) oldValue = this.data[name]; }.bind(this)); }.bind(this)); }.bind(this)); } }, loadStatementFilter: function(){ var nodes = this.propertyContent.getElements(".MWFStatementFilter"); var filtrData = this.data.filterList; var parameterData = this.data.parameterList; var oldFiltrData = Array.clone( filtrData || [] ); var oldParameterData = Array.clone( parameterData || [] ); nodes.each(function(node){ MWF.xDesktop.requireApp("query.StatementDesigner", "widget.ViewFilter", function(){ var _slef = this; this.viewFilter = new MWF.xApplication.query.StatementDesigner.widget.ViewFilter(node, this.form.designer, {"filtrData": filtrData, "customData": null, "parameterData": parameterData}, { "statementId" : this.data.queryStatement ? this.data.queryStatement.id : "", "withForm" : true, "onChange": function(ids){ var data = this.getData(); _slef.changeJsonDate(["filterList"], data.filterData); _slef.changeJsonDate(["parameterList"], data.parameterData); //_slef.changeJsonDate(["data", "customFilterEntryList"], data.customData); _slef.checkHistory( "filterList", oldFiltrData, data.filterData ); _slef.checkHistory( "parameterList", oldParameterData, data.parameterData ); oldFiltrData = Array.clone( data.filterData ); oldParameterData = Array.clone( data.parameterData ); } }); }.bind(this)); }.bind(this)); }, loadStatementFilterWithTemplate: function(){ var nodes = this.propertyContent.getElements(".MWFStatementFilterWithTemplate"); var filtrData = this.data.statementFilterList; var parameterData = this.data.statementParameterList; var oldFiltrData = Array.clone( filtrData || [] ); var oldParameterData = Array.clone( parameterData || [] ); nodes.each(function(node){ var statementField = node.dataset["statement"]; MWF.xDesktop.requireApp("query.StatementDesigner", "widget.ViewFilterWithTemplate", function(){ var _slef = this; this.viewFilterWithTemplate = new MWF.xApplication.query.StatementDesigner.widget.ViewFilterWithTemplate(node, this.form.designer, {"filtrData": filtrData, "customData": null, "parameterData": parameterData}, { "statementId" : this.data[statementField] ? this.data[statementField].id : "", "withForm" : true, "onChange": function(ids){ var data = this.getData(); _slef.changeJsonDate(["statementFilterList"], data.filterData); _slef.changeJsonDate(["statementParameterList"], data.parameterData); _slef.checkHistory("statementFilterList", oldFiltrData, data.filterData); _slef.checkHistory( "statementParameterList", oldParameterData, data.parameterData ); oldFiltrData = Array.clone( data.filterData ); oldParameterData = Array.clone( data.parameterData ); } } ); }.bind(this)); }.bind(this)); }, loadViewFilter: function(){ var nodes = this.propertyContent.getElements(".MWFViewFilter"); var filtrData = this.data.filterList; var oldValue = Array.clone(filtrData || []); nodes.each(function(node){ MWF.xDesktop.requireApp("query.ViewDesigner", "widget.ViewFilter", function(){ var _slef = this; new MWF.xApplication.query.ViewDesigner.widget.ViewFilter(node, this.form.designer, {"filtrData": filtrData, "customData": null}, { "onChange": function(ids){ var data = this.getData(); _slef.changeJsonDate(["filterList"], data.data); _slef.checkHistory("filterList", oldValue, data.data); oldValue = Array.clone(data.data); //_slef.changeJsonDate(["data", "customFilterEntryList"], data.customData); } }); }.bind(this)); }.bind(this)); }, loadViewFilterWithTemplate: function(){ var nodes = this.propertyContent.getElements(".MWFViewFilterWithTemplate"); var filtrData = this.data.viewFilterList; var oldValue = Array.clone(filtrData || []); nodes.each(function(node){ MWF.xDesktop.requireApp("query.ViewDesigner", "widget.ViewFilterWithTemplate", function(){ var _slef = this; new MWF.xApplication.query.ViewDesigner.widget.ViewFilterWithTemplate(node, this.form.designer, {"filtrData": filtrData, "customData": null}, { "onChange": function(ids){ var data = this.getData(); _slef.changeJsonDate(["viewFilterList"], data.data); _slef.checkHistory("viewFilterList", oldValue, data.data); oldValue = Array.clone(data.data); //_slef.changeJsonDate(["data", "customFilterEntryList"], data.customData); } }); }.bind(this)); }.bind(this)); }, loadViewSelect: function(){ var viewNodes = this.propertyContent.getElements(".MWFViewSelect"); if (viewNodes.length){ this.getViewList(function(){ viewNodes.each(function(node){ var select = new Element("select").inject(node); select.addEvent("change", function(e){ var viewId = e.target.options[e.target.selectedIndex].value; var viewName = e.target.options[e.target.selectedIndex].get("text"); this.setValue(e.target.getParent("div").get("name"), viewId); this.setValue(e.target.getParent("div").get("name")+"Name", viewName); }.bind(this)); this.setViewSelectOptions(node, select); var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node); refreshNode.addEvent("click", function(e){ this.getViewList(function(){ this.setViewSelectOptions(node, select); }.bind(this), true); }.bind(this)); //select.addEvent("click", function(e){ // this.setFormSelectOptions(node, select); //}.bind(this)); }.bind(this)); }.bind(this)); } }, setViewSelectOptions: function(node, select){ var name = node.get("name"); select.empty(); var option = new Element("option", {"text": "none"}).inject(select); this.views.each(function(view){ var option = new Element("option", { "text": view.name, "value": view.id, "selected": (this.data[name]==view.id) }).inject(select); }.bind(this)); }, getViewList: function(callback, refresh){ if (!this.views || refresh){ this.form.designer.actions.listView(this.form.designer.application.id, function(json){ this.views = json.data; if (callback) callback(); }.bind(this)); }else{ if (callback) callback(); } }, loadValidation: function(){ var nodes = this.propertyContent.getElements(".MWFValidation"); if (nodes.length){ nodes.each(function(node){ var name = node.get("name"); MWF.xDesktop.requireApp("process.FormDesigner", "widget.ValidationEditor", function(){ var validationEditor = new MWF.xApplication.process.FormDesigner.widget.ValidationEditor(node, this.designer, { "onChange": function(){ var oldVaue = this.data[name]; var data = validationEditor.getValidationData(); this.data[name] = data; this.checkHistory(name, oldVaue, data); }.bind(this) }); validationEditor.load(this.data[name]) }.bind(this)); //new MWF.xApplication.process.FormDesigner.widget.ValidationEditor(node, this.designer); }.bind(this)); } }, loadFieldConfig: function(){ var nodes = this.propertyContent.getElements(".MWFFieldConfigArea"); if (nodes.length){ nodes.each(function(node){ var name = node.get("name"); var data; if( this.data[name] ){ data = this.data[name]; }else{ data = this.data[name] = []; } var oldValue = Array.clone(data); MWF.xDesktop.requireApp("process.FormDesigner", "widget.FiledConfigurator", function(){ var filedConfigurator = new MWF.xApplication.process.FormDesigner.widget.FiledConfigurator(node, this.designer, { "title": node.get("data-title"), "hasRefresh": true, "onRefresh": function () { var _self = this; if( typeOf(this.data[name]) === "array" && this.data[name].length > 0 ){ //this.form.designer.lp.selectIcon this.form.designer.confirm( "", node, "导入字段确认", "本操作从数据模板的内部组件获取字段。如果执行本操作，之前配置的字段会被替换，是否继续？", 300, 200, function(){ if( !_self.module.getExpImpFieldJson )return; filedConfigurator.data = _self.module.getExpImpFieldJson(); filedConfigurator.reloadContent(); _self.data[name] = filedConfigurator.data; _self.checkHistory(name, oldValue, _self.data[name]); oldValue = Array.clone( _self.data[name] || [] ); this.close(); }, function(){ this.close(); }) }else{ if( !_self.module.getExpImpFieldJson )return; filedConfigurator.data = _self.module.getExpImpFieldJson(); filedConfigurator.reloadContent(); _self.data[name] = filedConfigurator.data; _self.checkHistory(name, oldValue, _self.data[name]); oldValue = Array.clone(_self.data[name] || [] ); } }.bind(this), "onChange": function(){ this.data[name] = filedConfigurator.getData(); this.checkHistory(name, oldValue, this.data[name]); oldValue = Array.clone(this.data[name] || []); }.bind(this) }, data); filedConfigurator.load() }.bind(this)); }.bind(this)); } }, // _loadVue: function(callback){ // if (!window.Vue){ // o2.load(["vue", "elementui"], { "sequence": true }, callback); // }else{ // if (callback) callback(); // } // }, loadElCommonPreview: function(){ var nodes = this.propertyContent.getElements(".MWFElCommonPreview"); if (nodes.length) { nodes.each(function(node){ node.removeEvents("click") node.addEvent("click", function(){ if (this.module.resetElement) this.module.resetElement(); }.bind(this)); }.bind(this)); } }, loadVueElementUI: function(){ var nodes = this.propertyContent.getElements(".MWFElementColor"); if (nodes.length) { this._loadVue(function(){ var _self = this; nodes.each(function(node){ var name = node.get("name"); var v = _self.data[name] || ""; var oldValue = v; var data = {}; data[name] = v; new Vue({ data: data, methods: { change: function(color){ _self.data[name] = color; _self.changeData(name, null, oldValue); oldValue = _self.data[name]; } } }).$mount(node); }); }.bind(this)); } }, _loadVue: function(callback){ if (!window.Vue){ o2.loadAll({"css": "../o2_lib/vue/element/index.css", "js": ["vue", "elementui"]}, { "sequence": true }, callback); }else{ if (callback) callback(); } }, loadElSelectIcon: function(){ var nodes = this.propertyContent.getElements(".MWFElIcon"); if (nodes.length){ var _self = this; var icons = ["el-icon-platform-eleme","el-icon-eleme","el-icon-delete-solid","el-icon-delete","el-icon-s-tools","el-icon-setting","el-icon-user-solid","el-icon-user","el-icon-phone","el-icon-phone-outline","el-icon-more","el-icon-more-outline","el-icon-star-on","el-icon-star-off","el-icon-s-goods","el-icon-goods","el-icon-warning","el-icon-warning-outline","el-icon-question","el-icon-info","el-icon-remove","el-icon-circle-plus","el-icon-success","el-icon-error","el-icon-zoom-in","el-icon-zoom-out","el-icon-remove-outline","el-icon-circle-plus-outline","el-icon-circle-check","el-icon-circle-close","el-icon-s-help","el-icon-help","el-icon-minus","el-icon-plus","el-icon-check","el-icon-close","el-icon-picture","el-icon-picture-outline","el-icon-picture-outline-round","el-icon-upload","el-icon-upload2","el-icon-download","el-icon-camera-solid","el-icon-camera","el-icon-video-camera-solid","el-icon-video-camera","el-icon-message-solid","el-icon-bell","el-icon-s-cooperation","el-icon-s-order","el-icon-s-platform","el-icon-s-fold","el-icon-s-unfold","el-icon-s-operation","el-icon-s-promotion","el-icon-s-home","el-icon-s-release","el-icon-s-ticket","el-icon-s-management","el-icon-s-open","el-icon-s-shop","el-icon-s-marketing","el-icon-s-flag","el-icon-s-comment","el-icon-s-finance","el-icon-s-claim","el-icon-s-custom","el-icon-s-opportunity","el-icon-s-data","el-icon-s-check","el-icon-s-grid","el-icon-menu","el-icon-share","el-icon-d-caret","el-icon-caret-left","el-icon-caret-right","el-icon-caret-bottom","el-icon-caret-top","el-icon-bottom-left","el-icon-bottom-right","el-icon-back","el-icon-right","el-icon-bottom","el-icon-top","el-icon-top-left","el-icon-top-right","el-icon-arrow-left","el-icon-arrow-right","el-icon-arrow-down","el-icon-arrow-up","el-icon-d-arrow-left","el-icon-d-arrow-right","el-icon-video-pause","el-icon-video-play","el-icon-refresh","el-icon-refresh-right","el-icon-refresh-left","el-icon-finished","el-icon-sort","el-icon-sort-up","el-icon-sort-down","el-icon-rank","el-icon-loading","el-icon-view","el-icon-c-scale-to-original","el-icon-date","el-icon-edit","el-icon-edit-outline","el-icon-folder","el-icon-folder-opened","el-icon-folder-add","el-icon-folder-remove","el-icon-folder-delete","el-icon-folder-checked","el-icon-tickets","el-icon-document-remove","el-icon-document-delete","el-icon-document-copy","el-icon-document-checked","el-icon-document","el-icon-document-add","el-icon-printer","el-icon-paperclip","el-icon-takeaway-box","el-icon-search","el-icon-monitor","el-icon-attract","el-icon-mobile","el-icon-scissors","el-icon-umbrella","el-icon-headset","el-icon-brush","el-icon-mouse","el-icon-coordinate","el-icon-magic-stick","el-icon-reading","el-icon-data-line","el-icon-data-board","el-icon-pie-chart","el-icon-data-analysis","el-icon-collection-tag","el-icon-film","el-icon-suitcase","el-icon-suitcase-1","el-icon-receiving","el-icon-collection","el-icon-files","el-icon-notebook-1","el-icon-notebook-2","el-icon-toilet-paper","el-icon-office-building","el-icon-school","el-icon-table-lamp","el-icon-house","el-icon-no-smoking","el-icon-smoking","el-icon-shopping-cart-full","el-icon-shopping-cart-1","el-icon-shopping-cart-2","el-icon-shopping-bag-1","el-icon-shopping-bag-2","el-icon-sold-out","el-icon-sell","el-icon-present","el-icon-box","el-icon-bank-card","el-icon-money","el-icon-coin","el-icon-wallet","el-icon-discount","el-icon-price-tag","el-icon-news","el-icon-guide","el-icon-male","el-icon-female","el-icon-thumb","el-icon-cpu","el-icon-link","el-icon-connection","el-icon-open","el-icon-turn-off","el-icon-set-up","el-icon-chat-round","el-icon-chat-line-round","el-icon-chat-square","el-icon-chat-dot-round","el-icon-chat-dot-square","el-icon-chat-line-square","el-icon-message","el-icon-postcard","el-icon-position","el-icon-turn-off-microphone","el-icon-microphone","el-icon-close-notification","el-icon-bangzhu","el-icon-time","el-icon-odometer","el-icon-crop","el-icon-aim","el-icon-switch-button","el-icon-full-screen","el-icon-copy-document","el-icon-mic","el-icon-stopwatch","el-icon-medal-1","el-icon-medal","el-icon-trophy","el-icon-trophy-1","el-icon-first-aid-kit","el-icon-discover","el-icon-place","el-icon-location","el-icon-location-outline","el-icon-location-information","el-icon-add-location","el-icon-delete-location","el-icon-map-location","el-icon-alarm-clock","el-icon-timer","el-icon-watch-1","el-icon-watch","el-icon-lock","el-icon-unlock","el-icon-key","el-icon-service","el-icon-mobile-phone","el-icon-bicycle","el-icon-truck","el-icon-ship","el-icon-basketball","el-icon-football","el-icon-soccer","el-icon-baseball","el-icon-wind-power","el-icon-light-rain","el-icon-lightning","el-icon-heavy-rain","el-icon-sunrise","el-icon-sunrise-1","el-icon-sunset","el-icon-sunny","el-icon-cloudy","el-icon-partly-cloudy","el-icon-cloudy-and-sunny","el-icon-moon","el-icon-moon-night","el-icon-dish","el-icon-dish-1","el-icon-food","el-icon-chicken","el-icon-fork-spoon","el-icon-knife-fork","el-icon-burger","el-icon-tableware","el-icon-sugar","el-icon-dessert","el-icon-ice-cream","el-icon-hot-water","el-icon-water-cup","el-icon-coffee-cup","el-icon-cold-drink","el-icon-goblet","el-icon-goblet-full","el-icon-goblet-square","el-icon-goblet-square-full","el-icon-refrigerator","el-icon-grape","el-icon-watermelon","el-icon-cherry","el-icon-apple","el-icon-pear","el-icon-orange","el-icon-coffee","el-icon-ice-tea","el-icon-ice-drink","el-icon-milk-tea","el-icon-potato-strips","el-icon-lollipop","el-icon-ice-cream-square","el-icon-ice-cream-round"]; nodes.each(function(node){ var name = node.get("name"); var data = this.data[name] || ""; var oldValue = data; var area = new Element("div", { "styles": { "height": "300px", "overflow": "auto", "font-size": "24px" } }).inject(node); icons.forEach(function(i){ if (data==i){ area.appendHTML(""); }else{ area.appendHTML(""); } }); this._loadVue(function(){ new Vue({ methods:{ selected: function(e){ var iNode = (e.target || e.srcElement); if (iNode && iNode.hasClass("mainColor_bg")){ iNode.removeClass("mainColor_bg"); _self.data[name] = ""; _self.changeData(name, null, oldValue); oldValue = _self.data[name]; }else{ this.$el.getElements("i").forEach(function(el){ if (el.hasClass("mainColor_bg")) el.removeClass("mainColor_bg"); }); if (iNode){ iNode.addClass("mainColor_bg"); var iconName = iNode.dataset["icon"]; _self.data[name] = iconName; _self.changeData(name, null, oldValue); oldValue = _self.data[name]; } } } } }).$mount(node); }.bind(this)); // MWF.xDesktop.requireApp("process.FormDesigner", "widget.FiledConfigurator", function(){ // var filedConfigurator = new MWF.xApplication.process.FormDesigner.widget.FiledConfigurator(node, this.designer, { // "onChange": function(){ // debugger; // this.data[name] = filedConfigurator.getData(); // }.bind(this) // }, data); // filedConfigurator.load() // }.bind(this)); }.bind(this)); } }, loadIconSelect: function(){ var nodes = this.propertyContent.getElements(".MWFIcon"); if (nodes.length){ nodes.each(function(node){ var id = node.get("name"); var icon = this.data[id]; var iconNode = new Element("div", {"styles": this.form.css.processIconNode}).inject(node); if (icon) iconNode.setStyles({"background": "url("+icon+") center center no-repeat"}); var selectNode = new Element("div", {"styles": this.form.css.processIconSelectNode, "text": this.form.designer.lp.selectIcon}).inject(node); selectNode.addEvent("click", function(){ this.selectIcon(node); }.bind(this)); }.bind(this)); } }, selectIcon: function(node){ if (!node.iconMenu){ var tr = node.getParent("tr"); var p = tr.getPosition(this.form.designer.content); var iconSelectMenu = new MWF.widget.Menu(node, {"left": p.x-330, "top": p.y, "event": "click", "style": "processIcon"}); //var iconSelectMenu = new MWF.widget.Menu(node, {"event": "click", "style": "processIcon"}); iconSelectMenu.load(); node.iconMenu = iconSelectMenu; var _self = this; for (var i=0; i<=48; i++){ var icon = "../x_component_process_ProcessManager/$Explorer/default/processIcon/process_icon_"+i+".png"; var item = iconSelectMenu.addMenuItem("", "click", function(){ var id = node.get("name"); var src = this.item.getElement("img").get("src"); _self.data[id] = src; node.getFirst("div").setStyle("background-image", "url("+src+")"); }, icon); item.iconName = icon; } } }, loadLabelFlagSelect: function(){ var nodes = this.propertyContent.getElements(".MWFLabelFlag"); if (nodes.length){ nodes.each(function(node){ var id = node.get("name"); var icon = this.data[id]; var iconNode = new Element("div", {"styles": this.form.css.labelFlagNode}).inject(node); if (icon) iconNode.setStyles({"background": "url("+icon+") center center no-repeat"}); var selectNode = new Element("div", {"styles": this.form.css.processIconSelectNode, "text": this.form.designer.lp.empty}).inject(node); selectNode.addEvent("click", function(e){ var id = node.get("name"); var oldValue = this.data[id]; this.data[id] = ""; node.getFirst("div").setStyle("background-image", ""); this.changeData(id, null, oldValue); e.stopPropagation(); }.bind(this)); var selectNode = new Element("div", {"styles": this.form.css.processIconSelectNode, "text": this.form.designer.lp.select}).inject(node); selectNode.addEvent("click", function(){ this.selectLabelFlag(node); }.bind(this)); }.bind(this)); } }, selectLabelFlag: function(node){ if (!node.iconMenu){ var iconSelectMenu = new MWF.widget.Menu(node, {"event": "click", "style": "labelFlag"}); iconSelectMenu.load(); node.iconMenu = iconSelectMenu; var _self = this; for (var i=1; i<=21; i++){ var icon = "../x_component_process_FormDesigner/Module/Label/default/icon/flag/"+i+".png"; var item = iconSelectMenu.addMenuItem("", "click", function(){ var id = node.get("name"); var src = this.item.getElement("img").get("src"); var oldValue = _self.data[id]; _self.data[id] = src; node.getFirst("div").setStyle("background-image", "url("+src+")"); _self.changeData(id, null, oldValue); }, icon); item.iconName = icon; } } }, loadImageFileSelect: function(){ // var nodes = this.propertyContent.getElements(".MWFImageFileSelect"); // if (nodes.length){ // // // // // this.getFileList(function(){ // nodes.each(function(node){ // var select = new Element("select").inject(node); // select.addEvent("change", function(e){ // this.setValue(e.target.getParent("div").get("name"), e.target.options[e.target.selectedIndex].value, select); // // }.bind(this)); // this.setFileSelectOptions(node, select); // // var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node); // refreshNode.addEvent("click", function(e){ // this.getFileList(function(){ // this.setFileSelectOptions(node, select); // }.bind(this), true); // }.bind(this)); // }.bind(this)); // }.bind(this)); // } }, setFileSelectOptions: function(node, select){ var name = node.get("name"); select.empty(); var option = new Element("option", {"text": "none"}).inject(select); this.files.each(function(file){ var option = new Element("option", { "text": file.name, "value": file.id, "selected": (this.data[name]==file.id) }).inject(select); }.bind(this)); }, getFileList: function(callback, refresh){ if (!this.files || refresh){ this.form.designer.actions.listFile(this.form.designer.application.id, function(json){ this.files = json.data; if (callback) callback(); }.bind(this)); }else{ if (callback) callback(); } }, loadImageClipper: function(){ var nodes = this.propertyContent.getElements(".MWFImageClipper"); if (nodes.length){ nodes.each(function(node){ var id = node.get("name"); var selectNode = new Element("div", {"styles": this.form.css.processIconSelectNode, "text": this.form.designer.lp.selectImage}).inject(node); selectNode.addEvent("click", function(){ this.selectImage(node, id); }.bind(this)); }.bind(this)); } }, createUploadFileAreaNode: function(node, name){ this.uploadFileAreaNode = new Element("div"); var html = ""; this.uploadFileAreaNode.set("html", html); this.fileUploadNode = this.uploadFileAreaNode.getFirst(); this.fileUploadNode.addEvent("change", function(){ //var fileId = attachment.data.id; var files = this.fileUploadNode.files; if (files.length){ var count = files.length; for (var i = 0; i < files.length; i++) { var file = files.item(i); var formData = new FormData(); formData.append('file', file); MWF.xDesktop.uploadImage( this.form.json.id, (this.module.form.moduleType=="page") ? "portalPage" : "processPlatformForm", formData, file, function(json){ var id = json.id; var src = MWF.xDesktop.getImageSrc(id); var data = {"imageSrc": src, "imageId": id}; this.changeJsonDate(name, data); this.changeData(name, node, null); }.bind(this) ); } } }.bind(this)); }, selectImage: function(node, name){ if (!this.uploadFileAreaNode){ this.createUploadFileAreaNode(node, name); } //this.fileUploadNode.set("accept", "application/vnd.openxmlformats-officedocument.wordprocessingml.document"); this.fileUploadNode.set("multiple", false); var fileNode = this.uploadFileAreaNode.getFirst(); fileNode.set("accept", ".png,.jpg,.bmp,.gif,.jpeg,.jpe"); fileNode.click(); //MWF.xDesktop.requireApp("process.FormDesigner", "widget.ImageClipper", function(){ // var size = this.module.node.getSize(); // var image = new MWF.xApplication.process.FormDesigner.widget.ImageClipper(this.designer, { // "title": this.form.designer.lp.selectImage, // "width": (this.data.styles.width) ? size.x : 0, // "height": (this.data.styles.height) ? size.y : 0, // "imageUrl" : this.data.imageSrc, // "reference" : this.form.json.id, // "referenceType": (this.module.form.moduleType=="page") ? "portalPage" : "processPlatformForm", // "onChange": function(){ // var data = {"imageSrc": image.imageSrc, "imageId": image.imageId}; // this.changeJsonDate(name, data); // this.changeData(name, node, null); // }.bind(this) // }); // image.load(this.data[name]) //}.bind(this)); }, loadEventsEditor: function(){ var events = this.propertyContent.getElement(".MWFEventsArea"); if (events){ var name = events.get("name"); var eventsObj = this.data[name]; MWF.xDesktop.requireApp("process.FormDesigner", "widget.EventsEditor", function(){ var eventsEditor = new MWF.xApplication.process.FormDesigner.widget.EventsEditor(events, this.designer, { //"maxObj": this.propertyNode.parentElement.parentElement.parentElement, "maxObj": this.designer.formContentNode || this.designer.pageContentNode, "onChange": function (eventName, newValue, oldValue, compareName) { this.checkHistory(name+"."+eventName, oldValue, newValue, null, compareName ? (name+"."+compareName) : ""); }.bind(this) }); eventsEditor.load(eventsObj, this.data, name); }.bind(this)); } }, testRestful: function(){ var node = this.propertyContent.getElements(".MWFTestRestful"); if (node){ var resultNode = node.getLast(); node.getFirst().addEvent("click", function(){ }.bind(this)); } }, loadContextRoot: function(){ var nodes = this.propertyContent.getElements(".MWFContextRoot"); if (nodes){ nodes.each(function(node){ var name = node.get("name"); var selects = node.getElements("select"); var rootSelect = selects[0]; var actionSelect = selects[1]; var methodSelect = selects[2]; var pathInput = node.getElement("input"); //var select = new Element("select").inject(node); //var methodSelect = new Element("select").inject(node); var getValue = function(){ var v; try { v = JSON.parse(this.data[name]); }catch(e){ v = {"root": this.data[name], "action":"", "method": "", "uri": ""}; } return v }.bind(this); var value = getValue(); var resetRootSelects = function(){ var root = rootSelect.options[rootSelect.selectedIndex].value; var action = o2.Actions.load(root); actionSelect.empty(); methodSelect.empty(); pathInput.set("value", ""); var value = getValue(); Object.each(action, function(o, key){ var option = new Element("option", {"value": key, "text": key, "selected": (value.action==key)}).inject(actionSelect); }); return JSON.stringify({"root": root, "action":"", "method": "", "uri": ""}); }; var resetActionSelects = function(){ var root = rootSelect.options[rootSelect.selectedIndex].value; var actionName = actionSelect.options[actionSelect.selectedIndex].value; var action = o2.Actions.load(root); methodSelect.empty(); pathInput.set("value", ""); var value = getValue(); Object.each(action[actionName].action.actions, function(o, key){ var option = new Element("option", {"value": key, "text": key, "selected": (value.method==key)}).inject(methodSelect); }); return JSON.stringify({"root": root, "action":actionName, "method": "", "uri": ""}); }; var resetMethodSelects = function(){ var root = rootSelect.options[rootSelect.selectedIndex].value; var actionName = actionSelect.options[actionSelect.selectedIndex].value; var methodName = methodSelect.options[methodSelect.selectedIndex].value; var action = o2.Actions.load(root); var uri = action[actionName].action.actions[methodName].uri; pathInput.set("value", uri); return JSON.stringify({"root": root, "action":actionName, "method": methodName, "uri": uri}); }; Object.each(layout.serviceAddressList, function(v, key){ var option = new Element("option", {"value": key, "text": v.name, "selected": (value.root==key)}).inject(rootSelect); }.bind(this)); var option = new Element("option", {"value": "x_program_center", "text": MWF.APPFD.LP.propertyTemplate.centerServer, "selected": (value.root=="x_program_center")}).inject(rootSelect); resetRootSelects() resetActionSelects(); resetMethodSelects(); rootSelect.addEvent("change", function(){ resetRootSelects(); resetActionSelects(); var data = resetMethodSelects(); this.changeJsonDate(name, data); this.changeData(name, node, value); }.bind(this)); actionSelect.addEvent("change", function(){ resetActionSelects(); var data = resetMethodSelects(); this.changeJsonDate(name, data); this.changeData(name, node, value); }.bind(this)); methodSelect.addEvent("change", function(){ var data = resetMethodSelects(); this.changeJsonDate(name, data); this.changeData(name, node, value); }.bind(this)); }.bind(this)); } }, loadSourceTestRestful: function(){ var nodes = this.propertyContent.getElements(".MWFSourceTestRestful"); if (nodes.length){ nodes.each(function(node){ var button = node.getFirst(); var content = node.getLast(); //var button = new Element("input", {"type": "button", "value": "Test"}).inject(node); button.addEvent("click", function(e){ this.testSourceRestful(content); }.bind(this)); }.bind(this)); } }, testSourceRestful: function(content){ var service; try { service = JSON.parse(this.module.json.contextRoot); }catch(e){ service = {"root": this.module.json.contextRoot, "action":"", "method": "", "url": ""}; } var address = this._getO2Address(service.root); var uri = this._getO2Uri(this.module, address); this._invoke(this.module, uri, function(json){ content.empty(); MWF.require("MWF.widget.JsonParse", function(){ var jsonParse = new MWF.widget.JsonParse(json, content, null); jsonParse.load(); }.bind(this)); }.bind(this)); }, _getO2Address: function(contextRoot){ var addressObj = layout.serviceAddressList[contextRoot]; var address = ""; var defaultPort = layout.config.app_protocol==='https' ? "443" : "80"; if (addressObj){ var appPort = addressObj.port || window.location.port; address = layout.config.app_protocol+"//"+(addressObj.host || window.location.hostname)+((!appPort || appPort.toString()===defaultPort) ? "" : ":"+appPort)+addressObj.context; }else{ var host = layout.desktop.centerServer.host || window.location.hostname; var port = layout.desktop.centerServer.port || window.location.port; address = layout.config.app_protocol+"//"+host+((!port || port.toString()===defaultPort) ? "" : ":"+port)+"/"+contextRoot; } return address; }, _getO2Uri: function(module, address){ //var uri = module.json.path || module.json.selectPath; var uri = module.json.path; var pars = {}; MWF.require("MWF.xScript.Macro", null, false); var macro = new MWF.Macro["PageContext"]({"businessData": {}, "json": {}, "options": {}}); if (module.json.parameters){ Object.each(module.json.parameters, function(v, key){ if (uri.indexOf("{"+key+"}")!==-1){ var reg = new RegExp("{"+key+"}", "g"); uri = uri.replace(reg, encodeURIComponent((v && v.code) ? (macro.exec(v.code, this) || "") : v)); }else{ pars[key] = v; } }.bind(this)); } var data = null; if (module.json.requestBody){ if (module.json.requestBody.code){ data = macro.exec(module.json.requestBody.code, this) } } if (module.json.httpMethod==="GET" || module.json.httpMethod==="OPTIONS" || module.json.httpMethod==="HEAD" || module.json.httpMethod==="DELETE"){ var tag = "?"; if (uri.indexOf("?")!==-1) tag = "&"; Object.each(pars, function(v, k){ var value = (v && v.code) ? (macro.exec(v.code, this) || "") : v; uri = uri+tag+k+"="+value; }.bind(this)); }else{ Object.each(pars, function(v, k){ if (!data) data = {}; var value = (v && v.code) ? (macro.exec(v.code, this) || "") : v; data[k] = value; }.bind(this)); } this.body = data; return {"uri": address+uri, "body": data}; }, _invoke: function(module, uri, callback){ MWF.restful(module.json.httpMethod, uri.uri, JSON.encode(uri.body), function(json){ //this.data = json; if (callback) callback(json); }.bind(this), true, true); }, loadUnitTypeSelector: function(){ var nodes = this.propertyContent.getElements(".MWFFormUnitTypeSelector"); if (nodes.length){ this.getUnitTypeList(function(){ nodes.each(function(node){ var select = new Element("select").inject(node); select.addEvent("change", function(e){ this.setValue(e.target.getParent("div").get("name"), e.target.options[e.target.selectedIndex].value); }.bind(this)); this.setUnitTypeSelectOptions(node, select); this.setValue(select.getParent("div").get("name"), select.options[select.selectedIndex].value, null, true); // var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node); // refreshNode.addEvent("click", function(e){ // this.getUnitTypeList(function(){ // this.setUnitTypeSelectOptions(node, select); // }.bind(this), true); // }.bind(this)); }.bind(this)); }.bind(this)); } }, setUnitTypeSelectOptions: function(node, select){ var name = node.get("name"); select.empty(); var option = new Element("option", {"value":"all", "text": this.form.designer.lp.all, "selected": (!this.data[name] || this.data[name]==="all")}).inject(select); this.unitTypeList.each(function(unitType){ var option = new Element("option", { "text": unitType, "value": unitType, "selected": (this.data[name]===unitType) }).inject(select); }.bind(this)); }, getUnitTypeList: function(callback, refresh){ if (!this.unitTypeList || refresh){ //MWF.xDesktop.requireApp("Org", "Actions.RestActions", function(){ // var action = new MWF.xApplication.Org.Actions.RestActions(); var action = MWF.Actions.get("x_organization_assemble_control"); action.listUnitType(function(json){ this.unitTypeList = json.data.valueList; if (callback) callback(); }.bind(this)); //}.bind(this)); }else{ if (callback) callback(); } }, loadParameterEditor: function(){ var pars = this.propertyContent.getElements(".MWFParameterArea"); if (pars){ pars.each(function(par){ var name = par.get("name"); if (!this.data[name]) this.data[name] = {}; var parObj = this.data[name]; MWF.xDesktop.requireApp("process.FormDesigner", "widget.ParameterEditor", function(){ var parameterEditor = new MWF.xApplication.process.FormDesigner.widget.ParameterEditor(par, this.designer, { //"maxObj": this.propertyNode.parentElement.parentElement.parentElement, "maxObj": this.designer.formContentNode, "onChange": function (eventName, newValue, oldValue, compareName) { debugger; this.checkHistory(name+"."+eventName, oldValue, newValue, null, compareName ? (name+"."+compareName) : ""); }.bind(this) }); parameterEditor.load(parObj, this.data, name); }.bind(this)); }.bind(this)); } }, loadArrayList: function(){ var arrays = this.propertyContent.getElements(".MWFArraylist"); arrays.each(function(node){ var title = node.get("title"); var name = node.get("name"); var arr = this.data[name]; if (!arr) arr = []; MWF.require("MWF.widget.Arraylist", function(){ var arraylist = new MWF.widget.Arraylist(node, { "title": title, "onChange": function(){ var oldValue = this.data[name]; this.data[name] = arraylist.toArray(); this.checkHistory(name, oldValue, this.data[name]); }.bind(this) }); arraylist.load(arr); }.bind(this)); node.addEvent("keydown", function(e){e.stopPropagation();}); }.bind(this)); }, loadHtmlEditorArea: function(){ var htmlAreas = this.propertyContent.getElements(".MWFHtmlEditorArea"); htmlAreas.each(function(node){ var title = node.get("title"); var name = node.get("name"); var scriptContent = this.data[name]; MWF.require("MWF.widget.HtmlEditorArea", function(){ var htmlArea = new MWF.widget.HtmlEditorArea(node, { "title": title, //"maxObj": this.propertyNode.parentElement.parentElement.parentElement, "maxObj": this.designer.formContentNode || this.designer.pageContentNode, "onChange": function(){ debugger; var oldValue = this.data[name]; this.data[name] = htmlArea.getValue(); this.changeData(name, null, oldValue); htmlArea.isChanged = true; }.bind(this), // "onBlur": function(){ // if (htmlArea.isChanged){ // this.changeData(name, node, ""); // htmlArea.isChanged = false; // } // }.bind(this), "onSave": function(){ this.designer.saveForm(); }.bind(this) }); htmlArea.load({"code": scriptContent}); }.bind(this)); }.bind(this)); }, loadStylesList: function(){ var _self = this; var styleSelNodes = this.propertyContent.getElements(".MWFFormStyle"); styleSelNodes.each(function(node){ if (this.module.form.stylesList){ if (!this.data.formStyleType) this.data.formStyleType = "default"; var mode = ( this.form.options.mode || "" ).toLowerCase() === "mobile" ? "mobile" : "pc"; Object.each(this.module.form.stylesList, function(s, key){ if( s.mode.contains( mode ) ){ new Element("option", { "text": s.name, "value": key, "selected": ((!this.data.formStyleType && key=="default") || (this.data.formStyleType==key)) }).inject(node) } }.bind(this)); }else{ node.getParent("tr").setStyle("display", "none"); } var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node, "after"); refreshNode.addEvent("click", function(e){ _self.changeData(this.get("name"), this ); }.bind(node)); }.bind(this)); }, // loadStylesList: function(){ // var _self = this; // var styleSelNodes = this.propertyContent.getElements(".MWFFormStyle"); // styleSelNodes.each(function(node){ // if (this.module.form.stylesList){ // if (!this.data.formStyleType) this.data.formStyleType = "default"; // var mode = ( this.form.options.mode || "" ).toLowerCase() === "mobile" ? "mobile" : "pc"; // Object.each(this.module.form.stylesList, function(s, key){ // if( s.mode.contains( mode ) ){ // new Element("option", { // "text": s.name, // "value": key, // "selected": ((!this.data.formStyleType && key=="default") || (this.data.formStyleType==key)) // }).inject(node) // } // }.bind(this)); // }else{ // node.getParent("tr").setStyle("display", "none"); // } // // var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(node, "after"); // refreshNode.addEvent("click", function(e){ // _self.changeData(this.get("name"), this ); // }.bind(node)); // }.bind(this)); // }, loadDivTemplateType: function(){ var nodes = this.propertyContent.getElements(".MWFDivTemplate"); if (nodes.length){ var keys = []; //if (this.module.form.stylesList) { // if (this.module.form.stylesList[this.module.form.json.formStyleType]){ // var styles = this.module.form.stylesList[this.module.form.json.formStyleType][this.module.moduleName]; // if (styles) { // Object.each(styles, function (v, k) { // keys.push(k); // }.bind(this)); // } // } //} if (this.module.form.templateStyles && this.module.form.templateStyles[this.module.moduleName]) { var styles = this.module.form.templateStyles[this.module.moduleName]; if (styles) { Object.each(styles, function (v, k) { keys.push(k); }.bind(this)); } } nodes.each(function(node){ node.empty(); new Element("option", { "text": "default", "value": "default", "selected": (!this.data.templateType || this.data.templateType=="default") }).inject(node); if (keys.length){ keys.each(function(k){ new Element("option", { "text": styles[k].name, "value": k, "selected": (this.data.templateType==k) }).inject(node) }.bind(this)); }else{ node.getParent("tr").setStyle("display", "none"); } }.bind(this)); } }, loadPersonInput: function(){ var personMultipleNodes = this.propertyContent.getElements(".MWFPersonMultiple"); var personIdentityNodes = this.propertyContent.getElements(".MWFPersonIdentity"); var personUnitNodes = this.propertyContent.getElements(".MWFPersonUnit"); var dutyNodes = this.propertyContent.getElements(".MWFDutySelector"); var dutyNameNodes = this.propertyContent.getElements(".MWFPersonDuty"); var viewNodes = this.propertyContent.getElements(".MWFViewSelect"); var cmsviewNodes = this.propertyContent.getElements(".MWFCMSViewSelect"); var queryviewNodes = this.propertyContent.getElements(".MWFQueryViewSelect"); var queryStatementNodes = this.propertyContent.getElements(".MWFQueryStatementSelect"); var querystatNodes = this.propertyContent.getElements(".MWFQueryStatSelect"); var fileNodes = this.propertyContent.getElements(".MWFImageFileSelect"); var processFileNodes = this.propertyContent.getElements(".MWFProcessImageFileSelect"); var cmsFileNodes = this.propertyContent.getElements(".MWFCMSImageFileSelect"); var scriptNodes = this.propertyContent.getElements(".MWFScriptSelect"); var formStyleNodes = this.propertyContent.getElements(".MWFFormStyleSelect"); var dictionaryNodes = this.propertyContent.getElements(".MWFDictionarySelect"); var queryImportModelNodes = this.propertyContent.getElements(".MWFQueryImportModelSelect"); MWF.xDesktop.requireApp("process.ProcessDesigner", "widget.PersonSelector", function(){ personMultipleNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "types": node.get("data-types").split(","), "names": this.data[node.get("name")], "onChange": function(ids){this.savePersonItem(node, ids);}.bind(this) }); }.bind(this)); personIdentityNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "identity", "names": this.data[node.get("name")], "onChange": function(ids){this.savePersonItem(node, ids);}.bind(this) }); }.bind(this)); personUnitNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "unit", "names": this.data[node.get("name")], "onChange": function(ids){this.savePersonItem(node, ids);}.bind(this) }); }.bind(this)); dutyNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "duty", "names": this.data[node.get("name")], "onChange": function(ids){this.addDutyItem(node, ids);}.bind(this), "onRemoveDuty": function(item){this.removeDutyItem(node, item);}.bind(this) }); }.bind(this)); dutyNameNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "dutyName", "names": this.data[node.get("name")], "onChange": function(ids){this.savePersonItem(node, ids);}.bind(this) }); }.bind(this)); viewNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "View", "count": 1, "names": [this.data[node.get("name")]], "onChange": function(ids){this.saveViewItem(node, ids);}.bind(this) }); }.bind(this)); cmsviewNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "CMSView", "count": 1, "names": [this.data[node.get("name")]], "onChange": function(ids){this.saveViewItem(node, ids);}.bind(this) }); }.bind(this)); queryviewNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "QueryView", "count": node.dataset["count"] || 1, "names": typeOf(this.data[node.get("name")]) === "array" ? this.data[node.get("name")] : [this.data[node.get("name")]], "onChange": function(ids){this.saveViewItem(node, ids);}.bind(this) }); }.bind(this)); queryStatementNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "QueryStatement", "count": 1, "viewEnable": true, "names": [this.data[node.get("name")]], "onChange": function(ids){this.saveViewItem(node, ids);}.bind(this) }); }.bind(this)); querystatNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "QueryStat", "count": 1, "names": [this.data[node.get("name")]], "onChange": function(ids){this.saveViewItem(node, ids);}.bind(this) }); }.bind(this)); queryImportModelNodes.each(function(node){ new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "QueryImportModel", "count": 1, "names": [this.data[node.get("name")]], "onChange": function(ids){this.saveViewItem(node, ids);}.bind(this) }); }.bind(this)); scriptNodes.each(function(node){ var ps = new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "Script", "count": node.dataset["count"] || 1, "names": (!node.dataset["count"] || node.dataset["count"].toInt()==1) ? [this.data[node.get("name")]] : this.data[node.get("name")], "onChange": function(ids){ this.saveScriptSelectItem(node, ids); }.bind(this) }); node.store("selector", ps); var actionNode = node.getNext(); if (actionNode.hasClass("MWFScriptSelectAction")){ var _self = this; var copyNode = actionNode.getFirst(); var pasteNode = actionNode.getLast(); copyNode.store("slectNode", node); pasteNode.store("slectNode", node); copyNode.addEvent("click", function(e){ var selectNode = this.retrieve("slectNode"); if (selectNode){ var name = node.get("name"); var data = _self.data[name]; if (data){ var str = JSON.encode(data); o2.DL.open({ "isTitle": false, "width": 400, "height": 500, "html": "", "buttonList": [{ "type": "ok", "text": "ok", "action": function(){this.close();} }] }) } } }); pasteNode.addEvent("click", function(e){ var selectNode = this.retrieve("slectNode"); if (selectNode){ o2.DL.open({ "isTitle": false, "width": 400, "height": 500, "html": "", "buttonList": [{ "type": "ok", "text": "ok", "action": function(){ var dataStr = this.content.getElement("textarea").get("value"); try{ var data = JSON.decode(dataStr); var s = selectNode.retrieve("selector"); s.setData(data); _self.saveScriptSelectItem(selectNode, s.identitys); }catch(e){ throw e; } this.close(); } },{ "type": "cancel", "text": "cancel", "action": function(){this.close();} }] }) } }); } }.bind(this)); var _self = this; formStyleNodes.each(function(node){ var data = this.data[node.get("name")]; if( typeOf( data ) === "string" ){ for( var key in this.module.form.stylesList ){ var s = this.module.form.stylesList[key]; if( ((!data && key=="default") || (data==key)) ){ data = { name : s.name, id : key }; break; } } } new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "FormStyle", "count": 1, "names": [data], "selectorOptions" : { "mode" : ( this.form.options.mode || "" ).toLowerCase() === "mobile" ? "mobile" : "pc" }, "validFun" : function (ids) { var flag = true; if( ids.length === 0 ){ this.designer.notice(MWF.APPFD.LP.mustSelectFormStyle, "error"); flag = false; }else if( ids[0].data.type === "script" ){ this.designer.actions.getScriptByName( ids[0].data.name, ids[0].data.application, function( json ) { try{ var f = eval("(function(){\n return "+json.data.text+"\n})"); var j = f(); if( typeOf(j) !== "object" ){ this.designer.notice( MWF.APPFD.LP.notValidJson, "error" ); flag = false; } }catch (e) { this.designer.notice( MWF.APPFD.LP.notValidJson +"："+ e.message, "error" ); flag = false; } }.bind(this), function () { flag = false; }, false); } return flag; }.bind(this), "onChange": function(ids){ var d = ids[0].data; var data; if( d.type === "script" ){ data = { "type" : "script", "name": d.name, "alias": d.alias, "id": d.id, "appName" : d.appName || d.applicationName, "appId": d.appId, "application": d.application }; }else{ data = d.id; } var name = node.get("name"); var oldValue = this.data[name]; this.data[name] = data; this.changeData(name, node, oldValue); }.bind(this) }); var next = node.getNext(); if( next && next.get("class") === "MWFScriptSelectRefresh" ){ var refreshNode = new Element("div", {"styles": this.form.css.propertyRefreshFormNode}).inject(next); refreshNode.addEvent("click", function(e){ _self.changeData(this.get("name"), this ); }.bind(node)); } }.bind(this)); dictionaryNodes.each(function(node){ var data = this.data[node.get("name")]; new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "Dictionary", "count": node.dataset["count"] || 0, "names": typeOf(data)==="array" ? data : [data], "onChange": function(ids){ var data = []; var name = node.get("name"); if( ids.length > 0 ){ // var d = ids[0].data; ids.each( function (id) { var d = id.data; data.push({ "type" : "dictionary", "name": d.name, "alias": d.alias, "id": d.id, "appName" : d.appName || d.applicationName, "appAlias" : d.appAlias || d.applicationAlias, "appId": d.appId, "application": d.application, "appType" : d.appType }) }); } var oldValue = this.data[name]; this.data[name] = data; this.changeData(name, node, oldValue); }.bind(this) }); }.bind(this)); fileNodes.each(function(node){ var d = this.data[node.get("name")]; var data = d || {}; //this.form if (d && typeOf(d)==="string"){ if (this.form.page){ data = {"id": d, "portal": this.form.application} }else{ data = {"id": d, "application": this.form.application} } } new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "PortalFile", "count": 1, "isImage": true, "values": (data.id) ? [data.id] : [], "onChange": function(ids){this.saveFileItem(node, ids);}.bind(this) }); }.bind(this)); processFileNodes.each(function(node){ var d = this.data[node.get("name")]; var data = d || {}; //this.form if (d && typeOf(d)==="string"){ if (this.form.page){ data = {"id": d, "portal": this.form.application} }else{ data = {"id": d, "application": this.form.application} } } new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "ProcessFile", "count": 1, "isImage": true, "values": (data.id) ? [data.id] : [], "onChange": function(ids){this.saveFileItem(node, ids);}.bind(this) }); }.bind(this)); cmsFileNodes.each(function(node){ var d = this.data[node.get("name")]; var data = d || {}; //this.form if (d && typeOf(d)==="string"){ data = {"id": d, "appId": this.form.application || this.form.appId} } new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(node, this.form.designer, { "type": "CMSFile", "count": 1, "isImage": true, "values": (data.id) ? [data.id] : [], "onChange": function(ids){this.saveFileItem(node, ids);}.bind(this) }); }.bind(this)); }.bind(this)); }, loadDictionaryItem: function(){ var dictItemContainers = this.propertyContent.getElements(".MWFDictionaryItemContainer"); dictItemContainers.each(function (container) { var dictNode = container.getElement(".MWFDictionaryNode"); var dictItemNode = container.getElement(".MWFDictionaryItemNode"); var dictItemSelect; MWF.xDesktop.requireApp("process.ProcessDesigner", "widget.PersonSelector", function() { var data = this.data[dictNode.get("name")]; new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(dictNode, this.form.designer, { "type": "Dictionary", "count": dictNode.dataset["count"] || 0, "names": typeOf(data) === "array" ? data : [data], "onChange": function (ids) { var data = []; var name = dictNode.get("name"); if (ids.length > 0) { // var d = ids[0].data; ids.each(function (id) { var d = id.data; data.push({ "type": "dictionary", "name": d.name, "alias": d.alias, "id": d.id, "appName": d.appName || d.applicationName, "appAlias": d.appAlias || d.applicationAlias, "appId": d.appId, "application": d.application, "appType": d.appType }) }); } var oldValue = this.data[name]; this.data[name] = data; this.changeData(name, dictNode, oldValue); changeDictItemValue(""); dictItemSelect.reload(); }.bind(this) }); }.bind(this)); var changeDictItemValue = function (newValue) { debugger; var name = dictItemNode.get("name"); var oldValue = this.data[name]; this.data[name] = newValue; this.checkHistory(name, oldValue, newValue); }.bind(this); MWF.xDesktop.requireApp("process.FormDesigner", "widget.DictItemSelector", function() { dictItemSelect = new MWF.xApplication.process.FormDesigner.widget.DictItemSelector(dictItemNode, this, { onChange: function (newValue) { changeDictItemValue( newValue ); }.bind(this) }); }.bind(this)) }.bind(this)); }, loadQueryViewItem: function(){ var containers = this.propertyContent.getElements(".MWFQueryViewItemContainer"); containers.each(function (container) { var viewNode = container.getElement(".MWFQueryViewNode"); var viewColumnSelects = container.getElements(".MWFViewColumnSelect"); viewColumnSelects.each(function (select) { select.addEvent("change", function () { var name = select.get("name"); //var oldValue = this.data[name]; var value = select.options[select.selectedIndex].value; this.setValue(name, value, select); //this.checkHistory(name, oldValue, this.data[name]); }.bind(this)) }.bind(this)); MWF.xDesktop.requireApp("process.ProcessDesigner", "widget.PersonSelector", function() { new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(viewNode, this.form.designer, { "type": "QueryView", "count": 1, "names": [this.data[viewNode.get("name")]], "onChange": function (ids) { var name = viewNode.get("name"); var oldValue = this.data[name]; if (ids[0]) { var view = ids[0].data; var data = { "name": view.name, "alias": view.alias, "id": view.id, "appName": view.appName || view.applicationName || view.query, "appId": view.appId, "application": view.application || view.query }; this.data[name] = data; } else { this.data[name] = null; } this.checkHistory(name, oldValue, this.data[name]); loadSelectsOptions( function () { changSelectsIndex(0); }.bind(this)); }.bind(this) }); }.bind(this)); var changSelectsIndex = function (idx) { viewColumnSelects.each(function (select) { select.selectedIndex = idx; select.fireEvent("change"); }.bind(this)) }.bind(this); var loadSelectsOptions = function ( callback ) { var name = viewNode.get("name"); var view = this.data[name]; if( view && view.id ){ MWF.Actions.get("x_query_assemble_designer").getView(view.id, function(json){ var viewData = JSON.decode(json.data.data); var columnList = viewData.selectEntryList || viewData.selectList; viewColumnSelects.each(function (select) { select.empty(); var sname = select.get("name"); new Element("option", { value: "" }).inject( select ); new Element("option", { value: "bundle", text: "bundle", selected: this.data[sname] === "bundle" }).inject( select ); columnList.each(function ( column ) { new Element("option", { value: column.column, text: column.displayName + "(" + column.column + ")", selected: this.data[sname] === column.column }).inject( select ); }.bind(this)) }.bind(this)); if(callback)callback(); }.bind(this), function () { return true }); }else{ viewColumnSelects.each(function (select) { select.empty(); }); if(callback)callback(); } }.bind(this) loadSelectsOptions(); }.bind(this)); }, loadQueryStatementItem: function(){ var containers = this.propertyContent.getElements(".MWFQueryStatementItemContainer"); containers.each(function (container) { debugger; var viewNode = container.getElement(".MWFQueryStatementNode"); var viewColumnSelects = container.getElements(".MWFStatementItemSelect"); viewColumnSelects.each(function (select) { select.addEvent("change", function () { var name = select.get("name"); //var oldValue = this.data[name]; var value = select.options[select.selectedIndex].value; this.setValue(name, value, select); //this.checkHistory(name, oldValue, this.data[name]); }.bind(this)) }.bind(this)); MWF.xDesktop.requireApp("process.ProcessDesigner", "widget.PersonSelector", function() { new MWF.xApplication.process.ProcessDesigner.widget.PersonSelector(viewNode, this.form.designer, { "type": "QueryStatement", "count": 1, "names": [this.data[viewNode.get("name")]], "onChange": function (ids) { var name = viewNode.get("name"); var oldValue = this.data[name]; if (ids[0]) { var view = ids[0].data; var data = { "name": view.name, "alias": view.alias, "id": view.id, "appName": view.appName || view.applicationName || view.query, "appId": view.appId, "application": view.application || view.query }; this.data[name] = data; } else { this.data[name] = null; } this.checkHistory(name, oldValue, this.data[name]); if( this.viewFilterWithTemplate )this.viewFilterWithTemplate.resetStatementData(view.id); loadSelectsOptions( function () { changSelectsIndex(0); }.bind(this)); }.bind(this) }); }.bind(this)); var changSelectsIndex = function (idx) { viewColumnSelects.each(function (select) { select.selectedIndex = idx; select.fireEvent("change"); }.bind(this)) }.bind(this); var loadSelectsOptions = function ( callback ) { var name = viewNode.get("name"); var view = this.data[name]; if( view && view.id ){ MWF.Actions.load("x_query_assemble_designer").StatementAction.get(view.id, function(json){ var viewData = JSON.decode(json.data.view || {}); debugger; var columnList = viewData.data.selectEntryList || viewData.data.selectList || []; viewColumnSelects.each(function (select) { select.empty(); var sname = select.get("name"); new Element("option", { value: "" }).inject( select ); columnList.each(function ( column ) { new Element("option", { value: column.path, text: column.displayName + "(" + column.path + ")", selected: this.data[sname] === column.path }).inject( select ); }.bind(this)) }.bind(this)) if(callback)callback(); }.bind(this), function () { return true; }); }else{ viewColumnSelects.each(function (select) { select.empty(); }); if(callback)callback(); } }.bind(this) loadSelectsOptions(); }.bind(this)); }, loadDictionaryIncluder : function(){ var nodes = this.propertyContent.getElements(".MWFDictionaryIncluder"); if (nodes.length){ nodes.each(function(node){ var name = node.get("name"); MWF.xDesktop.requireApp("process.FormDesigner", "widget.DictionaryIncluder", function(){ var dictionaryIncluder = new MWF.xApplication.process.FormDesigner.widget.DictionaryIncluder(node, this.designer, { "onChange": function(){ var oldValue = this.data[name]; var data = dictionaryIncluder.getData(); this.data[name] = data; this.checkHistory(name, oldValue, this.data[name]); }.bind(this) }); dictionaryIncluder.load(this.data[name]) }.bind(this)); }.bind(this)); } }, loadScriptIncluder : function(){ var nodes = this.propertyContent.getElements(".MWFScriptIncluder"); if (nodes.length){ nodes.each(function(node){ var name = node.get("name"); MWF.xDesktop.requireApp("process.FormDesigner", "widget.ScriptIncluder", function(){ var scriptIncluder = new MWF.xApplication.process.FormDesigner.widget.ScriptIncluder(node, this.designer, { "onChange": function(){ var oldValue = this.data[name]; var data = scriptIncluder.getData(); this.data[name] = data; this.checkHistory(name, oldValue, this.data[name]); }.bind(this) }); scriptIncluder.load(this.data[name]) }.bind(this)); }.bind(this)); } }, saveFileItem: function(node, ids){ var oldValue = this.data[node.get("name")]; if (ids[0]){ var file = ids[0].data; this.data[node.get("name")] = file; }else{ this.data[node.get("name")] = null; } this.changeData(node.get("name"), null, oldValue); }, saveViewItem: function(node, ids){ var name = node.get("name"); var oldValue = this.data[name]; var count = (node.dataset["count"] || 1).toInt(); if( !ids )ids = []; if( count === 1 ){ if (ids[0]){ var view = ids[0].data; this.data[node.get("name")] = { "name": view.name, "alias": view.alias, "id": view.id, "appName" : view.appName || view.applicationName || view.query, "appId": view.appId, "application": view.application || view.query }; }else{ this.data[node.get("name")] = null; } }else{ this.data[node.get("name")] = ids.map(function (id) { var view = id.data; return { "name": view.name, "alias": view.alias, "id": view.id, "appName" : view.appName || view.applicationName || view.query, "appId": view.appId, "application": view.application || view.query }; }) } this.checkHistory(name, oldValue, this.data[name]); if (this.module._checkView) this.module._checkView(null, name, oldValue, this.data[name]); }, removeViewItem: function(node, item){ }, saveScriptSelectItem: function(node, ids){ var count = (node.dataset["count"] || 1).toInt(); if (count==1){ if (ids[0]){ var script = ids[0].data; var data = { "appType": script.appType, "type" : "script", "name": script.name, "alias": script.alias, "id": script.id, "appName" : script.appName || script.applicationName, "appId": script.appId, "application": script.application }; var name = node.get("name"); var oldValue = this.data[name]; this.data[name] = data; // this.changeJsonDate(name, data ); this.changeData(name, node, oldValue); }else{ // this.data[node.get("name")] = null; } }else{ var scriptValues = []; ids.each(function(s){ var scriptValue = { "appType": s.data.appType, "type" : "script", "name": s.data.name, "alias": s.data.alias, "id": s.data.id, "appName" : s.data.appName || s.data.applicationName, "appId": s.data.appId, "application": s.data.application } scriptValues.push(scriptValue); }.bind(this)); var name = node.get("name"); var oldValue = this.data[name]; this.data[name] = scriptValues; this.changeData(name, node, oldValue); } }, removeDutyItem: function(node, item){ if (item.data.id){ var values = JSON.decode(this.data[node.get("name")] || []); var value = values.filter(function(v){ return v.id == item.data.id; }); value.each(function(v) { values = values.erase(v); }); var name = node.get("name"); var oldValue = this.data[name]; this.data[name] = JSON.encode(values); this.checkHistory(name, oldValue, this.data[name]); } item.node.destroy(); MWF.release(item); delete item; }, addDutyItem: function(node, ids){ var value = this.data[node.get("name")] || ""; if (!value) value = "[]"; var values = JSON.decode(value); ids.each(function(id){ if (id.data.dutyId){ for (var i=0; i -1 ) { this.designer.notice(MWF.APPFD.LP.notDoubleDotId, "error", this.module.form.designer.propertyContentArea, { x: "right", y: "bottom" }); obj.focus(); return false; }else if ( /\{|\}|\<|\>|\!|\'|\"|\,|\;/i.test( value ) ) { this.designer.notice(MWF.APPFD.LP.notSpecialCharacterId, "error", this.module.form.designer.propertyContentArea, { x: "right", y: "bottom" }); obj.focus(); return false; } else { var check = this.module.form.checkModuleId(value, this.module.json.type); if (check.elementConflict) { this.designer.notice(MWF.APPFD.LP.repetitionsId, "error", this.module.form.designer.propertyContentArea, { x: "right", y: "bottom" }); obj.focus(); return false; } else { var json = this.module.form.json.moduleList[this.module.json.id]; this.module.form.json.moduleList[value] = json; delete this.module.form.json.moduleList[this.module.json.id]; } } if( this.alertMode )return; if( (this.module.json.type || "").substr(0, 2) === "El" ){ for( var key in this.module.json ){ if( value === key ){ var text = Object.keys(this.module.json).join(", "); this.alertMode = true; this.designer.alert("error", "center", MWF.APPFD.LP.invalidElementUIId, text, 800, 300, function(){ this.alertMode = false; }.bind(this)); return false; } } } // if (this.module.form.json.moduleList[value]){ // this.designer.notice(MWF.APPFD.LP.repetitionsId, "error", this.module.form.designer.propertyContentArea, {x:"right", y:"bottom"}); // obj.focus(); // return false; // }else{ // var flag = false; // if (this.module.form.subformList){ // Object.each(this.module.form.subformList, function(o, k){ // if (o.subformData.moduleList[value] && o.subformData.moduleList[value] ) flag = true; // }); // } // if (flag){ // this.designer.notice(MWF.APPFD.LP.repetitionsId, "error", this.module.form.designer.propertyContentArea, {x:"right", y:"bottom"}); // obj.focus(); // return false; // }else{ // var json = this.module.form.json.moduleList[this.module.json.id]; // this.module.form.json.moduleList[value]=json; // delete this.module.form.json.moduleList[this.module.json.id]; // } // } } } //var oldValue = this.data[name]; var names = name.split("."); var oldValue = this.data; for (var idx = 0; idx