1 files changed, 419 insertions, 0 deletions

diff --git a/js/controllers/clipboard-controller.js b/js/controllers/clipboard-controller.js
new file mode 100644
index 00000000..3f15ac1d
--- /dev/null
+++ b/js/controllers/clipboard-controller.js
@@ -0,0 +1,419 @@
+/* <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> */
+
+////////////////////////////////////////////////////////////////////////
+//
+var Montage =           require("montage/core/core").Montage,
+    Component =         require("montage/ui/component").Component,
+    NJUtils     = require("js/lib/NJUtils").NJUtils,
+    World = require("js/lib/drawing/world").World;
+
+var ClipboardController = exports.ClipboardController = Montage.create(Component, {
+    hasTemplate: {
+        value: false
+    },
+
+    deserializedFromTemplate: {
+        value: function() {
+            document.body.addEventListener("copy", this, false);
+            document.body.addEventListener("cut", this, false);
+            document.body.addEventListener("paste", this, false);
+
+            //ninja menu events
+            this.eventManager.addEventListener("executeCut", this, false);
+            this.eventManager.addEventListener("executeCopy", this, false);
+            this.eventManager.addEventListener("executePaste", this, false);
+
+        }
+    },
+
+    clipboardOperationsAgent:{//appropriate agent instant required for execution of cut/copy/paste
+        value: null
+    },
+
+    copiedObjects:{
+        value: []
+    },
+
+    _copyFlag:{
+        value:false
+    },
+
+    copyFlag:{
+        get:function(){return this._copyFlag;},
+        set:function(value){this._copyFlag = value;}
+    },
+
+    _newCopyFlag:{
+        value:true
+    },
+
+    newCopyFlag:{
+        get:function(){return this._newCopyFlag;},
+        set:function(value){this._newCopyFlag = value;}
+    },
+
+    handleExecuteCopy:{
+        value: function(){document.execCommand('copy',false,null);}
+    },
+
+    handleExecuteCut:{
+        value: function(){document.execCommand('cut',false,null);}
+    },
+
+    handleExecutePaste:{
+        value: function(){document.execCommand('paste',false,null);}
+    },
+
+    handleCopy:{
+        value:function(clipboardEvent, test){
+            if(this.application.ninja.documentController.activeDocument.currentView === "code") return;
+
+            this.copy(clipboardEvent);
+
+            clipboardEvent.preventDefault();
+        }
+    },
+
+    handlePaste:{
+        value:function(clipboardEvent){
+            if(this.application.ninja.documentController.activeDocument.currentView === "code") return;//for design view only
+
+            //TODO: return if stage is not focussed
+
+            //identify all types of clipboard data
+
+            var clipboardData = clipboardEvent.clipboardData,
+                ninjaData = clipboardData.getData("ninja"),
+                htmlData = clipboardData.getData("text/html"),
+                textData = clipboardData.getData("text/plain"),
+                imageData = clipboardData.getData("image/png"),//TODO: other img types, tiff, jpeg.....
+                svgData = clipboardData.getData("image/svg");
+
+            if(ninjaData){
+                this.pasteFromNinja();
+            }else if(imageData){
+                this.pasteImage(imageData);
+            }else{
+                this.pasteItems(htmlData, textData);
+            }
+
+
+            clipboardEvent.preventDefault();
+        }
+    },
+
+    /*
+    parameters:
+     */
+    copy:{
+        value: function(clipboardEvent){
+            var j=0, htmlToClipboard = "", ninjaClipboardObj = {}, textToClipboard = "";
+            this.copiedObjects.length = 0;
+
+            if(clipboardEvent){
+                for(j=0; j < this.application.ninja.selectedElements.length; j++){//copying from stage
+                    this.copiedObjects.push(this.application.ninja.selectedElements[j]);
+
+                    if(this.application.ninja.selectedElements[j].tagName === "CANVAS"){
+                        if(!ninjaClipboardObj.canvas){
+                            ninjaClipboardObj.canvas = true;
+                        }
+                    }else{
+                        htmlToClipboard = htmlToClipboard + this.serialize(this.application.ninja.selectedElements[j]);
+                        if(!ninjaClipboardObj.plainHtml){
+                            ninjaClipboardObj.plainHtml = true;
+                        }
+                        textToClipboard = textToClipboard + this.getText(this.application.ninja.selectedElements[j]) + " ";
+                    }
+
+                }
+                //set clipboard data
+                clipboardEvent.clipboardData.setData('ninja', ''+ JSON.stringify(ninjaClipboardObj));
+                clipboardEvent.clipboardData.setData('text/html', '<HTML><BODY>' + htmlToClipboard + '</BODY></HTML>');
+                clipboardEvent.clipboardData.setData('text/plain', textToClipboard);
+            }
+            else{
+                //TODO: custom copy/paste, ex: css, animation, materials
+            }
+        }
+    },
+
+    pasteFromNinja:{//todo: change to appropriate name
+        value:function(){
+                var i=0, j=0,
+                pastedElements = [],//array of te pastes clones - for selection
+                node = null,
+                styles = null,
+                copiedElement = null;
+
+            //TODO: cleanse HTML
+
+            //clear previous selections
+            this.application.ninja.selectedElements.length = 0;
+            NJevent("selectionChange", {"elements": this.application.ninja.selectedElements, "isDocument": true} );
+
+
+            for(j=0; j< this.copiedObjects.length; j++){
+                copiedElement = this.copiedObjects[j];
+                styles = null;
+
+                if (copiedElement.tagName === "CANVAS"){
+                    //clone copied canvas
+                    var canvas = document.application.njUtils.make("canvas", copiedElement.className, this.application.ninja.currentDocument);
+                    canvas.width = copiedElement.width;
+                    canvas.height = copiedElement.height;
+                    //end - clone copied canvas
+
+                    if (!canvas.getAttribute( "data-RDGE-id" )) canvas.setAttribute( "data-RDGE-id", NJUtils.generateRandom() );
+                    document.application.njUtils.createModelWithShape(canvas);
+
+                    styles = canvas.elementModel.data || {};
+                    styles.top = "" + (this.application.ninja.elementMediator.getProperty(copiedElement, "top", parseInt) - 50) + "px";
+                    styles.left = "" + (this.application.ninja.elementMediator.getProperty(copiedElement, "left", parseInt) - 50) + "px";
+
+                    this.application.ninja.elementMediator.addElements(canvas, styles, false);
+
+                    var world, worldData = copiedElement.elementModel.shapeModel.GLWorld.exportJSON();
+                    if(worldData)
+                    {
+                        var jObj;
+                        var index = worldData.indexOf( ';' );
+                        if ((worldData[0] === 'v') && (index < 24))
+                        {
+                            // JSON format.  separate the version info from the JSON info
+                            var jStr = worldData.substr( index+1 );
+                            jObj = JSON.parse( jStr );
+
+                            world = new World(canvas, jObj.webGL);
+                            canvas.elementModel.shapeModel.GLWorld = world;
+                            canvas.elementModel.shapeModel.useWebGl = jObj.webGL;
+                            world.importJSON(jObj);
+                            this.application.ninja.currentDocument.buildShapeModel( canvas.elementModel, world );
+                        }
+                   }
+
+                    NJevent("elementAdded", canvas);
+
+                    pastedElements.push(canvas);
+                }
+                else {
+                    node = copiedElement.cloneNode(true);
+
+                    if(node.removeAttribute) {node.removeAttribute("style");}//remove the computed styles attribute which is placed only for pasting to external applications
+
+                    styles = {};
+                    styles.top = "" + (this.application.ninja.elementMediator.getProperty(copiedElement, "top", parseInt) - 50) + "px";
+                    styles.left = "" + (this.application.ninja.elementMediator.getProperty(copiedElement, "left", parseInt) - 50) + "px";
+
+                    this.pastePositioned(node, styles);
+                    pastedElements.push(node);
+                }
+
+            }
+
+
+            this.application.ninja.selectionController.selectElements(pastedElements);//select pasted elements - not working!
+
+
+            this.application.ninja.documentController.activeDocument.needsSave = true;
+        }
+    },
+
+    //paste from external applicaitons
+    pasteItems:{//todo: change to pasteNinja, pasteHTML, etc
+        value: function(htmlData, textData){