";
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){
pcData = this.pcForm._getFormData();
//pcData = this.pcForm.data;
}
if (this.mobileForm){
mobileData = 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;
if (module.json.inputStyles) this.form.brushInputStyle = Object.clone(module.json.inputStyles);
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.contentPosition = this.content.getPosition();
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;
this.form.brushInputStyle = 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.page.x-this.contentPosition.x+10;
var y = e.page.y-this.contentPosition.y+10;
this.brushCursor.setStyles({
"left": ""+x+"px",
"top": ""+y+"px"
});
}
},
checkDatatemplateRelativeId: function( json, idMap ){
["outerAddActionId","outerDeleteActionId","outerSelectAllId",
"addActionId","deleteActionId","sequenceId","selectorId"].each(function(key){
var str = json[key];
if(str){
var strArr;
if( str.indexOf("/") > -1 ) {
strArr = str.split("/");
}else if(str.indexOf(".*.") > -1){
strArr = str.split(".*.");
}
if(strArr){
strArr = strArr.map(function (s) {
return idMap[s] || s;
});
json[key] = strArr.join("/");
}else{
if( str && idMap[str] ){
json[key] = idMap[str];
}
}
}
}.bind(this));
}
});
MWF.xApplication.cms.FormDesigner.ToolsGroup = new Class({
Implements: [Events],
initialize: function(data, app, showing){
this.data = data;
this.app = app;
this.css = this.app.css;
this.tools = [];
this.showing = showing;
this.load();
},
load: function(){
this.toolbarGroupNode = new Element("div", {
"styles": this.css.toolbarGroupNode,
}).inject(this.app.toolbarGroupContentNode);
// this.toolbarGroupTitleNode = new Element("div", {
// "class": "mainColor_bg",
// "styles": this.css.toolbarGroupTitleNode,
// "text": this.data.text,
// "events": {
// "click": this.show.bind(this)
// }
// }).inject(this.toolbarGroupNode);
this.toolbarContentNode = new Element("div", {
"styles": this.css.toolbarContentNode,
}).inject(this.toolbarGroupNode);
this.loadTools();
if (this.toolbarContentNode){
this.app.setScrollBar(this.toolbarContentNode, null, {
"V": {"x": 0, "y": 0},
"H": {"x": 0, "y": 0}
}, function(scrollBar){
this.scrollBar = scrollBar;
}.bind(this));
}
this.toolbarContentNode.setStyle("height", "0px");
this.toolbarContentNode.hide();
var memuItem = this.app.categoryActionMenu.addMenuItem(this.data.text, "click", function(){this.show();}.bind(this));
//memuItem.styleName = style.style;
// var imgDiv = memuItem.item.getFirst();
// var imgNode = new Element("div", {"styles": memuItem.menu.css.menuItemImg}).inject(imgDiv);
// imgNode.setStyle("background-color", color);
},
setContentHeight: function(height){
this.height = height;
if (this.isShow){
this.toolbarContentNode.setStyle("height", ""+this.height+"px");
}
},
show: function( notSetDefault ){
if (this.app.currentToolGroup != this){
if (this.app.currentToolGroup) this.app.currentToolGroup.hide();
// if (!this.morph){
// this.morph = new Fx.Morph(this.toolbarContentNode, {
// "duration": "100",
// transition: Fx.Transitions.Sine.easeOut
// });
// }
// this.toolbarContentNode.show();
// this.morph.start({"height": [0, this.height]}).chain(function(){
// if (this.scrollBar && this.scrollBar.scrollVAreaNode) this.scrollBar.scrollVAreaNode.show();
// this.app.currentToolGroup = this;
// this.isShow = true;
// }.bind(this));
this.toolbarContentNode.show();
this.toolbarContentNode.setStyle("height", this.height);
if (this.scrollBar && this.scrollBar.scrollVAreaNode) this.scrollBar.scrollVAreaNode.show();
this.app.currentToolGroup = this;
this.isShow = true;
if (this.app.toolbarMode=="all") this.app.toolbarTitleNode.set("text", this.data.text);
if(!notSetDefault)this.app.setDefaultTool( this.data.name );
}
},
hide: function(){
if (this.app.currentToolGroup==this) this.app.currentToolGroup = null;
// if (!this.morph){
// this.morph = new Fx.Morph(this.toolbarContentNode, {
// "duration": "100",
// transition: Fx.Transitions.Sine.easeOut
// });
// }
// this.isShow = false;
// if (this.scrollBar && this.scrollBar.scrollVAreaNode) this.scrollBar.scrollVAreaNode.hide();
// this.morph.start({
// "height": [this.height, 0]
// }).chain(function(){
// this.toolbarContentNode.hide();
// }.bind(this));
this.toolbarContentNode.hide();
if (this.scrollBar && this.scrollBar.scrollVAreaNode) this.scrollBar.scrollVAreaNode.hide();
this.isShow = false;
},
loadTools: function(){
var designer = this.app;
var group = this;
this.getTools(function(){
Object.each(this.toolsData, function(value, key){
var toolNode = new Element("div", {
"styles": this.css.toolbarToolNode,
"title": value.text,
"events": {
"mouseover": function(e){
try {
this.setStyles(designer.css.toolbarToolNodeOver);
}catch(e){
this.setStyles(designer.css.toolbarToolNodeOverCSS2);
};
},
"mouseout": function(e){
try {
this.setStyles(designer.css.toolbarToolNode);
}catch(e){};
},
"mousedown": function(e){
try {
this.setStyles(designer.css.toolbarToolNodeDown);
}catch(e){
this.setStyles(designer.css.toolbarToolNodeDownCSS2);
};
},
"mouseup": function(e){
try {
this.setStyles(designer.css.toolbarToolNodeUp);
}catch(e){
this.setStyles(designer.css.toolbarToolNodeUpCSS2);
};
}
}
}).inject(this.toolbarContentNode);
toolNode.store("toolClass", value.className);
var iconNode = new Element("div", {
"styles": this.css.toolbarToolIconNode
}).inject(toolNode);
if (value.icon) iconNode.setStyle("background-image", "url("+this.app.path+this.app.options.style+"/icon/"+value.icon+")");
if (value.fontIcon){
iconNode.addClass("mainColor_color");
iconNode.set("html", "