jtoa/o2web/source/x_component_cms_FormDesigner/Module/Actionbar.js

MWF.xApplication.cms.FormDesigner.Module = MWF.xApplication.cms.FormDesigner.Module || {};
MWF.xDesktop.requireApp("process.FormDesigner", "Module.Actionbar", null, false);
MWF.require("MWF.widget.SimpleToolbar", null, false);
MWF.xApplication.cms.FormDesigner.Module.Actionbar = MWF.CMSFCActionbar = new Class({
	Extends: MWF.FCActionbar,
	options: {
		"style": "default",
		"propertyPath": "../x_component_cms_FormDesigner/Module/Actionbar/actionbar.html"
	},
	Implements : [MWF.CMSFCMI],
	initialize: function(form, options){
		this.setOptions(options);

		this.path = "../x_component_cms_FormDesigner/Module/Actionbar/";
		this.cssPath = "../x_component_cms_FormDesigner/Module/Actionbar/"+this.options.style+"/css.wcss";

		this._loadCss();
		this.moduleType = "component";
		this.moduleName = "actionbar";

		this.Node = null;
		this.form = form;
		this.container = null;
		this.containerNode = null;
		this.systemTools = [];
		this.customTools = [];
        this.multiTools = [];
	},
	_initModule: function(){
		this._checkProcessTool();
		this.setStyleTemplate();
		this._setNodeProperty();
		if (!this.form.isSubform) this._createIconAction();
		this._setNodeEvent();
		this._refreshActionbar();
		if( !this.json.events ){
			MWF.getJSON(this.path+"template.json", function(json){
				this.json.events = json.events;
			}.bind(this), false);
		}
	},
	_checkProcessTool: function(){
		//删除从流程拷贝过来的系统按钮
		debugger;
		var processTools = ( this.json.multiTools || [] ).filter( function (tool) {
			return ["closeWork","saveWork","processWork","rerouteWork","resetWork","addTask","addSplit","retractWork","rollback",
				"deleteWork","printWork","pressWork","pauseTask","resumeTask"].contains( tool.action )
		});
		processTools.each(function (tool) {
			var actionNode = this.node.getElement("[mwfbuttonaction='"+tool.action+"']");
			if(actionNode)actionNode.destroy();
			this.json.multiTools.erase(tool);
		}.bind(this));

		var toolList = this.json.multiTools;
		if( processTools.length > 0 && this.form.options.mode !== "Mobile"){
			this.json.style =  this.form.json.formStyleType.contains("red") ? "xform_blue_simple" : "xform_red_simple";
			this.json.customIconStyle = this.form.json.formStyleType.contains("red") ? "red" : "blue";
			this.json.customIconOverStyle = "white";
			this.json.actionStyles = null;

			o2.xhr_get(this.path+"toolbars.json", function(xhr){
				var multiTools = JSON.parse(xhr.responseText).map( function (d) { d.system = true; return d; });
				this.json.multiTools = multiTools.concat( toolList );
				debugger;
			}.bind(this), null,null,true);
		}
	},
	setTemplateStyles: function(styles){
		this.json.style = styles.style;
		this.json.customIconStyle = styles.customIconStyle;
		this.json.customIconOverStyle = styles.customIconOverStyle;
	},
	clearTemplateStyles: function(styles){
		this.json.style = "form";
		this.json.customIconStyle = "blue";
		this.json.customIconOverStyle = "white";
	},
	setAllStyles: function(){
		//this._refreshActionbar();
		this._resetActionbar();
	},
	_createNode: function(callback){
		this.node = new Element("div", {
			"id": this.json.id,
			"MWFType": "actionbar",
			"styles": this.css.moduleNode,
			"events": {
				"selectstart": function(e){
					e.preventDefault();
				}
			}

		}).inject(this.form.node);
		if (this.form.options.mode == "Mobile"){
			this.node.set("text", MWF.APPFD.LP.notice.notUseModuleInMobile+"("+this.moduleName+")");
			this.node.setStyles({"height": "24px", "line-height": "24px", "background-color": "#999"});
		}else{
			this.toolbarNode = new Element("div").inject(this.node);
			this.toolbarWidget = new MWF.widget.SimpleToolbar(this.toolbarNode, {"style": this.json.style}, this);

			o2.xhr_get(this.path+"toolbars.json", function(xhr){
				var jsonStr = xhr.responseText;
				this.json.multiTools = JSON.parse(jsonStr).map( function (d) { d.system = true; return d; });

				jsonStr = o2.bindJson(jsonStr, {"lp": MWF.xApplication.cms.FormDesigner.LP.actionBar});
				this.multiToolsJson = JSON.parse(jsonStr).map( function (d) { d.system = true; return d; });

				this.setToolbars(this.multiToolsJson, this.toolbarNode);
				this.toolbarWidget.load();
				this._setEditStyle_custom( "hideSystemTools" );
				this._setEditStyle_custom( "hideSetPopularDocumentTool" );
			}.bind(this), null,null,true);

			//MWF.getJSON(this.path+"toolbars.json", function(json){
			//this.json.defaultTools = json;
			//    this.json.multiTools = json.map( function (d) { d.system = true; return d; });
			//	this.setToolbars(json, this.toolbarNode);
			//	this.toolbarWidget.load();
			//	this._setEditStyle_custom( "hideSystemTools" );
			//	this._setEditStyle_custom( "hideSetPopularDocumentTool" );
			//}.bind(this), false);
			//      if (this.json.sysTools.editTools){
			//          this.setToolbars(this.json.sysTools.editTools, this.toolbarNode);
			////          this.setToolbars(this.json.tools.editTools, this.toolbarNode);
			//      }else{
			//          this.setToolbars(this.json.sysTools, this.toolbarNode);
			////          this.setToolbars(this.json.tools, this.toolbarNode);
			//      }

//        this.resetIcons();

		}

	},
	_refreshActionbar: function(){
		if (this.form.options.mode == "Mobile"){
			this.node.set("text", MWF.APPFD.LP.notice.notUseModuleInMobile+"("+this.moduleName+")");
			this.node.setStyles({"height": "24px", "line-height": "24px", "background-color": "#999"});
		}else{
			this.toolbarNode = this.node.getFirst("div");
			this.toolbarNode.empty();
			this.toolbarWidget = new MWF.widget.SimpleToolbar(this.toolbarNode, {"style": this.json.style}, this);
            if (!this.json.actionStyles) this.json.actionStyles = Object.clone(this.toolbarWidget.css);
            this.toolbarWidget.css = this.json.actionStyles;

            this.loadMultiToolbar();

			// if (this.json.defaultTools){
			// 	var json = Array.clone(this.json.defaultTools);
			// 	this.setToolbars(json, this.toolbarNode);
			// 	if (this.json.tools){
			// 		this.setCustomToolbars(Array.clone(this.json.tools), this.toolbarNode);
			// 	}
			// 	this.toolbarWidget.load();
			// 	this._setEditStyle_custom( "hideSystemTools" );
			// 	this._setEditStyle_custom( "hideSetPopularDocumentTool" );
			// }else{
			// 	MWF.getJSON(this.path+"toolbars.json", function(json){
			// 		this.json.defaultTools = json;
			// 		var json = Array.clone(this.json.defaultTools);
			// 		this.setToolbars(json, this.toolbarNode);
			// 		if (this.json.tools){
			// 			this.setCustomToolbars(Array.clone(this.json.tools), this.toolbarNode);
			// 		}
			// 		this.toolbarWidget.load();
			// 		this._setEditStyle_custom( "hideSystemTools" );
			// 		this._setEditStyle_custom( "hideSetPopularDocumentTool" );
			// 	}.bind(this), false);
			// }

		}

	},
	_resetActionbar: function(){
        if (this.form.options.mode == "Mobile"){
            this.node.set("text", MWF.APPFD.LP.notice.notUseModuleInMobile+"("+this.moduleName+")");
            this.node.setStyles({"height": "24px", "line-height": "24px", "background-color": "#999"});
        }else{
            this.toolbarNode = this.node.getFirst("div");
            this.toolbarNode.empty();
			this.toolbarWidget = new MWF.widget.SimpleToolbar(this.toolbarNode, {"style": this.json.style}, this);
            // this.toolbarWidget = new MWF.widget.Toolbar(this.toolbarNode, {"style": this.json.style}, this);
            if (!this.json.actionStyles){
                this.json.actionStyles = Object.clone(this.toolbarWidget.css);
            }else{
                this.toolbarWidget.css = Object.merge( Object.clone(this.json.actionStyles), this.toolbarWidget.css );
                this.json.actionStyles = Object.clone(this.toolbarWidget.css);
            }

            this.loadMultiToolbar();

            // if (this.json.defaultTools){
            //     var json = Array.clone(this.json.defaultTools);
            //     this.setToolbars(json, this.toolbarNode);
            //     if (this.json.tools){
            //         this.setCustomToolbars(Array.clone(this.json.tools), this.toolbarNode);
            //     }
            //     this.toolbarWidget.load();
            // }else{
            //     MWF.getJSON(this.path+"toolbars.json", function(json){
            //         this.json.defaultTools = json;
            //         var json = Array.clone(this.json.defaultTools);
            //         this.setToolbars(json, this.toolbarNode);
            //         if (this.json.tools){
            //             this.setCustomToolbars(Array.clone(this.json.tools), this.toolbarNode);
            //         }
            //         this.toolbarWidget.load();
            //     }.bind(this), false);
            // }
        }
    },
    loadMultiToolbar : function(){
        if( this.json.multiTools ){
            if (MWF.xApplication.cms.FormDesigner.LP.actionBar){
                var jsonStr = JSON.stringify(this.json.multiTools);
                jsonStr = o2.bindJson(jsonStr, {"lp": MWF.xApplication.cms.FormDesigner.LP.actionBar});
                this.multiToolsJson = JSON.parse(jsonStr); //.map( function (d) { return d; });
            }else{
                this.multiToolsJson = this.json.multiTools;
            }
            var json = Array.clone(this.multiToolsJson);
            //var json = Array.clone(this.json.multiTools);
            this.setMultiToolbars(json, this.toolbarNode);
            this.toolbarWidget.load();
			this._setEditStyle_custom( "hideSystemTools" );
			this._setEditStyle_custom( "hideSetPopularDocumentTool" );
        }else if( this.json.defaultTools ){
            this.json.multiTools = this.json.defaultTools.map( function (d) { d.system = true; return d; });
            if (this.json.tools){
                this.json.multiTools = this.json.multiTools.concat( this.json.tools )
            }
            this.setMultiToolbars( Array.clone(this.json.multiTools), this.toolbarNode);
            this.toolbarWidget.load();
			this._setEditStyle_custom( "hideSystemTools" );
			this._setEditStyle_custom( "hideSetPopularDocumentTool" );
        }else{
            o2.xhr_get(this.path+"toolbars.json", function(xhr){
                var jsonStr = xhr.responseText;
                this.json.multiTools = JSON.parse(jsonStr).map( function (d) { d.system = true; return d; });
                if (MWF.xApplication.cms.FormDesigner.LP.actionBar){
                    jsonStr = o2.bindJson(jsonStr, {"lp": MWF.xApplication.cms.FormDesigner.LP.actionBar});
                    this.multiToolsJson = JSON.parse(jsonStr).map( function (d) { d.system = true; return d; });
                }else{
                    this.multiToolsJson = this.json.multiTools;
                }
                //this.json.multiTools = json.map( function (d) { d.system = true; return d; });
                if (this.json.tools){
                    this.multiToolsJson = this.multiToolsJson.concat( this.json.tools )
                }
                this.setMultiToolbars(Array.clone(this.multiToolsJson), this.toolbarNode);
                this.toolbarWidget.load();
				this._setEditStyle_custom( "hideSystemTools" );
				this._setEditStyle_custom( "hideSetPopularDocumentTool" );
            }.bind(this), null,null,true);
            //MWF.getJSON(this.path+"toolbars.json", function(json){
            //    this.json.multiTools = json.map( function (d) { d.system = true; return d; });
            //    if (this.json.tools){
            //        this.json.multiTools = this.json.multiTools.concat( this.json.tools )
            //    }
            //    this.setMultiToolbars(Array.clone(this.json.multiTools), this.toolbarNode);
            //    this.toolbarWidget.load();
			//	this._setEditStyle_custom( "hideSystemTools" );
			//	this._setEditStyle_custom( "hideSetPopularDocumentTool" );
            //}.bind(this), false);
        }
    },
	setMultiToolbars: function(tools, node){
		tools.each(function(tool){
			if( tool.system ){
				this.setToolbars( [tool], node );
			}else{
				this.setCustomToolbars( [tool], node );
			}
		}.bind(this));
	},

    getImagePath: function(img, iscustom){
        if( iscustom ){
			var style;
			if( this.json.customIconStyle ){
				style = this.json.customIconStyle;
			}else{
				style = (this.json.style || "default").indexOf("red") > -1 ? "red" : "blue";
			}
            return this.path+""+this.options.style +"/custom/"+ style +"/"+ img;
        }else{
            return this.path+""+this.options.style +"/tools/"+ (this.json.style || "default") +"/"+img;
        }
    },
    getImageOverPath: function(img_over, img, iscustom){
        if( iscustom ){
            var style_over = this.json.customIconOverStyle || "white";
            return this.path+""+this.options.style+"/custom/"+ style_over +"/"+img;
        }else{
            return this.path+""+this.options.style+"/tools/"+ (this.json.style || "default") +"/"+ img_over;
        }
    },
	setToolbars: function(tools, node){
		tools.each(function(tool){
			var actionNode = new Element("div", {
				"MWFnodetype": tool.type,
				//"MWFButtonImage": this.path+""+this.options.style +"/tools/"+ (this.json.style || "default") +"/"+tool.img,
				//"MWFButtonImageOver": this.path+""+this.options.style+"/tools/"+ (this.json.style || "default") +"/"+tool.img_over,
                "MWFButtonImage": this.getImagePath(tool.img, tool.customImg),
                "MWFButtonImageOver": this.getImageOverPath(tool.img_over, tool.img, tool.customImg),
				"title": tool.title,
				"MWFButtonAction": tool.action,
				"MWFButtonText": tool.text
			}).inject(node);
			this.systemTools.push(actionNode);
			this.multiTools.push( actionNode );
			if (tool.sub){
				var subNode = node.getLast();
				this.setToolbars(tool.sub, subNode);
			}
		}.bind(this));
	},
	setCustomToolbars: function(tools, node){
		//var style = (this.json.style || "default").indexOf("red") > -1 ? "red" : "blue";
		var style;
		if( this.json.customIconStyle ){
			style = this.json.customIconStyle;
		}else{
			style = (this.json.style || "default").indexOf("red") > -1 ? "red" : "blue";
		}
		var style_over = this.json.customIconOverStyle || "white";
		tools.each(function(tool){
			var actionNode = new Element("div", {
				"MWFnodetype": tool.type,
				"MWFButtonImage": this.path+""+this.options.style +"/custom/"+ style +"/"+tool.img,
				"MWFButtonImageOver": this.path+""+this.options.style+"/custom/"+ style_over +"/"+tool.img,
				"title": tool.title,
				"MWFButtonAction": tool.action,
				"MWFButtonText": tool.text
			}).inject(node);
			this.customTools.push(actionNode);
			this.multiTools.push( actionNode );
			if (tool.sub){
				var subNode = node.getLast();
				this.setToolbars(tool.sub, subNode);
			}
		}.bind(this));
	},
	_setEditStyle_custom: function(name){
		if (name=="hideSystemTools"){
			if (this.json.hideSystemTools){
				this.systemTools.each(function(tool){
					tool.setStyle("display", "none");
				});
			}else{
				this.systemTools.each(function(tool){
					tool.setStyle("display", "block");
				});
			}
		}
		if (name=="hideSetPopularDocumentTool"){
			if (this.json.hideSetPopularDocumentTool){
				this.systemTools.each(function(tool){
					if( tool.get("MWFButtonAction") == "setPopularDocument" ){
						tool.setStyle("display", "none");
					}
				});
			}else{
				this.systemTools.each(function(tool){
					if( tool.get("MWFButtonAction") == "setPopularDocument" ){
						tool.setStyle("display", "block");
					}
				});
			}
		}
		if (name=="defaultTools" || name=="tools" || name=="multiTools" || name==="actionStyles"){
			this._refreshActionbar();
		}
	}
});