";
formNode.set("html", html);
var tds = formNode.getElements("td");
var iconNode = tds[tds.length-1].getFirst();
var previewNode = this.pcForm.node.clone();
previewNode.setStyles({
"transform-origin": "0px 0px",
"transform": "scale(0.15,0.15)",
"position": "absolute",
"top": "0px",
"left": "0px"
}).inject(iconNode);
return iconNode;
},
setCategorySelect: function(categorySelect){
if (categorySelect){
new Element("option", {"value": "$newCategory","text": this.lp.newCategory}).inject(categorySelect);
this.actions.listFormTemplateCategory(function(json){
json.data.each(function(category){
new Element("option", {"value": category.name,"text": category.name}).inject(categorySelect);
}.bind(this));
}.bind(this));
}
},
setTemplateActions: function(markNode, areaNode, formNode, iconNode, nameNode, categorySelect, newCategoryNode, descriptionNode){
var actionAreaNode= new Element("div", {
"styles": this.css.templateActionNode
}).inject(formNode);
var cancelActionNode = new Element("div", {
"styles": this.css.templateCancelActionNode,
"text": this.lp.cancel,
"events":{
"click": function(){
markNode.destroy();
areaNode.destroy();
}
}
}).inject(actionAreaNode);
var saveActionNode = new Element("div", {
"styles": this.css.templateSaveActionNode,
"text": this.lp.save,
"events":{
"click": function(){
this.saveTemplate(markNode, areaNode, iconNode, nameNode, categorySelect, newCategoryNode, descriptionNode);
}.bind(this)
}
}).inject(actionAreaNode);
},
saveTemplate: function(markNode, areaNode, iconNode, nameNode, categorySelect, newCategoryNode, descriptionNode){
var pcData, mobileData;
if (this.pcForm){
this.pcForm._getFormData();
pcData = this.pcForm.data;
}
if (this.mobileForm){
this.mobileForm._getFormData();
mobileData = this.mobileForm.data;
}
var name = nameNode.get("value");
var category = (categorySelect.options[categorySelect.selectedIndex].value=="$newCategory") ? newCategoryNode.get("value") : categorySelect.options[categorySelect.selectedIndex].value;
var description = descriptionNode.get("value");
if (!name){
this.notice(MWF.APPFD.LP.notice["saveTemplate_inputName"], "error", nameNode, {x: "left", y:"top"});
return false;
}
if (categorySelect.options[categorySelect.selectedIndex].value=="$newCategory" && !newCategoryNode.get("value")){
this.notice(MWF.APPFD.LP.notice["saveTemplate_inputCategory"], "error", categorySelect, {x: "left", y:"top"});
return false;
}
//var tds = formNode.getElements("td");
//var iconNode = tds[tds.length-1].getFirst();
var data = {
"name": name,
"category": category,
"description": description,
"outline": iconNode.get("html")
};
this.actions.addFormTemplate(pcData, mobileData, data, function(){
this.notice(MWF.APPFD.LP.notice["saveTemplate_success"], "ok", null, {x: "left", y:"bottom"});
markNode.destroy();
areaNode.destroy();
}.bind(this), function(xhr, text, error){
var errorText = error+":"+text;
if (xhr) errorText = xhr.responseText;
MWF.xDesktop.notice("error", {x: "right", y:"top"}, "request json error: "+errorText);
});
},
createTemplateSaveNode: function(){
var markNode = new Element("div", {
"styles": this.css.templateMarkNode,
"events": {
"mouseover": function(e){e.stopPropagation();},
"mouseout": function(e){e.stopPropagation();}
}
}).inject(this.content);
var areaNode = new Element("div", {
"styles": this.css.templateAreaNode
}).inject(this.content);
var createNode = new Element("div", {
"styles": this.css.templateInfoNode
}).inject(areaNode);
var formNode = new Element("div", {
"styles": this.css.templateFormNode
}).inject(createNode);
var iconNode = this.setTemplateFormNode(formNode);
var nodes = formNode.getElements("input");
var nameNode = nodes[0];
var newCategoryNode = nodes[1];
var descriptionNode = formNode.getElement("textarea");
var categorySelect = formNode.getElement("select");
this.setCategorySelect(categorySelect);
this.setTemplateActions(markNode, areaNode, formNode, iconNode, nameNode, categorySelect, newCategoryNode, descriptionNode);
},
saveFormAsTemplate: function(){
if (!this.isSave){
this.createTemplateSaveNode();
}else{
MWF.xDesktop.notice("info", {x: "right", y:"top"}, this.lp.isSave);
}
},
styleBrush: function(status, bt){
if (status==="on"){
var module = this.form.currentSelectedModule;
if (module && module.json.type!=="Form"){
this.form.brushStyle = module.json.styles;
this.brushCursor = new Element("div", {"styles": {
"position": "absolute",
"width": "16px",
"height": "16px",
"z-index": 20000,
"background": "url("+this.path+this.options.style+"/pageToolbar/wand.png)"
}}).inject(this.content);
this.brushCursorMoveFun = this.brushCursorMove.bind(this);
this.content.addEvent("mousemove", this.brushCursorMoveFun);
//this.designNode.setStyle("cursor", "url(/"+this.path+this.options.style+"/pageToolbar/brush.png)");
}else{
bt.off();
}
}else{
this.form.brushStyle = null;
if (this.brushCursorMoveFun) this.content.removeEvent("mousemove", this.brushCursorMoveFun);
if (this.brushCursor){
this.brushCursor.destroy();
this.brushCursor = null;
}
}
},
brushCursorMove: function(e){
if (this.brushCursor){
var x = e.event.layerX+10;
var y = e.event.layerY+10;
this.brushCursor.setStyles({
"left": ""+x+"px",
"top": ""+y+"px"
});
}
}
});