First commit of Ninja to ninja-internal

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

14 files changed, 3155 insertions, 0 deletions

diff --git a/js/controllers/color-controller.js b/js/controllers/color-controller.js
new file mode 100644
index 00000000..87180873
--- /dev/null
+++ b/js/controllers/color-controller.js
@@ -0,0 +1,442 @@
+/* <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,
+    Component =                 require("montage/ui/component").Component,
+    ColorModel =                require("js/models/color-model").ColorModel,
+    ColorToolbar =              require("js/panels/Color/colortoolbar.reel").ColorToolbar,
+    ColorPanelBase =            require("js/panels/Color/colorpanelbase.reel").ColorPanelBase,
+    ElementsMediator =          require("js/mediators/element-mediator").ElementMediator,
+    ColorPopupManager =         require("js/panels/Color/colorpopup-manager").ColorPopupManager,
+    ColorButtonManager =        require("js/panels/Color/colorbutton-manager").ColorButtonManager;
+////////////////////////////////////////////////////////////////////////
+//Exporting as ColorController
+exports.ColorController = Montage.create(Component, {
+    ////////////////////////////////////////////////////////////////////
+    //
+    hasTemplate: {
+        enumerable: true,
+        value: false
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    deserializedFromTemplate: {
+        enumerable: true,
+        value: function () {
+                //Setting up colorManager in other classes
+                this.colorPanelBase.colorManager = this.colorModel;
+                this.colorPopupManager.colorManager = this.colorModel;
+                this.colorButtonManager.colorManager = this.colorModel;
+                //Listening for color changes
+                this.colorModel.addEventListener('change', this, false);
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    colorModel: {
+        enumerable: true,
+        value: ColorModel
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    colorPanelBase: {
+        enumerable: true,
+        value: ColorPanelBase
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    colorPopupManager: {
+        enumerable: true,
+        value: ColorPopupManager
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    colorButtonManager: {
+        enumerable: true,
+        value: ColorPopupManager
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    colorView: {
+        enumerable: true,
+        value: null
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    colorToolbar: {
+        enumerable: true,
+        value: null
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    _popupTab: {
+        enumerable: false,
+        value: 'wheel'
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    popupTab: {
+        enumerable: true,
+        get: function() {
+            return this._popupTab;
+        },
+        set: function(value) {
+                this._popupTab = value.toLowerCase();
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    addButton: {
+        enumerable: true,
+        value: function (type, button) {
+            if (this.colorView) {
+                this.colorView.addButton(type, button);
+                return true;
+            } else if (this.ColorPanelBase) {
+                this.ColorPanelBase.addButton(type, button);
+                return true;
+            } else {
+                return false;
+            }
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    removeButton: {
+        enumerable: true,
+        value: function (type, button) {
+            if (this.colorView) {
+                this.colorView.removeButton(type, button);
+                return true;
+            } else if (this.ColorPanelBase) {
+                this.ColorPanelBase.removeButton(type, button);
+                return true;
+            } else {
+                return false;
+            }
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    _fill: {
+        enumerable: false,
+        value: null
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    fill: {
+        enumerable: true,
+        get: function() {
+            return this._fill;
+        },
+        set: function(value) {
+                this._fill = value;
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    _stroke: {
+        enumerable: false,
+        value: null
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    stroke: {
+        enumerable: true,
+        get: function() {
+            return this._stroke;
+        },
+        set: function(value) {
+                this._stroke = value;
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    getBackground: {
+        enumerable: true,
+        value: function (element) {
+                //TODO: Return object with all background properties
+                console.log(ElementsMediator.getProperty(element, 'background-color'));
+                console.log(ElementsMediator.getProperty(element, 'background-image'));
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    getBorder: {
+        enumerable: true,
+        value: function (element) {
+                
+        }
+    },
+    ////////////////////////////////////////////////////////////////////
+    //
+    setBackground: {
+        enumerable: true,
+        value: function (type, background, selection) {
+            //TODO: Remove hack
+            var elements, i, hack = [], hackNone = [];
+            //The selection is optional, if none, it asks for the currently selected elements
+            if (selection) {
+                elements = selection;
+            } else {
+                elements = this.application.ninja.selectedElements;
+            }
+            //
+            for (i=0; elements[i]; i++) {
+                hack[i] = background;
+                hackNone[i] = 'none';
+            }
+            //
+            if (elements && elements.length > 0) {
+                switch (type) {
+                    case 'image':
+                        ElementsMediator.setProperty(elements, "background-image", hack, {"background-image": background}, "Change", "color-controller");
+                        ElementsMediator.setProperty(elements, "background-color", hackNone, {"background-color": 'none'}, "Change", "color-controller");
+                        break;
+                    case 'color':
+                        //TODO: Add logic to handle setting color when image (like gradients) is applied
+                        //TODO: Handle applying to multiple items, currently, we need to create a dummy array of the same value
+                        ElementsMediator.setProperty(elements, "background-image", hackNone, {"background-image": 'none'}, "Change", "color-controller");
+                        ElementsMediator.setProperty(elements, "background-color", hack, {"background-color": background}, "Change", "color-controller");
+                        break;