1 files changed, 263 insertions, 0 deletions

diff --git a/js/controllers/elements/element-controller.js b/js/controllers/elements/element-controller.js
new file mode 100644
index 00000000..f254220c
--- /dev/null
+++ b/js/controllers/elements/element-controller.js
@@ -0,0 +1,263 @@
+/* <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,
+    NJComponent =   require("js/lib/nj-base").NJComponent;
+
+var ElementController = exports.ElementController = Montage.create(NJComponent, {
+
+    addElement: {
+        value: function(el, styles) {
+            this.application.ninja.currentDocument.documentRoot.appendChild(el);
+            this.application.ninja.stylesController.setElementStyles(el, styles);
+        }
+    },
+
+    removeElement: {
+        value: function(el) {
+            el.parentNode.removeChild(el);
+        }
+    },
+    
+    getProperty: {
+        value: function(el, prop, fallbackOnComputed, isStageElement) {
+            return this.application.ninja.stylesController.getElementStyle(el, prop, fallbackOnComputed, isStageElement);
+        }
+    },
+
+    setProperty: {
+        value: function(el, p, value) {
+            this.application.ninja.stylesController.setElementStyle(el, p, value);
+        }
+    },
+
+    setProperties: {
+        value: function(el, props, index) {
+            for(var p in props) {
+                this.application.ninja.stylesController.setElementStyle(el, p, props[p][index]);
+            }
+        }
+    },
+
+    setAttribute: {
+        value: function(el, att, value) {
+            if(att === "id") {
+                if(value === "") {
+                    el.setAttribute(att, value);
+                    return;
+                }
+
+                // Then check if this is a valid id by the following spec: http://www.w3.org/TR/REC-html40/types.html#h-6.2
+                var regexID = /^([a-zA-Z])+([a-zA-Z0-9_\.\:\-])+/;
+                if(!regexID.test(value)) {
+                    alert("Invalid ID");
+                    return;
+                } else if (this.application.ninja.currentDocument._document.getElementById(value) !== null) {
+                    alert("The following ID: " + value + " is already in Use");
+                }
+
+            }
+
+            el.setAttribute(att, value);
+        }
+    },
+
+    //--------------------------------------------------------------------------------------------------------
+    // Routines to get/set color properties
+    getColor: {
+        value: function(el, isFill) {
+            if(isFill)
+            {
+                return this.application.ninja.stylesController.getElementStyle(el, "background-color");
+            }
+            else
+            {
+                // TODO - Need to figure out which border side user wants
+                return this.application.ninja.stylesController.getElementStyle(el, "border-color");
+            }
+        }
+    },
+
+    setColor: {
+        value: function(el, color, isFill) {
+            if(isFill)
+            {
+                this.application.ninja.stylesController.setElementStyle(el, "background-color", color.color.css);
+            }
+            else
+            {
+                this.application.ninja.stylesController.setElementStyle(el, "border-color", color.color.css);
+            }
+        }
+    },
+
+    getStroke: {
+        value: function(el) {
+            // TODO - Need to figure out which border side user wants
+            return this.application.ninja.stylesController.getElementStyle(el, "border");
+        }
+    },
+
+    setStroke: {
+        value: function(el, stroke) {
+            var border = stroke.borderWidth + stroke.borderUnits + " " + stroke.borderStyle + " " + stroke.color.color.css;
+            this.application.ninja.stylesController.setElementStyle(el, "border", border);
+        }
+    },
+
+    //--------------------------------------------------------------------------------------------------------
+    // Routines to get/set 3D properties
+    get3DProperty: {
+        value: function(el, prop) {
+            if(el.elementModel && el.elementModel.props3D)
+            {
+                return el.elementModel.props3D[prop];
+            }
+        }
+    },
+
+    getMatrix: {
+        value: function(el) {
+            if(el.elementModel && el.elementModel.props3D && el.elementModel.props3D.matrix3d)
+            {
+                return el.elementModel.props3D.matrix3d.slice(0);
+            }
+            else
+            {
+                // TODO - for now, just return the identity matrix
+                return Matrix.I(4);
+//                var mat;
+//
+//                if (elt)
+//                {
+//                    var xformStr = ElementsMediator.getProperty(elt, "-webkit-transform");
+//                    if (xformStr)
+//                        mat = this.transformStringToMat( xformStr );
+//                    if (!mat)
+//                        mat = Matrix.I(4);
+//
+//                    if (elt.style && elt.style.zoom)
+//                    {
+//                        var zoom = Number(elt.style.zoom);
+//                        if (zoom != 1)
+//                        {
+//                            var zoomMat = Matrix.create(  [
+//                                [ zoom,    0,    0, 0],
+//                                [    0, zoom,    0, 0],
+//                                [    0,    0, zoom, 0],
+//                                [    0,    0,    0, 1]
+//                            ] );
+//                            glmat4.multiply( zoomMat, mat, mat );
+//                        }
+//                    }
+//                }
+//
+//                elt.elementModel.props3D.matrix3d = mat;
+//                return mat;
+            }
+        }
+    },
+
+    getPerspectiveDist: {
+        value: function(el) {
+            if(el.elementModel && el.elementModel.props3D && el.elementModel.props3D.perspectiveDist)
+            {
+                return el.elementModel.props3D.perspectiveDist;
+            }
+            else
+            {
+                var dist = 1400;
+
+                var str = this.getProperty(el, "-webkit-transform");
+                if (str)
+                {
+                    var index1 = str.indexOf( "perspective(");
+                    if (index1 >= 0)
+                    {
+                        index1 += 12;    // do not include 'perspective('
+                        var index2 = str.indexOf( ")", index1 );
+                        if (index2 >= 0)
+                        {
+                            var substr = str.substr( index1, (index2-index1));
+                            if (substr && (substr.length > 0))
+                                dist = MathUtils.styleToNumber( substr );
+                        }
+                    }
+                }
+
+                el.elementModel.props3D.perspectiveDist = dist;
+                return dist;
+            }
+        }
+    },
+
+    // TODO - perspective distance needs to be passed in as "dist" and matrix3d needs to be passed in as "mat"
+    set3DProperties: {
+        value: function(el, props, index, update3DModel) {
+            var dist = props[index]["dist"],
+                mat = props[index]["mat"];
+            this.application.ninja.stylesController.setElementStyle(el,
+                                                                    "-webkit-transform",
+                                                                    "perspective(" + dist + ") " +
+                                                                    "matrix3d(" + MathUtils.scientificToDecimal(mat, 5) + ")");
+
+            el.elementModel.props3D.matrix3d = mat;
+            el.elementModel.props3D.perspectiveDist = dist;
+
+//            if(update3DModel)
+            {
+                this._update3DProperties(el, mat, dist);
+            }
+        }
+    },
+
+    _update3DProperties: {
+        value: function(elt, mat, dist) {
+            var elt3DInfo = MathUtils.decomposeMatrix2(mat);
+            if(elt3DInfo)
+            {
+                elt.elementModel.props3D.xAngle = elt3DInfo.rotation[0] * MathUtils.RAD_TO_DEG;