1 files changed, 829 insertions, 0 deletions

diff --git a/js/tools/SelectionTool.js b/js/tools/SelectionTool.js
new file mode 100644
index 00000000..5f2a959f
--- /dev/null
+++ b/js/tools/SelectionTool.js
@@ -0,0 +1,829 @@
+/* <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,
+    viewUtils = require("js/helper-classes/3D/view-utils").ViewUtils,
+    vecUtils = require("js/helper-classes/3D/vec-utils").VecUtils,
+    toolHandleModule = require("js/stage/tool-handle"),
+    ElementsMediator = require("js/mediators/element-mediator").ElementMediator,
+    DrawingToolBase = require("js/tools/drawing-tool-base").DrawingToolBase,
+    Keyboard = require("js/mediators/keyboard-mediator").Keyboard,
+    ModifierToolBase = require("js/tools/modifier-tool-base").ModifierToolBase;
+
+var SelectionTool = exports.SelectionTool = Montage.create(ModifierToolBase, {
+    drawingFeedback: { value: { mode: "Draw2D", type: "" } },
+
+    _canOperateOnStage: { value: true},
+    _isSelecting: {value: false, writable:true},
+    _shiftMove: { value: 10},
+
+    _showTransformHandles: { value: false, enumerable: true },
+
+    _handleToolOptionsChange : {
+        value: function (event) {
+            this._showTransformHandles = event.detail.inTransformMode;
+            this.DrawHandles();
+        }
+    },
+
+    startDraw: {
+        value: function(event) {
+            if(!this.application.ninja.selectedElements.length)
+            {
+                this._isSelecting = true;
+                this._canSnap = false;
+            }
+            else
+            {
+                this._canSnap = true;
+            }
+
+            this.isDrawing = true;
+            this.application.ninja.stage.showSelectionBounds = false;
+
+            if(this._canSnap)
+            {
+                this.initializeSnapping(event);
+            }
+            else
+            {
+                this.drawWithoutSnapping(event);
+            }
+        }
+    },
+
+    drawSelectionMarquee: {
+        value: function(event) {
+            var point = webkitConvertPointFromPageToNode(this.application.ninja.stage.canvas,
+                                                        new WebKitPoint(event.pageX, event.pageY));
+
+            if(this._isSpace) {
+                this._currentDX = point.x - this._currentX;
+                this._currentDY = point.y - this._currentY;
+
+                this.downPoint.x += this._currentDX;
+                this.downPoint.y += this._currentDY;
+                this.currentX += this._currentDX;
+                this.currentY += this._currentDY;
+
+                DrawingToolBase.draw2DRectangle(this.downPoint.x,this.downPoint.y,this.currentX - this.downPoint.x,this.currentY - this.downPoint.y);
+            } else {
+                this._currentX = point.x;
+                this._currentY = point.y;
+
+                DrawingToolBase.draw2DRectangle(this.downPoint.x,this.downPoint.y,point.x - this.downPoint.x,point.y - this.downPoint.y);
+            }
+        }
+    },
+
+    HandleMouseMove: {
+        value: function(event) {
+            if(this._escape) {
+                this._escape = false;
+                this.isDrawing = true;
+            }
+
+            if(this._isSelecting) {
+                // Draw the Selection Marquee
+                this.drawSelectionMarquee(event);
+            }
+            else
+            {
+                if(this.isDrawing) {
+                    this._hasDraw = true;   // Flag for position of element
+                    this.doDraw(event);
+                } else {
+                    this._showFeedbackOnMouseMove(event);
+    //                if(this._canSnap)
+    //                {
+    //                    this.doSnap(event);
+    //                }
+                }
+
+                this.DrawHandles(this._delta);
+                if(this._canSnap && this._isDrawing)
+                {
+                    this.application.ninja.stage.stageDeps.snapManager.drawLastHit();
+                }
+            }
+        }
+    },
+
+    HandleLeftButtonUp: {
+        value: function(event) {
+            var selectedItems,
+                point = webkitConvertPointFromPageToNode(this.application.ninja.stage.canvas,
+                                                                    new WebKitPoint(event.pageX, event.pageY));
+
+            this.isDrawing = false;
+            this.application.ninja.stage.showSelectionBounds = true;
+            if(this._escape) {
+                this._escape = false;
+                this._isSelecting = false;
+                return;
+            }
+
+
+            if(this._isSelecting) {
+                this._isSelecting = false;
+
+                // Don't do the marque selection if the mouse has not moved
+                if(this.downPoint.x != point.x && this.downPoint.y != point.y) {
+                    var box = [];
+                    selectedItems = [];
+
+                    box[0] = this.downPoint.x - this.application.ninja.stage.documentOffsetLeft + this.application.ninja.stage.scrollLeft;
+                    box[1] = this.downPoint.y - this.application.ninja.stage.documentOffsetTop + this.application.ninja.stage.scrollTop;
+                    box[2] = box[0] + (point.x - this.downPoint.x);
+                    box[3] = box[1] + (point.y - this.downPoint.y);
+                    box = this.absoluteRectangle(box[0], box[1],box[2],box[3]);
+
+
+                    //selectionManagerModule.selectionManager.marqueeSelection(box);
+                    var childNodes = this.application.ninja.currentDocument.documentRoot.childNodes;
+                    childNodes = Array.prototype.slice.call(childNodes, 0);
+                    childNodes.forEach(function(item) {
+                        if(item.nodeType == 1 && SelectionTool._simpleCollisionDetection(item, box)) {
+                            selectedItems.push(item);
+                        }
+                    });
+
+                    this.application.ninja.selectionController.selectElements(selectedItems);
+
+                }
+
+                this.endDraw(event);
+                return;
+            }
+
+
+
+            if(this._hasDraw)
+            {
+                if(this._activateOriginHandle)
+                {
+                    this._setTransformOrigin(true);
+                }
+                else if ( ((this.downPoint.x - point.x) !== 0) ||
+                            ((this.downPoint.y - point.y) !== 0) )
+                {
+                    this._updateTargets(true);
+                }
+
+                this._hasDraw = false;
+            }
+            if(this._handleMode !== null)
+            {
+                this._handleMode = null;
+                this._delta = null;
+                this.DrawHandles();
+                                console.log( "move: (" + dx + ", " + dy + ")" );
+            }
+
+            this.endDraw(event);
+        }
+    },
+
+    HandleDoubleClick: {
+            value: function(event) {
+                /*
+                var selectedObject = stageManagerModule.stageManager.GetObjectFromPoint(event.layerX, event.layerY, this._canOperateOnStage);
+
+                if(selectedObject) {
+                    if(selectionManagerModule.selectionManager.findSelectedElement(selectedObject) === -1) {
+                        selectionManagerModule.selectionManager.setSingleSelection(selectedObject);
+                    }
+                }
+                */
+
+                // Temporary Code for Breadcrumb
+                if(this.application.ninja.selectedElements.length > 0) {
+                    this.application.ninja.currentSelectedContainer = this.application.ninja.selectedElements[0]._element;
+                } else {
+                    console.log(this.application.ninja.currentDocument.documentRoot.uuid);
+                    this.application.ninja.currentSelectedContainer = this.application.ninja.currentDocument.documentRoot;
+                }
+
+            }
+        },
+
+    HandleKeyPress: {
+        value: function(event){
+            var inc;
+
+            if (!(event.target instanceof HTMLInputElement)) {
+                if(this.application.ninja.selectedElements.length !== 0) {
+                    inc  = (event.shiftKey) ? this._shiftMove : 1;
+
+                    switch(event.keyCode) {
+                        case Keyboard.LEFT:
+                            var newLeft = [];
+                            var leftArr = this.application.ninja.selectedElements.map(function(item) {
+                                newLeft.push( (parseFloat(ElementsMediator.getProperty(item._element, "left")) - inc) + "px"  );
+                                return ElementsMediator.getProperty(item._element, "left");
+                            });
+
+                            ElementsMediator.setProperty(this.application.ninja.selectedElements, "left", newLeft , "Change", "selectionTool", leftArr);
+                            break;
+                        case Keyboard.UP:
+                            var newTop = [];
+                            var topArr = this.application.ninja.selectedElements.map(function(item) {
+                                newTop.push( (parseFloat(ElementsMediator.getProperty(item._element, "top")) - inc) + "px"  );
+                                return ElementsMediator.getProperty(item._element, "top");
+                            });
+
+                            ElementsMediator.setProperty(this.application.ninja.selectedElements, "top", newTop , "Change", "selectionTool", topArr);