修正设计元素拷贝错误的bug

o2web/source/x_component_portal_PortalManager/Main.js

@@ -25,19 +25,29 @@ MWF.xApplication.portal.PortalManager.Main = new Class({
 	},
 
     keyCopyItems: function(e){
-        if (this.pageConfigurator){
-            this.pageConfigurator.keyCopy(e);
-        }
-        if (this.scriptConfigurator){
-            this.scriptConfigurator.keyCopy(e);
+        if (layout.desktop.currentApp && layout.desktop.currentApp.appId===this.appId){
+            if (this.pageConfigurator){
+                this.pageConfigurator.keyCopy(e);
+            }
+            if (this.scriptConfigurator){
+                this.scriptConfigurator.keyCopy(e);
+            }
+            if (this.widgetConfigurator){
+                this.widgetConfigurator.keyCopy(e);
+            }
         }
     },
     keyPasteItems: function(e){
-        if (this.pageConfigurator){
-            this.pageConfigurator.keyPaste(e);
-        }
-        if (this.scriptConfigurator){
-            this.scriptConfigurator.keyPaste(e);
+        if (layout.desktop.currentApp && layout.desktop.currentApp.appId===this.appId) {
+            if (this.pageConfigurator){
+                this.pageConfigurator.keyPaste(e);
+            }
+            if (this.scriptConfigurator){
+                this.scriptConfigurator.keyPaste(e);
+            }
+            if (this.widgetConfigurator){
+                this.widgetConfigurator.keyPaste(e);
+            }
         }
     },
 

o2web/source/x_component_portal_PortalManager/PageExplorer.js

@@ -192,201 +192,6 @@ MWF.xApplication.portal.PortalManager.PageExplorer = new Class({
             };
             layout.desktop.openApplication(e, "portal.PageDesigner", options);
         }.bind(this));
-
-        //页面创建暂时不使用模板
-        //
-        // this.pageTemplateList = null;
-        // this.defalutPageTemplateList = null;
-        // var _self = this;
-        // var createDefaultPage = function(e, template){
-        //     layout.desktop.getPageDesignerStyle(function(){
-        //         var options = {
-        //             "style": layout.desktop.pageDesignerStyle,
-        //             "template": template,
-        //             "onQueryLoad": function(){
-        //                 this.actions = _self.app.restActions;
-        //                 this.application = _self.app.options.application;
-        //             }
-        //         };
-        //         layout.desktop.openApplication(e, "portal.PageDesigner", options);
-        //     }.bind(this));
-        // };
-        // var createPage = function(e, template){
-        //     layout.desktop.getPageDesignerStyle(function(){
-        //         var options = {
-        //             "style": layout.desktop.pageDesignerStyle,
-        //             "templateId": template,
-        //             "onQueryLoad": function(){
-        //                 this.actions = _self.app.restActions;
-        //                 this.application = _self.app.options.application;
-        //             }
-        //         };
-        //         layout.desktop.openApplication(e, "portal.PageDesigner", options);
-        //     }.bind(this));
-        // };
-        //
-        // var createTemplateMaskNode = new Element("div", {"styles": this.css.createTemplateMaskNode}).inject(this.app.content);
-        // var createTemplateAreaNode = new Element("div", {"styles": this.css.createFormTemplateAreaNode}).inject(this.app.content);
-        // createTemplateAreaNode.fade("in");
-        //
-        // var createTemplateTitleNode = new Element("div", {"styles": this.css.createTemplateFormTitleNode, "text": this.app.lp.createSelectTemplate}).inject(createTemplateAreaNode);
-        // var createTemplateCategoryNode = new Element("div", {"styles": this.css.createTemplateFormCategoryNode}).inject(createTemplateAreaNode);
-        // var createTemplateCategoryTitleNode = new Element("div", {"styles": this.css.createTemplateFormCategoryTitleNode, "text": this.app.lp.templateCategory}).inject(createTemplateCategoryNode);
-        //
-        // var createTemplateContentNode = new Element("div", {"styles": this.css.createTemplateFormContentNode}).inject(createTemplateAreaNode);
-        //
-        // var createTemplateCategoryAllNode = new Element("div", {"styles": this.css.createTemplateFormCategoryItemNode, "text": this.app.lp.all}).inject(createTemplateCategoryNode);
-        // createTemplateCategoryAllNode.addEvent("click", function(){
-        //     loadAllTemplates();
-        // });
-        // this.app.restActions.listPageTemplateCategory(function(json){
-        //     json.data.each(function(d){
-        //         var createTemplateCategoryItemNode = new Element("div", {"styles": this.css.createTemplateFormCategoryItemNode, "text": d.name+"("+ d.count+")", "value": d.name}).inject(createTemplateCategoryNode);
-        //         createTemplateCategoryItemNode.addEvent("click", function(){
-        //             createTemplateContentNode.empty();
-        //             createTemplateCategoryNode.getElements("div").each(function(node, i){
-        //                 if (i>0) node.setStyles(_self.css.createTemplateFormCategoryItemNode);
-        //             });
-        //             this.setStyles(_self.css.createTemplateFormCategoryItemNode_current);
-        //             loadTemplates(this.get("value"));
-        //         });
-        //     }.bind(this));
-        // }.bind(this));
-        //
-        // var resize = function(){
-        //     var size = this.app.content.getSize();
-        //     var y = (size.y*0.1)/2;
-        //     var x = (size.x*0.1)/2;
-        //     if (y<0) y=0;
-        //     if (x<0) x=0;
-        //     createTemplateAreaNode.setStyles({
-        //         "top": ""+y+"px",
-        //         "left": ""+x+"px"
-        //     });
-        //     y = size.y*0.9-createTemplateCategoryNode.getSize().y-70;
-        //     createTemplateContentNode.setStyle("height", ""+y+"px");
-        // }.bind(this);
-        // resize();
-        // this.app.addEvent("resize", resize);
-        //
-        // var getDefaultPageTemplateList = function(callback){
-        //     if (this.defalutPageTemplateList){
-        //         if (callback) callback();
-        //     }else{
-        //         var url = "/x_component_portal_PageDesigner/Module/Page/template/templates.json";
-        //         MWF.getJSON(url, function(json){
-        //             this.defalutPageTemplateList = json;
-        //             if (callback) callback();
-        //         }.bind(this));
-        //     }
-        // }.bind(this);
-        // var loadDefaultTemplate = function(){
-        //     getDefaultPageTemplateList(function(){
-        //         this.defalutPageTemplateList.each(function(template){
-        //             var templateNode = new Element("div", {"styles": this.css.formTemplateNode}).inject(createTemplateContentNode);
-        //             var templateIconNode = new Element("div", {"styles": this.css.formTemplateIconNode}).inject(templateNode);
-        //             var templateTitleNode = new Element("div", {"styles": this.css.formTemplateTitleNode, "text": template.title}).inject(templateNode);
-        //             templateNode.store("template", template.name);
-        //
-        //             var templateIconImgNode = new Element("img", {"styles": this.css.formTemplateIconImgNode}).inject(templateIconNode);
-        //             templateIconImgNode.set("src", "/x_component_portal_PageDesigner/Module/Page/template/"+template.icon);
-        //
-        //             templateNode.addEvents({
-        //                 "mouseover": function(){this.setStyles(_self.css.formTemplateNode_over)},
-        //                 "mouseout": function(){this.setStyles(_self.css.formTemplateNode)},
-        //                 "mousedown": function(){this.setStyles(_self.css.formTemplateNode_down)},
-        //                 "mouseup": function(){this.setStyles(_self.css.formTemplateNode_over)},
-        //                 "click": function(e){
-        //                     debugger;
-        //                     createDefaultPage(e, this.retrieve("template"));
-        //                     _self.app.removeEvent("resize", resize);
-        //                     createTemplateAreaNode.destroy();
-        //                     createTemplateMaskNode.destroy();
-        //                 }
-        //             });
-        //         }.bind(this))
-        //     }.bind(this));
-        // }.bind(this);
-        //
-        // var getPageTemplateList = function(callback){
-        //     if (this.pageTemplateList){
-        //         if (callback) callback();
-        //     }else{
-        //         this.app.restActions.listPageTemplate(function(json){
-        //             this.pageTemplateList = json.data;
-        //             if (callback) callback();
-        //         }.bind(this));
-        //     }
-        // }.bind(this);
-        // var loadTemplates = function(category){
-        //     getPageTemplateList(function(){
-        //         Object.each(this.pageTemplateList, function(v, k){
-        //             var flag = (category) ? (k==category) : true;
-        //             if (flag){
-        //                 v.each(function(template){
-        //                     var templateNode = new Element("div", {"styles": this.css.formTemplateNode}).inject(createTemplateContentNode);
-        //                     var templateIconNode = new Element("div", {"styles": this.css.formTemplatePreviewNode}).inject(templateNode);
-        //                     var templateTitleNode = new Element("div", {"styles": this.css.formTemplateTitleNode, "text": template.name}).inject(templateNode);
-        //                     templateNode.store("template", template.id);
-        //
-        //                     templateIconNode.set("html", template.outline);
-        //
-        //                     var templateActionNode = new Element("img", {"styles": this.css.formTemplateActionNode}).inject(templateIconNode);
-        //                     templateActionNode.addEvent("click", function(e){
-        //                         var thisNode = this.getParent().getParent();
-        //                         var id = thisNode.retrieve("template");
-        //                         _self.app.confirm("wram", e, _self.app.lp.page.deletePageTemplateTitle, _self.app.lp.page.deletePageTemplate, 300, 120, function(){
-        //                             _self.app.restActions.deletePageTemplate(id, function(json){
-        //                                 thisNode.destroy();
-        //                             }.bind(this));
-        //                             this.close();
-        //                         }, function(){
-        //                             this.close();
-        //                         });
-        //                         e.stopPropagation();
-        //                     });
-        //
-        //                     templateNode.addEvents({
-        //                         "mouseover": function(){
-        //                             this.setStyles(_self.css.formTemplateNode_over);
-        //                             if (templateActionNode) templateActionNode.setStyle("display", "block");
-        //                         },
-        //                         "mouseout": function(){
-        //                             this.setStyles(_self.css.formTemplateNode);
-        //                             if (templateActionNode) templateActionNode.setStyle("display", "none");
-        //                         },
-        //                         "mousedown": function(){this.setStyles(_self.css.formTemplateNode_down)},
-        //                         "mouseup": function(){this.setStyles(_self.css.formTemplateNode_over)},
-        //                         "click": function(e){
-        //                             createForm(e, this.retrieve("template"));
-        //                             _self.app.removeEvent("resize", resize);
-        //                             createTemplateAreaNode.destroy();
-        //                             createTemplateMaskNode.destroy();
-        //                         }
-        //                     });
-        //                 }.bind(this));
-        //             }
-        //         }.bind(this));
-        //     }.bind(this));
-        // }.bind(this);
-        //
-        // var loadAllTemplates = function(){
-        //     createTemplateContentNode.empty();
-        //     createTemplateCategoryNode.getElements("div").each(function(node, i){
-        //         if (i>0) node.setStyles(_self.css.createTemplateFormCategoryItemNode);
-        //     });
-        //     createTemplateCategoryAllNode.setStyles(_self.css.createTemplateFormCategoryItemNode_current);
-        //     loadDefaultTemplate();
-        //     loadTemplates();
-        // };
-        // loadAllTemplates();
-        //
-        // createTemplateMaskNode.addEvent("click", function(){
-        //     this.app.removeEvent("resize", resize);
-        //     createTemplateAreaNode.destroy();
-        //     createTemplateMaskNode.destroy();
-        // }.bind(this));
-
     },
 
     _loadItemDataList: function(callback){

o2web/source/x_component_portal_PortalManager/WidgetExplorer.js

@@ -13,6 +13,173 @@ MWF.xApplication.portal.PortalManager.WidgetExplorer = new Class({
         }
     },
 
+    keyCopy: function(e){
+        if (this.selectMarkItems.length){
+            var items = [];
+            var i = 0;
+
+            var checkItems = function(e){
+                if (i>=this.selectMarkItems.length){
+                    if (items.length){
+                        var str = JSON.encode(items);
+                        if (e){
+                            e.clipboardData.setData('text/plain', str);
+                        }else {
+                            window.clipboardData.setData("Text", str);
+                        }
+                        this.app.notice(this.app.lp.copyed, "success");
+                    }
+                }
+            }.bind(this);
+
+            this.selectMarkItems.each(function(item){
+                this.app.restActions.getWidget(item.data.id, function(json){
+                    json.data.elementType = "widget";
+                    items.push(json.data);
+                    i++;
+                    checkItems(e);
+                }.bind(this), null, false)
+            }.bind(this));
+
+            if (e) e.preventDefault();
+        }
+    },
+    keyPaste: function(e){
+        var dataStr = "";
+        if (e){
+            dataStr = e.clipboardData.getData('text/plain');
+        }else{
+            dataStr = window.clipboardData.getData("Text");
+        }
+        var data = JSON.decode(dataStr);
+        this.pasteItem(data, 0);
+    },
+    pasteItem: function(data, i){
+        if (i<data.length){
+            var item = data[i];
+            if (item.elementType==="widget"){
+                this.saveItemAs(item, function(){
+                    i++;
+                    this.pasteItem(data, i);
+                }.bind(this), function(){
+                    i++;
+                    this.pasteItem(data, i);
+                }.bind(this), function(){
+                    this.reload();
+                }.bind(this));
+            }else{
+                i++;
+                this.pasteItem(data, i);
+            }
+        }else{
+            this.reload();
+        }
+    },
+
+    saveItemAs: function(data, success, failure, cancel){
+        this.app.restActions.listWidget(this.app.options.application.id, function(dJson){
+            var i=1;
+            var someItems = dJson.data.filter(function(d){ return d.id===data.id });
+            if (someItems.length){
+                var someItem = someItems[0];
+                var lp = this.app.lp;
+                var _self = this;
+
+                var d1 = new Date().parse(data.lastUpdateTime || data.updateTime);
+                var d2 = new Date().parse(someItem.lastUpdateTime || someItem.updateTime);
+                var html = "<div>"+lp.copyConfirmInfor+"</div>";
+                html += "<div style='overflow: hidden; margin: 10px 0px; padding: 5px 10px; background-color: #ffffff; border-radius: 6px;'><div style='font-weight: bold; font-size:14px;'>"+lp.copySource+" "+someItem.name+"</div>";
+                html += "<div style='font-size:12px; color: #666666; float: left'>"+(someItem.lastUpdateTime || someItem.updateTime)+"</div>" +
+                    "<div style='font-size:12px; color: #666666; float: left; margin-left: 20px;'>"+MWF.name.cn(someItem.lastUpdatePerson || "")+"</div>" +
+                    "<div style='color: red; float: right;'>"+((d1>=d2) ? "": lp.copynew)+"</div></div>";
+                html += "<div style='overflow: hidden; margin: 10px 0px; padding: 5px 10px; background-color: #ffffff; border-radius: 6px;'><div style='clear: both;font-weight: bold; font-size:14px;'>"+lp.copyTarget+" "+data.name+"</div>";
+                html += "<div style='font-size:12px; color: #666666; float: left;'>"+(data.lastUpdateTime || data.updateTime)+"</div>" +
+                    "<div style='font-size:12px; color: #666666; float: left; margin-left: 20px;'>"+MWF.name.cn(data.lastUpdatePerson || "")+"</div>" +
+                    "<div style='color: red; float: right;'>"+((d1<=d2) ? "": lp.copynew)+"</div></div>";
+//                html += "<>"
+                this.app.dlg("inofr", null, this.app.lp.copyConfirmTitle, {"html": html}, 500, 290, [
+                    {
+                        "text": lp.copyConfirm_overwrite,
+                        "action": function(){_self.saveItemAsUpdate(someItem, data, success, failure);this.close();}
+                    },
+                    {
+                        "text": lp.copyConfirm_new,
+                        "action": function(){_self.saveItemAsNew(dJson, data, success, failure);this.close();}
+                    },
+                    {
+                        "text": lp.copyConfirm_skip,
+                        "action": function(){/*nothing*/ this.close(); if (success) success();}
+                    },
+                    {
+                        "text": lp.copyConfirm_cancel,
+                        "action": function(){this.close(); if (cancel) cancel();}
+                    }
+                ]);
+            }else{
+                this.saveItemAsNew(dJson, data, success, failure)
+            }
+        }.bind(this), function(){if (failure) failure();}.bind(this));
+    },
+    saveItemAsUpdate: function(someItem, form, success, failure){
+        var item = this.app.options.application;
+
+        var pcdata = JSON.decode(MWF.decodeJsonString(form.data));
+        var mobiledata = JSON.decode(MWF.decodeJsonString(form.mobileData));
+
+        pcdata.id = someItem.id;
+        pcdata.isNewPage = false;
+        pcdata.json.id = someItem.id;
+        pcdata.json.application = item.id;
+        pcdata.json.applicationName = item.name;
+        pcdata.json.name = someItem.name;
+        pcdata.json.alias = someItem.alias;
+        mobiledata.json.id = someItem.id;
+        mobiledata.json.application = item.id;
+        mobiledata.applicationName = item.name;
+        mobiledata.json.name = someItem.name;
+        mobiledata.json.alias = someItem.alias;
+
+        this.app.restActions.saveWidget(pcdata, mobiledata, null, function(){
+            if (success) success();
+        }.bind(this), function(){
+            if (failure) failure();
+        }.bind(this));
+    },
+    saveItemAsNew: function(formsJson, form, success, failure){
+        var item = this.app.options.application;
+        var id = item.id;
+        var name = item.name;
+
+        var pcdata = JSON.decode(MWF.decodeJsonString(form.data));
+        var mobiledata = JSON.decode(MWF.decodeJsonString(form.mobileData));
+
+        var oldName = pcdata.json.name;
+
+        var i=1;
+        while (formsJson.data.some(function(d){ return d.name==pcdata.json.name })){
+            pcdata.json.name = oldName+"_copy"+i;
+            mobiledata.json.name = oldName+"_copy"+i;
+            i++;
+        }
+        pcdata.id = "";
+        pcdata.isNewPage = true;
+        pcdata.json.id = "";
+        pcdata.json.application = id;
+        pcdata.json.applicationName = name;
+        pcdata.json.alias = "";
+
+        mobiledata.json.id = "";
+        mobiledata.json.application = id;
+        mobiledata.applicationName = name;
+        mobiledata.json.alias = "";
+
+        this.app.restActions.saveWidget(pcdata, mobiledata, null, function(){
+            if (success) success();
+        }.bind(this), function(){
+            if (failure) failure();
+        }.bind(this));
+    },
+
     _createElement: function(e){
         var _self = this;
         var options = {