o2oa-cairong/o2web/source/x_component_process_FormDesigner/Module/$Container.js

MWF.xApplication.process.FormDesigner.Module = MWF.xApplication.process.FormDesigner.Module || {};
MWF.xDesktop.requireApp("process.FormDesigner", "Module.$Module", null, false);
MWF.xApplication.process.FormDesigner.Module.$Container = MWF.FC$Container = new Class({
	Extends: MWF.FC$Module,
	Implements: [Options, Events],

	options : {
		"injectActions" : [
			{
				"name" : "before",
				"styles" : "injectActionBefore",
				"event" : "click",
				"action" : "injectBefore",
				"title": MWF.APPFD.LP.formAction["insertBefore"]
			},
			{
				"name" : "after",
				"styles" : "injectActionAfter",
				"event" : "click",
				"action" : "injectAfter",
				"title": MWF.APPFD.LP.formAction["insertAfter"]
			},
			{
				"name" : "top",
				"styles" : "injectActionTop",
				"event" : "click",
				"action" : "injectTop",
				"title": MWF.APPFD.LP.formAction["insertTop"]
			},
			{
				"name" : "bottom",
				"styles" : "injectActionBottom",
				"event" : "click",
				"action" : "injectBottom",
				"title": MWF.APPFD.LP.formAction["insertBottom"]
			}
		]
	},

	_setNodeProperty: function(){
		this.node.store("module", this);
		if (this.form.moduleList.indexOf(this)==-1) this.form.moduleList.push(this);
		if (this.form.moduleNodeList.indexOf(this.node)==-1) this.form.moduleNodeList.push(this.node);
		if (this.form.moduleContainerNodeList.indexOf(this.node)==-1) this.form.moduleContainerNodeList.push(this.node);
		this.node.store("module", this);
	},

	_dragIn: function(module){
		module.onDragModule = this;
		if (!this.Component) module.inContainer = this;
		module.parentContainer = this;
		module.nextModule = null;

		this.node.setStyles({"border": "1px solid #ffa200"});

		if (module.controlMode){
			if (module.copyNode) module.copyNode.hide();
		}else{
			var copyNode = module._getCopyNode(this);
			copyNode.show();
			copyNode.inject(this.node);
			//copyNode.setStyle("position", "static");
			//this._positionCopyNode(copyNode, "in");
		}
		//this._showInjectAction( module );

		// var copyNode = module._getCopyNode();
		// copyNode.inject(this.node);
	},
	_setControlModeNode: function(){
		if (this.controlMode){
			if (this.copyNode) this.copyNode.hide();
		}else{
			if (this.onDragModule) this.onDragModule._dragIn(this);
		}
	},

	_dragOut: function(module){
		module.inContainer = null;
		module.parentContainer = null;
		module.nextModule = null;
		this.node.setStyles(this.css.moduleNode);
	//	this.node.setStyles(this.json.styles);
		this.setCustomStyles();

		//this._hideInjectAction();

		var copyNode = module._getCopyNode();
		copyNode.setStyle("display", "none");
	},
	_dragDrop: function(module, flag){
		var f = flag || !(window.event || {}).ctrlKey;
		if( f ){
			this.node.setStyles(this.css.moduleNode);
			this.setCustomStyles();
		}

		//this.parentContainer.node.setStyles(this.css.moduleNode);
		//this.parentContainer.setCustomStyles();
	},
	_dragInLikeElement: function(module){
		module.parentContainer = this.parentContainer;
		module.nextModule = this;

		this.node.setStyles({"border": "1px solid #ffa200"});

		//this.parentContainer.node.setStyles({"border": "1px solid #ffa200"});
		var copyNode = module._getCopyNode();
		copyNode.inject(this.node, "before");
		this._positionCopyNode(copyNode);
	},



	_getSubModule: function(){
		var modules = [];
		var subNode = this.node.getFirst();
		while (subNode){
			var module = subNode.retrieve("module");
			if (module) {
				modules.push(module);
			//	if (module.moduleType=="container"){
			//		modules = modules.concat(module._getSubModule());
			//	}
			}
			subNode = subNode.getNext();
		}
		return modules;
	},
    load : function(json, node, parent){
        this.json = json;
        this.node= node;
        this.node.store("module", this);
        this.node.setStyles(this.css.moduleNode);

        this._loadNodeStyles();
        this._loadNodeCustomStyles();

        this._initModule();
        this._loadTreeNode(parent);

		if (!this.json.id){
			var id = this._getNewId(((parent) ? parent.json.id : null));
			this.json.id = id;
		}
		if (!this.form.json.moduleList[this.json.id]){
			this.form.json.moduleList[this.json.id] = this.json;
		}

        this.parseModules();

        this.parentContainer = this.treeNode.parentNode.module;
        this._setEditStyle_custom("id");
        this.json.moduleName = this.moduleName;
    },
	parseModules: function(){
		var moduleNodes = [];
		var subDom = this.node.getFirst();
		while (subDom){
			if (subDom.get("MWFtype")){
				var json = this.form.getDomjson(subDom);
				var moduleNode = subDom;
				moduleNodes.push({"dom": moduleNode, "json": json});
				//module = this.form.loadModule(json, subDom, this);
			}
			subDom = subDom.getNext();
		}
		moduleNodes.each(function(obj){
			module = this.form.loadModule(obj.json, obj.dom, this);
		}.bind(this));
	},
	destroy: function(){
		var modules = this._getSubModule();
		modules.each(function(module){
			//module._deleteModule();
            module.destroy();
		});
		this._deleteModule();
	},
	_deleteModule: function(){
		this.form.moduleList.erase(this);
		this.form.moduleNodeList.erase(this.node);
		this.form.moduleElementNodeList.erase(this.node);

        if (this.form.scriptDesigner){
            this.form.scriptDesigner.removeModule(this.json);
        }

        if (this.property) this.property.destroy();
		this.node.destroy();
		this.actionArea.destroy();

		delete this.form.json.moduleList[this.json.id];
		this.json = null;
		delete this.json;

		this.treeNode.destroy();
		o2.release(this);
	},
    copy: function(e){


        //var newNode = this.node.clone(true, true);
        //var newModuleJson = Object.clone(this.json);
        //
        //var className = this.moduleName.capitalize();
        //var newTool = new MWF["FC"+className](this.form);
        //newModuleJson.id = newTool._getNewId();
        //newNode.set("id", newModuleJson.id);

		this.form.copyedModule = this;
		this.copyedDatatemplateJsons = [];
		this.copyedIdMap = {};

        this.copySubModule().move(e, "copy");

		this.copyedDatatemplateJsons.each(function (json) {
			this.form.designer.checkDatatemplateRelativeId(json, this.copyedIdMap);
		}.bind(this))

		this.form.copyedModule = null;
		this.copyedDatatemplateJsons = null;
		this.copyedIdMap = null;

        //newTool.load(newModuleJson, newNode, this.form);
        //
        //newTool.move(e);
    },

    copyTo: function(node){
        if (!node) node = this.form;

        var newNode = this.node.clone(false, true);
        var newModuleJson = Object.clone(this.json);
        newNode.inject(node.node);

        var className = this.moduleName.capitalize();
        var prefix = (this.form.moduleType=="page") ? "PC" : "FC";
		if( this.form.designer.options.name.contains("cms.") ){
			prefix = "CMSFC";
		}
        var newTool = new MWF[prefix+className](this.form);
        var oldId = newModuleJson.id;
        newModuleJson.id = newTool._getNewId();
        newNode.set("id", newModuleJson.id);
        if( this.form.copyedModule && this.form.copyedModule.checkCopySubModule){
			this.form.copyedModule.checkCopySubModule(newModuleJson, oldId);
		}
        this.form.json.moduleList[newModuleJson.id] = newModuleJson;
        if (this.form.scriptDesigner) this.form.scriptDesigner.createModuleScript(newModuleJson);

        newTool.load(newModuleJson, newNode, node);
        return newTool;
    },


    copySubModule: function(node){

        var newModule = this.copyTo(node);
        var modules = this._getSubModule();
        modules.each(function(module){
            //module._deleteModule();
            if (module.moduleType=="container"){
                module.copySubModule(newModule);
            }
            if (module.moduleType=="element"){
                module.copyTo(newModule);
            }
            if (module.moduleType=="component"){
                module.copyTo(newModule);
            }
        });
        return newModule

        //var subNode = node.getFirst();
        //while (subNode){
        //
        //    var type = subNode.get("MWFType");
        //    if (type){
        //        var newModuleJson = Object.clone(this.form.getDomjson(subNode));
        //        newModuleJson.id = this._getNewId("", newModuleJson.type.toLowerCase());
        //        subNode.set("id", newModuleJson.id);
        //        this.form.json.moduleList[newModuleJson.id] = newModuleJson;
        //
        //        //subNode.eliminate("module");
        //
        //    //    if (module.moduleType=="container"){
        //            this.copySubModule(subNode);
        //    //    }
        //    }
        //    subNode = subNode.getNext();
        //}
    },
	checkCopySubModule: function (subModuleJson, oldId) {
		if( subModuleJson.type === "Datatemplate" ){
			this.copyedDatatemplateJsons.push(subModuleJson);
		}
		this.copyedIdMap[oldId] = subModuleJson.id;
	}

});