9 files changed, 856 insertions, 0 deletions

diff --git a/js/controllers/elements/block-controller.js b/js/controllers/elements/block-controller.js
new file mode 100644
index 00000000..395a1a4d
--- /dev/null
+++ b/js/controllers/elements/block-controller.js
@@ -0,0 +1,35 @@
+/* <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,
+    ElementController = require("js/controllers/elements/element-controller").ElementController;
+
+exports.BlockController = Montage.create(ElementController, {
+
+    /**
+     If the base method needs to be sub-classed
+    setProperty: {
+        value: function(el, p, value) {
+            switch(p) {
+                case "width":
+                    console.log("width");
+                    break;
+                default:
+                    ElementController.setProperty(el, p, value);
+            }
+        }
+    },
+    */
+
+    /*
+    setProperties: {
+        value: function(el, newProps, currentProps, index, eventType, notify, redraw) {
+            ElementController.setProperties(el, newProps, currentProps, index, eventType, notify, redraw);
+        }
+    },
+    */
+
+});
\ No newline at end of file
diff --git a/js/controllers/elements/canvas-controller.js b/js/controllers/elements/canvas-controller.js
new file mode 100644
index 00000000..7af7e824
--- /dev/null
+++ b/js/controllers/elements/canvas-controller.js
@@ -0,0 +1,37 @@
+/* <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,
+    ElementController = require("js/controllers/elements/element-controller").ElementController;
+
+exports.CanvasController = Montage.create(ElementController, {
+
+    getProperty: {
+        value: function(el, prop) {
+            switch(prop) {
+                case "height":
+                case "width":
+                    return el.getAttribute(prop);
+                    break;
+                default:
+                    return ElementController.getProperty(el, prop);
+            }
+        }
+    },
+
+    setProperty: {
+        value: function(el, p, value) {
+            switch(p) {
+                case "height":
+                case "width":
+                    el.setAttribute(p, parseInt(value));
+                    break;
+                default:
+                    ElementController.setProperty(el, p, value);
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/js/controllers/elements/component-controller.js b/js/controllers/elements/component-controller.js
new file mode 100644
index 00000000..458e6b46
--- /dev/null
+++ b/js/controllers/elements/component-controller.js
@@ -0,0 +1,12 @@
+/* <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,
+    ElementController = require("js/controllers/elements/element-controller").ElementController;
+
+exports.ComponentController = Montage.create(ElementController, {
+
+});
diff --git a/js/controllers/elements/controller-factory.js b/js/controllers/elements/controller-factory.js
new file mode 100644
index 00000000..a772eb16
--- /dev/null
+++ b/js/controllers/elements/controller-factory.js
@@ -0,0 +1,49 @@
+/* <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;
+
+var BlockController = require("js/controllers/elements/block-controller").BlockController,
+    StageController = require("js/controllers/elements/stage-controller").StageController,
+    ShapesController = require("js/controllers/elements/shapes-controller").ShapesController,
+        ImageController = require("js/controllers/elements/image-controller").ImageController,
+    VideoController = require("js/controllers/elements/video-controller").VideoController,
+    ComponentController = require("js/controllers/elements/component-controller").ComponentController,
+    CanvasController = require("js/controllers/elements/canvas-controller").CanvasController;
+
+exports.ControllerFactory = Montage.create(Montage, {
+
+    getController: {
+        value: function(value) {
+            if(!value) return;
+
+            try {
+                value = value.toLowerCase();
+
+                if(value.indexOf("block") !== -1) {
+                    return BlockController;
+                } else if(value.indexOf("stage") !== -1) {
+                    return StageController;
+                } else if(value.indexOf("shape") !== -1) {
+                    return ShapesController;
+                } else if(value.indexOf("canvas") !== -1) {
+                    return CanvasController;
+                } else if(value.indexOf("component") !== -1) {
+                    return ComponentController;
+                } else if(value.indexOf("media") !== -1) {
+                    console.log("create media controller");
+                } else if(value.indexOf("image") !== -1) {
+                    return ImageController;
+                } else if(value.indexOf("video") !== -1) {
+                    return VideoController;
+                }
+            } catch (err) {
+                console.log("Could not create Controller Factory " + err);
+            }
+        }
+    }
+
+});
\ No newline at end of file
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);
+        }
+    },