123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333 |
- MWF.xApplication.process.FormDesigner.Module = MWF.xApplication.process.FormDesigner.Module || {};
- MWF.xDesktop.requireApp("process.FormDesigner", "Module.$Element", null, false);
- MWF.require("MWF.widget.Toolbar", null, false);
- MWF.xApplication.process.FormDesigner.Module.Actionbar = MWF.FCActionbar = new Class({
- Extends: MWF.FC$Element,
- Implements: [Options, Events],
- options: {
- "style": "default",
- "propertyPath": "../x_component_process_FormDesigner/Module/Actionbar/actionbar.html"
- },
- addAction: function(){
- },
-
- initialize: function(form, options){
- this.setOptions(options);
-
- this.path = "../x_component_process_FormDesigner/Module/Actionbar/";
- this.cssPath = "../x_component_process_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 = [];
- //this.containers = [];
- //this.elements = [];
- },
- setTemplateStyles: function(styles){
- this.json.style = styles.style;
- this.json.iconOverStyle = styles.iconOverStyle || "";
- this.json.customIconStyle = styles.customIconStyle;
- this.json.customIconOverStyle = styles.customIconOverStyle || "";
- },
- clearTemplateStyles: function(styles){
- this.json.style = "form";
- this.json.iconOverStyle = "";
- this.json.customIconStyle = "";
- this.json.customIconOverStyle = "";
- },
- setAllStyles: function(){
- this._resetActionbar();
- },
- _createMoveNode: function(){
- this.moveNode = new Element("div", {
- "MWFType": "actionbar",
- "id": this.json.id,
- "styles": this.css.moduleNodeMove,
- "events": {
- "selectstart": function(e){
- e.preventDefault();
- }
- }
- }).inject(this.form.container);
- },
- _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{
- debugger;
- this.toolbarNode = new Element("div").inject(this.node);
- this.toolbarWidget = new MWF.widget.Toolbar(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; });
- this.json.multiTools = this.json.multiTools.filter(function (d) { return !d.hidden; });
- jsonStr = o2.bindJson(jsonStr, {"lp": MWF.xApplication.process.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();
- }.bind(this), null,null,true);
- // MWF.getJSON(this.path+"toolbars.json", function(json){
- // // this.json.defaultTools = json;
- //
- // }.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();
- }
- },
- _initModule: function(){
- 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);
- }
- },
- _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.Toolbar(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();
- // }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);
- // }
- }
- },
- _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.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();
- // //json = null;
- // }.bind(this), false);
- // }
- }
- },
- loadMultiToolbar : function(){
- if( this.json.multiTools ){
- if (MWF.xApplication.process.FormDesigner.LP.actionBar){
- var jsonStr = JSON.stringify(this.json.multiTools);
- jsonStr = o2.bindJson(jsonStr, {"lp": MWF.xApplication.process.FormDesigner.LP.actionBar});
- this.multiToolsJson = JSON.parse(jsonStr); //.map( function (d) { d.system = true; return d; });
- }else{
- this.multiToolsJson = this.json.multiTools;
- }
- var json = Array.clone(this.multiToolsJson);
- this.setMultiToolbars(json, this.toolbarNode);
- this.toolbarWidget.load();
- }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();
- }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; });
- this.json.multiTools = this.json.multiTools.filter(function (d) { return !d.hidden; });
- if (MWF.xApplication.process.FormDesigner.LP.actionBar){
- jsonStr = o2.bindJson(jsonStr, {"lp": MWF.xApplication.process.FormDesigner.LP.actionBar});
- this.multiToolsJson = JSON.parse(jsonStr).map( function (d) { d.system = true; return d; });
- }else{
- this.multiToolsJson = this.json.multiTools;
- }
- this.multiToolsJson = this.multiToolsJson.filter(function (d) { return !d.hidden; });
- this.setMultiToolbars(Array.clone(this.multiToolsJson), this.toolbarNode);
- // this.setToolbars(this.multiToolsJson, this.toolbarNode);
- this.toolbarWidget.load();
- }.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();
- // // }.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 path = this.json.customIconStyle ? (this.json.customIconStyle+ "/") : "";
- return this.path+""+this.options.style +"/custom/"+path+img
- }else{
- return this.path+""+this.options.style+"/tools/"+(this.json.style || "default")+"/"+img;
- }
- },
- getImageOverPath: function(img, iscustom){
- if( iscustom && this.json.customIconOverStyle ){
- return this.path+""+this.options.style +"/custom/"+this.json.customIconOverStyle+ "/" +img;
- }else{
- return this.path+""+this.options.style+"/tools/"+this.json.iconOverStyle+"/"+img;
- }
- },
- setToolbars: function(tools, node){
- tools.each(function(tool){
- var actionNode = new Element("div", {
- "MWFnodetype": tool.type,
- "MWFButtonImage": this.getImagePath(tool.img, tool.customImg),
- "title": tool.title,
- "MWFButtonAction": tool.action,
- "MWFButtonText": tool.text
- }).inject(node);
- if( this.json.iconOverStyle ){
- actionNode.set("MWFButtonImageOver" , this.getImageOverPath(tool.img, tool.customImg) );
- }
- actionNode.isSystemTool = true;
- 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 path = "";
- if( this.json.customIconStyle ){
- path = this.json.customIconStyle+ "/";
- }
- tools.each(function(tool){
- var actionNode = new Element("div", {
- "MWFnodetype": tool.type,
- "MWFButtonImage": this.path+""+this.options.style +"/custom/"+path+tool.img,
- "title": tool.title,
- "MWFButtonAction": tool.action,
- "MWFButtonText": tool.text
- }).inject(node);
- if( this.json.customIconOverStyle ){
- actionNode.set("MWFButtonImageOver" , this.path+""+this.options.style +"/custom/"+this.json.customIconOverStyle+ "/" +tool.img );
- }
- 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=="defaultTools" || name=="tools" || name=="multiTools" || name==="actionStyles"){
- this._refreshActionbar();
- }
- }
-
- });
|