First commit of Ninja to ninja-internal

Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>

1 files changed, 1245 insertions, 0 deletions

diff --git a/js/tools/PenTool.js b/js/tools/PenTool.js
new file mode 100644
index 00000000..78344d18
--- /dev/null
+++ b/js/tools/PenTool.js
@@ -0,0 +1,1245 @@
+/* <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 ShapeTool = require("js/tools/ShapeTool").ShapeTool;
+var DrawingToolBase = require("js/tools/drawing-tool-base").DrawingToolBase;
+var defaultEventManager = require("montage/core/event/event-manager").defaultEventManager;
+var Montage = require("montage/core/core").Montage;
+var NJUtils = require("js/lib/NJUtils").NJUtils;
+var ElementMediator = require("js/mediators/element-mediator").ElementMediator;
+var TagTool = require("js/tools/TagTool").TagTool;
+var ElementController = require("js/controllers/elements/element-controller").ElementController;
+
+exports.PenTool = Montage.create(ShapeTool, {
+
+    _toolID: { value: "penTool" },
+    _imageID: { value: "penToolImg" },
+    _toolImageClass: { value: "penToolUp" },
+    _selectedToolImageClass: { value: "penToolDown" },
+    _toolTipText: { value: "Pen Tool" },
+    _penView: { value: null, writable: true },
+
+    _selectedToolClass: { value: "penToolSpecificProperties" },
+    _penToolProperties: { enumerable: false, value: null, writable: true },
+    _parentNode: { enumerable: false, value: null, writable: true },
+    _toolsPropertiesContainer: { enumerable: false, value: null, writable: true },
+
+    // Need to keep track of current mouse position for KEY modifiers event which do not have mouse coordinates
+    _currentX: { value: 0, writable: true },
+    _currentY: { value: 0, writable: true },
+
+    //the subpaths are what is displayed on the screen currently, with _selectedSubpath being the active one currently being edited
+    _subpaths: { value: [], writable: true },
+    _selectedSubpath: { value: null, writable: true },
+    _makeMultipleSubpaths: { value: true, writable: true },    //set this to true if you want to keep making subpaths after closing current subpath
+
+
+    //whether or not to display the guides for debugging
+    _showGuides: { value: true, writable: true },
+
+    //whether the user has held down the Alt key
+    _isAltDown: { value: false, writable: true },
+
+    //whether the user has held down the Esc key
+    _isEscapeDown: {value: false, writable: true },
+
+    //whether we have just started a new path (set true in mousedown, and set false in mouse up
+    _isNewPath: {value: false, writable: true},
+
+    //whether we have clicked one of the endpoints after entering the pen tool in ENTRY_SELECT_PATH edit mode
+    _isPickedEndPointInSelectPathMode: {value: false, writable: true},
+
+    //when the user wants to place a selected anchor point on top of another point, this is the target where the point will be placed
+    _snapTarget: { value: null, writable: true },
+
+    //whether or not we're using webgl for drawing
+    _useWebGL: {value: false, writable: false },
+
+    //the canvas created by the pen tool...this is grown or shrunk with the path (if the canvas was not already provided)
+    _penCanvas: { value: null, writable: true },
+
+    //the plane matrix for the first click...so the entire path is on the same plane
+    _penPlaneMat: { value: null, writable: true },
+
+    //constants used for picking points --- NOTE: these should be user-settable parameters
+    _PICK_POINT_RADIUS: { value: 10, writable: false },
+    _DISPLAY_ANCHOR_RADIUS: { value: 5, writable: false },
+    _DISPLAY_SELECTED_ANCHOR_RADIUS: { value: 10, writable: false },
+    _DISPLAY_SELECTED_ANCHOR_PREV_RADIUS: { value: 5, writable: false },
+    _DISPLAY_SELECTED_ANCHOR_NEXT_RADIUS: { value: 5, writable: false },
+
+    //constants used for editing modes (can be OR-ed)
+    EDIT_NONE: { value: 0, writable: false },
+    EDIT_ANCHOR: { value: 1, writable: false },
+    EDIT_PREV: { value: 2, writable: false },
+    EDIT_NEXT: { value: 4, writable: false },
+    EDIT_PREV_NEXT: { value: 8, writable: false },
+    _editMode: { value: this.EDIT_NONE, writable: true },
+
+    //constants used for selection modes on entry to pen tool (mutually exclusive)
+    ENTRY_SELECT_NONE: { value: 0, writable: false},
+    ENTRY_SELECT_CANVAS: { value: 1, writable: false},
+    ENTRY_SELECT_PATH: { value: 2, writable: false},
+    _entryEditMode: {value: this.ENTRY_SELECT_NONE, writable: true},
+    
+    //  ******** Logic for selection  *******
+    //  (update if you change functionality!) 
+    //      NOTE: this is out of date...needs to be updated
+    //
+    //  Start by setting edit mode to EDIT_NONE
+    //
+    //  DOUBLE_CLICK (Left mouse button only):
+    //
+    //
+    //  SINGLE_CLICK (Left mouse button only):
+    //  If LeftClick selects an anchor point
+    //      append EDIT_ANCHOR mode
+    //  If LeftClick selects a previous point of selected anchor
+    //      append EDIT_PREV mode
+    //  If LeftClick selects a next point of selected anchor
+    //      append EDIT_NEXT mode 
+    //
+
+    // ********* Logic for editing *******
+    //  (update if you change functionality!)
+    //      NOTE: this is out of date...needs to be updated
+    //
+    //  Start by computing mouse disp
+    //
+    //  If EDIT_PREV_NEXT mode
+    //      add disp to next and mirror it to prev
+    //  ELSE
+    //      If EDIT_ANCHOR (or _PREV, _NEXT)
+    //          map displacement to anchor (similarly to prev and next)
+    //
+    // 
+
+
+    ShowToolProperties: {
+        value: function () {
+            this._penView = PenView.create();
+            this._penView.element = document.getElementById('topPanelContainer').children[0];
+            this._penView.needsDraw = true;
+
+            this._penView.addEventListener(ToolEvents.TOOL_OPTION_CHANGE, this, false);
+        }
+
+    },
+
+    HandleLeftButtonDown:
+    {
+        value: function (event) {
+            //ignore any right or middle clicks
+            if (event.button !== 0) {
+                //NOTE: this will work on Webkit only...IE has different codes (left: 1, middle: 4, right: 2)
+                return;
+            }
+            //BEGIN ShapeTool code
+            if (this._canDraw) {
+                this._isDrawing = true;
+            }
+
+            //this._targetedCanvas = stageManagerModule.stageManager.GetObjectFromPoint(event.layerX, event.layerY, this._canOperateOnStage);
+
+            this.startDraw(event);
+            //END ShapeTool code
+
+            //assume we are not starting a new path as we will set this to true if we create a new GLSubpath()
+            this._isNewPath = false;
+
+            //add an anchor point by computing position of mouse down
+            var mouseDownPos = this.getMouseDownPos();
+            if (mouseDownPos) {
+                //if we had closed the selected subpath previously, or if we have not yet started anything, create a subpath
+                if (this._selectedSubpath === null) {
+                    this._selectedSubpath = new GLSubpath();
+                    this._isNewPath = true;
+                    if (this._entryEditMode === this.ENTRY_SELECT_PATH){
+                        //this should not happen, as ENTRY_SELECT_PATH implies there was a selected subpath
+                        this._entryEditMode = this.ENTRY_SELECT_NONE;
+                    }
+                } else if (this._selectedSubpath.getIsClosed() && this._entryEditMode !== this.ENTRY_SELECT_PATH) {
+                    //since we're not in ENTRY_SELECT_PATH mode, we don't edit the closed path...we start a new path regardless of where we clicked
+                    if (this._makeMultipleSubpaths) {
+                        this._subpaths.push(this._selectedSubpath);
+                        this._penCanvas = null;
+                        this._penPlaneMat = null;
+                        this._snapTarget = null;
+                        this._selectedSubpath = new GLSubpath();
+                        this._isNewPath = true;
+                    }
+                }
+
+                var prevSelectedAnchorIndex = this._selectedSubpath.getSelectedAnchorIndex();
+                // ************* Add/Select Anchor Point *************
+                //check if the clicked location is close to an anchor point...if so, make that anchor the selected point and do nothing else
+                // BUT if the anchor point selected is the first anchor point, check if the previous selected anchor was the last anchor point...in that case, close the path
+                var selParam = this._selectedSubpath.pickPath(mouseDownPos[0], mouseDownPos[1], mouseDownPos[2], this._PICK_POINT_RADIUS);
+                var whichPoint = this._selectedSubpath.getSelectedMode();
+                if (whichPoint & this._selectedSubpath.SEL_ANCHOR) {
+                    //if we're in ENTRY_SELECT_PATH mode AND we have not yet clicked on the endpoint AND if we have now clicked on the endpoint
+                    if (this._entryEditMode === this.ENTRY_SELECT_PATH && this._isPickedEndPointInSelectPathMode === false){
+                        var selAnchorIndex = this._selectedSubpath.getSelectedAnchorIndex();
+                        if (selAnchorIndex===0 || selAnchorIndex===this._selectedSubpath.getNumAnchors()-1){
+                            //we have picked the endpoint of this path...reverse the path if necessary
+                            if (selAnchorIndex ===0){
+                                //reverse this path
+                            }
+                            this._isPickedEndPointInSelectPathMode = true;
+                        }
+                    }
+                    this._editMode = this.EDIT_ANCHOR;
+                    //if we have selected the first anchor point, and previously had selected the last anchor point, close the path
+                    var numAnchors = this._selectedSubpath.getNumAnchors();
+                    if (numAnchors>1 && !this._selectedSubpath.getIsClosed() && this._selectedSubpath.getSelectedAnchorIndex()===0 && prevSelectedAnchorIndex === numAnchors-1){
+                        //setting the selection mode to NONE will effectively add a new anchor point at the click location and also give us snapping
+                        whichPoint = this._selectedSubpath.SEL_NONE;
+                        //set the snap target in case the mouse move handler doesn't get called
+                        this._snapTarget = this._selectedSubpath.getAnchor(0);
+                    }
+                }
+                //check if the clicked location is close to prev and next of the selected anchor point..if so select that anchor, set mode to PREV or NEXT and do nothing else
+                // but if the selectedAnchor index is not -1 and neither prev nor next are selected, it means click selected a point selParam along bezier segment starting at selectedAnchor
+                else if (this._selectedSubpath.getSelectedAnchorIndex() !== -1) {
+                    if (whichPoint & this._selectedSubpath.SEL_PREV){
+                        this._editMode = this.EDIT_PREV;
+                    }
+                    else if (whichPoint & this._selectedSubpath.SEL_NEXT){
+                        this._editMode = this.EDIT_NEXT;
+                    }
+                    else if (whichPoint & this._selectedSubpath.SEL_PATH) {
+                        //the click point is close enough to insert point in bezier segment after selected anchor at selParam
+                        if (selParam > 0 && selParam < 1) {
+                            this._selectedSubpath.insertAnchorAtParameter(this._selectedSubpath.getSelectedAnchorIndex(), selParam);
+                            //set the mode so that dragging will update anchor point positions
+                            //this._editMode = this.EDIT_ANCHOR;
+                        }
+                    }
+                }
+                if (whichPoint === this._selectedSubpath.SEL_NONE) {
+                    if (this._entryEditMode !== this.ENTRY_SELECT_PATH) {
+                        //add an anchor point to end of the subpath, and make it the selected anchor point
+                        if (!this._selectedSubpath.getIsClosed() || this._makeMultipleSubpaths) {
+                            this._selectedSubpath.addAnchor(new GLAnchorPoint());
+                            var newAnchor = this._selectedSubpath.getAnchor(this._selectedSubpath.getSelectedAnchorIndex());