1 files changed, 149 insertions, 216 deletions

diff --git a/js/tools/SelectionTool.js b/js/tools/SelectionTool.js
index cff14226..7033ee3d 100755
--- a/js/tools/SelectionTool.js
+++ b/js/tools/SelectionTool.js
@@ -33,19 +33,16 @@ var SelectionTool = exports.SelectionTool = Montage.create(ModifierToolBase, {
 
     _areElementsOnSamePlane : {
         value: function () {
-            if(this._targets && this._targets.length)
-            {
-                var len = this._targets.length;
+            if(this.application.ninja.selectedElements.length) {
+                var len = this.application.ninja.selectedElements.length;
                 var plane = this.application.ninja.stage.stageDeps.snapManager.getDragPlane();
-                for(var i = 0; i < len; i++)
-                {
-                    var elt = this._targets[i].elt;
-                    if(!this.application.ninja.stage.stageDeps.snapManager.elementIsOnPlane(elt, plane))
-                    {
+                for(var i = 0; i < len; i++) {
+                    if(!this.application.ninja.stage.stageDeps.snapManager.elementIsOnPlane(this.application.ninja.selectedElements[i], plane)) {
                         return false;
                     }
                 }
             }
+
             return true;
         }
     },
@@ -60,6 +57,7 @@ var SelectionTool = exports.SelectionTool = Montage.create(ModifierToolBase, {
             else
             {
                 this._canSnap = true;
+                this._updateTargets();
             }
 
             this.isDrawing = true;
@@ -295,184 +293,103 @@ var SelectionTool = exports.SelectionTool = Montage.create(ModifierToolBase, {
     },
 
     _updateTargets: {
-        value: function(addToUndoStack) {
-            var newLeft = [],
-                newTop = [],
-                newWidth = [],
-                newHeight = [],
-                newStyles = [],
-                previousLeft = [],
-                previousTop = [],
-                previousWidth = [],
-                previousHeight = [],
-                previousStyles = [];
-            var len = this.application.ninja.selectedElements.length;
-            this._targets = [];
-            for(var i = 0; i < len; i++) {
-                var elt = this.application.ninja.selectedElements[i];
-
-                var curMat = viewUtils.getMatrixFromElement(elt);
-                var curMatInv = glmat4.inverse(curMat, []);
-
-                this._targets.push({elt:elt, mat:curMat, matInv:curMatInv});
-                if(addToUndoStack) {
-                    if(!this._use3DMode) {
-                        var previousMat = this._undoArray[i].mat.slice(0);
-                        var prevX = this._undoArray[i]._x;
-                        var prevY = this._undoArray[i]._y;
-                        var prevW = this._undoArray[i]._w;
-                        var prevH = this._undoArray[i]._h;
-                        var _x = parseInt(ElementsMediator.getProperty(elt, "left")) + curMat[12] - previousMat[12];
-                        var _y = parseInt(ElementsMediator.getProperty(elt, "top")) + curMat[13] - previousMat[13];
-                        var _w = parseInt(ElementsMediator.getProperty(elt, "width"));
-                        var _h = parseInt(ElementsMediator.getProperty(elt, "height"));
-
-                        previousLeft.push(prevX + "px");
-                        previousTop.push(prevY + "px");
-                        previousWidth.push(prevW + "px");
-                        previousHeight.push(prevH + "px");
-                        newLeft.push(_x + "px");
-                        newTop.push(_y + "px");
-                        newWidth.push(_w + "px");
-                        newHeight.push(_h + "px");
-
-                        viewUtils.setMatrixForElement(elt, previousMat);
-
-                        this._targets[i].mat = previousMat;
-                        this._targets[i].matInv = glmat4.inverse(previousMat, []);
+        value: function(addToUndo) {
+            var modObject = [], mod3dObject = [], self = this;
+
+            this.application.ninja.selectedElements.forEach(function(element) {
+
+                if(addToUndo) {
+                    if(!self._use3DMode) {
+                        var prevX = element.elementModel.getProperty("x");
+                        var prevY = element.elementModel.getProperty("y");
+                        var prevW = element.elementModel.getProperty("w");
+                        var prevH = element.elementModel.getProperty("h");
+                        var x = ElementsMediator.getProperty(element, "left");
+                        var y = ElementsMediator.getProperty(element, "top");
+                        var w = ElementsMediator.getProperty(element, "width");
+                        var h = ElementsMediator.getProperty(element, "height");
+
+                        // if we have a delta, that means the transform handles were used and
+                        // we should update the width and height too.  Otherwise, just update left and top.
+                        if(this.delta) {
+                            modObject.push({element:element, properties:{left: x, top:y, width: w, height: h}, previousProperties: {left: prevX, top:prevY, width: prevW, height: prevH}});
+                        } else {
+                            modObject.push({element:element, properties:{left: x, top:y}, previousProperties: {left: prevX, top:prevY}});
+                        }
+
                     } else {
-                        var previousMat = this._undoArray[i].mat.slice(0);
-                        var prevW = this._undoArray[i]._w;
-                        var prevH = this._undoArray[i]._h;
-                        var _w = parseInt(ElementsMediator.getProperty(elt, "width"));
-                        var _h = parseInt(ElementsMediator.getProperty(elt, "height"));
-                        previousWidth.push(prevW + "px");
-                        previousHeight.push(prevH + "px");
-                        newWidth.push(_w + "px");
-                        newHeight.push(_h + "px");
-
-                        var previousStyleStr = {dist:this._undoArray[i].dist,
-                                                mat:MathUtils.scientificToDecimal(previousMat, 5)};
-                        var newStyleStr = {dist:viewUtils.getPerspectiveDistFromElement(elt),
-                                            mat:MathUtils.scientificToDecimal(curMat, 5)};
-                        previousStyles.push(previousStyleStr);
-                        newStyles.push(newStyleStr);
-
-                        this._targets[i].mat = curMat;
-                        this._targets[i].matInv = curMatInv;
-                    }
-                }
-            }
-            if(addToUndoStack)
-            {
-                if(!this._use3DMode)
-                {
-                    // if we have a delta, that means the transform handles were used and
-                    // we should update the width and height too.  Otherwise, just update left and top.
-                    if(this._delta)
-                    {
-                        ElementsMediator.setProperties(this.application.ninja.selectedElements,
-                                                    { "left": newLeft, "top": newTop, "width": newWidth, "height": newHeight },
-                                                    "Change",
-                                                    "selectionTool",
-                                                    { "left" : previousLeft, "top" : previousTop, "width": previousWidth, "height": previousHeight}
-                                                  );
-                    }
-                    else
-                    {
-                        ElementsMediator.setProperties(this.application.ninja.selectedElements,
-                                                    { "left": newLeft, "top": newTop },
-                                                    "Change",
-                                                    "selectionTool",
-                                                    { "left" : previousLeft, "top" : previousTop }
-                                                  );
+                        // Not using the 3d mode
+                        var previousMat = element.elementModel.getProperty("mat").slice(0);
+                        var prevW = element.elementModel.getProperty("w");
+                        var prevH = element.elementModel.getProperty("h");
+                        var w = ElementsMediator.getProperty(element, "width");
+                        var h = ElementsMediator.getProperty(element, "height");
+
+                        var previousStyleStr = {dist:element.elementModel.getProperty("dist"), mat:MathUtils.scientificToDecimal(previousMat, 5)};
+                        var newStyleStr = {dist:viewUtils.getPerspectiveDistFromElement(element), mat:MathUtils.scientificToDecimal(viewUtils.getMatrixFromElement(element), 5)};
+
+                        modObject.push({element:element, properties:{width: w, height:h}, previousProperties: {width: prevW, height:prevH}});
+                        mod3dObject.push({element:element, properties:newStyleStr, previousProperties: previousStyleStr});
                     }
                 }
-                else
-                {
+            });
+
+            // Move them
+            if(addToUndo) {
+                if(!this._use3DMode) {
+                        ElementsMediator.setProperties(modObject, "Change", "SelectionTool" );
+                } else {
                     // TODO - We don't support transform handles in 3d space for now
-                    ElementsMediator.setProperties(this.application.ninja.selectedElements,
-                                                { "width": newWidth, "height": newHeight },
-                                                "Change",
-                                                "selectionTool",
-                                                { "width": previousWidth, "height": previousHeight}
-                                              );
-                    ElementsMediator.set3DProperties(this.application.ninja.selectedElements,
-                                                    newStyles,
-                                                    "Change",
-                                                    "translateTool",
-                                                    previousStyles
-                                                  );
+                    ElementsMediator.setProperties(modObject, "Change", "SelectionTool" );
+                    ElementsMediator.set3DProperties(mod3dObject, "Change", "translateTool");
+
                 }
             }
-            // Save previous value for undo/redo
-            this._undoArray = [];
-            for(i = 0, len = this._targets.length; i < len; i++)
-            {
-                var item = this._targets[i];
-                _x = parseInt(ElementsMediator.getProperty(item.elt, "left"));
-                _y = parseInt(ElementsMediator.getProperty(item.elt, "top"));
-                _w = parseInt(ElementsMediator.getProperty(item.elt, "width"));
-                _h = parseInt(ElementsMediator.getProperty(item.elt, "height"));
-                var _mat = viewUtils.getMatrixFromElement(item.elt);
-                var _dist = viewUtils.getPerspectiveDistFromElement(item.elt);
-                this._undoArray.push({_x:_x, _y:_y, _w:_w, _h:_h, mat:_mat, dist:_dist});
-            }
+
+            this.application.ninja.selectedElements.forEach(function(element) {
+                element.elementModel.setProperty("x", ElementsMediator.getProperty(element, "left"));
+                element.elementModel.setProperty("y", ElementsMediator.getProperty(element, "top"));
+                element.elementModel.setProperty("w", ElementsMediator.getProperty(element, "width"));
+                element.elementModel.setProperty("h", ElementsMediator.getProperty(element, "height"));
+                element.elementModel.setProperty("mat", viewUtils.getMatrixFromElement(element));
+                element.elementModel.setProperty("matInv", glmat4.inverse(element.elementModel.getProperty("mat"), []));
+                element.elementModel.setProperty("dist", viewUtils.getPerspectiveDistFromElement(element));
+            });
 
         }
     },
 
     _moveElements: {
                 value: function (transMat) {
-                        var len = this._targets.length,
-                                i,
-                                item,
-                                elt,
-                                curMat,
-                newLeft = [],
-                newTop = [];
+            var elt, curMat, targets = [];