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.json.id+this.data.id;
this.htmlPath = this.options.path;
this.designer = designer;
this.maplists = {};
this.propertyNode = propertyNode;
},
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();});
},
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.getHtmlString(function(){
if (this.htmlString){
this.JsonTemplate = new MWF.widget.JsonTemplate(this.data, this.htmlString);
this.propertyContent = new Element("div", {"styles": {"overflow": "hidden"}}).inject(this.propertyNode);
this.propertyContent.set("html", this.JsonTemplate.load());
this.setEditNodeEvent();
this.setEditNodeStyles(this.propertyContent);
this.loadPropertyTab();
this.loadMaplist();
this.loadStylesList();
this.loadDivTemplateType();
this.loadPersonInput();
this.loadFormFieldInput();
this.loadScriptArea();
this.loadCssArea();
this.loadHtmlEditorArea();
this.loadTreeData();
this.loadArrayList();
this.loadEventsEditor();
this.loadActionArea();
this.loadActionStylesArea();
this.loadHTMLArea();
this.loadJSONArea();
this.loadFormSelect();
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.testRestful();
// this.loadScriptInput();
//MWF.process.widget.EventsEditor
}
}.bind(this));
}else{
this.propertyContent.setStyle("display", "block");
}
(new Fx.Scroll(layout.desktop.node)).toTop();
},
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);
},
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 = [];
MWF.require("MWF.widget.TreeEditor", function(){
var treeEditor = new MWF.widget.TreeEditor(node, {
"title": title,
"maxObj": this.propertyNode.parentElement.parentElement.parentElement,
"onChange": function(){
this.data[name] = treeEditor.toJson();
this.module.json[name] = this.data[name];
this.module._refreshTree();
}.bind(this)
});
treeEditor.load(json);
}.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}));
}.bind(this));
MWF.widget.ace.load(function(){
COMMON.AjaxModule.loadDom("/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));
copy.destroy();
}.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.getFormList(function(){
formNodes.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.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));
//select.addEvent("click", function(e){
// this.setFormSelectOptions(node, select);
//}.bind(this));
}.bind(this));
}.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){
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();
}
},
// clearStyles: function(node){
// node.removeProperty("style");
// var subNode = node.getFirst();
// while (subNode){
// this.clearStyles(subNode);
// subNode = subNode.getNext();
// }
// },
loadViewFilter: function(){
var nodes = this.propertyContent.getElements(".MWFViewFilter");
var filtrData = this.data.filterList;
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.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 data = validationEditor.getValidationData();
this.data[name] = data;
}.bind(this)
});
validationEditor.load(this.data[name])
}.bind(this));
//new MWF.xApplication.process.FormDesigner.widget.ValidationEditor(node, this.designer);
}.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 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");
this.data[id] = "";
node.getFirst("div").setStyle("background-image", "");
this.changeData(id);
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");
_self.data[id] = src;
node.getFirst("div").setStyle("background-image", "url("+src+")");
_self.changeData(id);
}, 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
});
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 value = this.data[name];
var select = new Element("select").inject(node);
Object.each(layout.desktop.serviceAddressList, function(v, key){
var option = new Element("option", {"value": key, "text": v.name, "selected": (value==key)}).inject(select);
}.bind(this));
select.addEvent("change", function(){
var data = select.options[select.selectedIndex].value;
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 address = this._getO2Address(this.module.json.contextRoot);
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.desktop.serviceAddressList[contextRoot];
var address = "";
if (addressObj){
address = layout.config.app_protocol+"//"+addressObj.host+(addressObj.port==80 ? "" : ":"+addressObj.port)+addressObj.context;
}else{
var host = layout.desktop.centerServer.host || window.location.hostname;
var port = layout.desktop.centerServer.port;
address = layout.config.app_protocol+"//"+host+(port=="80" ? "" : ":"+port)+"/x_program_center";
}
return address;
},
_getO2Uri: function(module, address){
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);
// 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
});
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(){
this.data[name] = arraylist.toArray();
}.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,
"onChange": function(){
this.data[name] = htmlArea.getValue();
this.changeData(name);
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 styleSelNodes = this.propertyContent.getElements(".MWFFormStyle");
styleSelNodes.each(function(node){
if (this.module.form.stylesList){
if (!this.data.formStyleType) this.data.formStyleType = "default";
Object.each(this.module.form.stylesList, function(s, key){
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");
}
}.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));
}
}
}
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 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 querystatNodes = this.propertyContent.getElements(".MWFQueryStatSelect");
var fileNodes = this.propertyContent.getElements(".MWFImageFileSelect");
var processFileNodes = this.propertyContent.getElements(".MWFProcessImageFileSelect");
MWF.xDesktop.requireApp("process.ProcessDesigner", "widget.PersonSelector", function(){
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": 1,
"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));
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));
}.bind(this));
},
saveFileItem: function(node, ids){
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"));
},
saveViewItem: function(node, ids){
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[node.get("name")] = data;
}else{
this.data[node.get("name")] = null;
}
if (this.module._checkView) this.module._checkView();
},
removeViewItem: function(node, item){
},
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);
});
this.data[node.get("name")] = JSON.encode(values);
}
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