10 files changed, 395 insertions, 398 deletions

diff --git a/js/controllers/clipboard-controller.js b/js/controllers/clipboard-controller.js
index 74aef060..e3aa76df 100644
--- a/js/controllers/clipboard-controller.js
+++ b/js/controllers/clipboard-controller.js
@@ -30,8 +30,8 @@ POSSIBILITY OF SUCH DAMAGE.
 
 ////////////////////////////////////////////////////////////////////////
 //
-var Montage =           require("montage/core/core").Montage,
-    Component =         require("montage/ui/component").Component,
+var Montage =       require("montage/core/core").Montage,
+    Component =     require("montage/ui/component").Component,
     ElementsClipboardAgent =         require("js/clipboard/internal-ops/elements-clipboard-agent").ElementsClipboardAgent,
     ExternalAppsClipboardAgent= require("js/clipboard/external-apps-clipboard-agent").ExternalAppsClipboardAgent;
 
diff --git a/js/controllers/color-controller.js b/js/controllers/color-controller.js
index c5c614ea..8be2421f 100755
--- a/js/controllers/color-controller.js
+++ b/js/controllers/color-controller.js
@@ -27,16 +27,16 @@ CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
 ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
 POSSIBILITY OF SUCH DAMAGE.
 </copyright> */
- 
+
 ////////////////////////////////////////////////////////////////////////
 //
-var Montage =                   require("montage/core/core").Montage,
-    Component =                 require("montage/ui/component").Component,
-    ColorModel =                require("js/models/color-model").ColorModel,
-    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;
+var Montage =               require("montage/core/core").Montage,
+    Component =             require("montage/ui/component").Component,
+    ColorModel =            require("js/models/color-model").ColorModel,
+    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, {
@@ -48,14 +48,14 @@ exports.ColorController = Montage.create(Component, {
     ////////////////////////////////////////////////////////////////////
     //
     deserializedFromTemplate: {
-        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);
-        }
+        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);
+        }
     },
     ////////////////////////////////////////////////////////////////////
     //
@@ -90,7 +90,7 @@ exports.ColorController = Montage.create(Component, {
     ////////////////////////////////////////////////////////////////////
     //
     _popupTab: {
-        value: 'wheel'
+        value: 'wheel'
     },
     ////////////////////////////////////////////////////////////////////
     //
@@ -131,7 +131,7 @@ exports.ColorController = Montage.create(Component, {
     ////////////////////////////////////////////////////////////////////
     //
     _fill: {
-        value: null
+        value: null
     },
     ////////////////////////////////////////////////////////////////////
     //
@@ -142,7 +142,7 @@ exports.ColorController = Montage.create(Component, {
     ////////////////////////////////////////////////////////////////////
     //
     _stroke: {
-        value: null
+        value: null
     },
     ////////////////////////////////////////////////////////////////////
     //
@@ -154,16 +154,16 @@ exports.ColorController = Montage.create(Component, {
     //
     getBackground: {
         value: function (element) {
-                //TODO: Return object with all background properties
-                console.log(ElementsMediator.getProperty(element, 'background-color'));
-                console.log(ElementsMediator.getProperty(element, 'background-image'));
+            //TODO: Return object with all background properties
+            console.log(ElementsMediator.getProperty(element, 'background-color'));
+            console.log(ElementsMediator.getProperty(element, 'background-image'));
         }
     },
     ////////////////////////////////////////////////////////////////////
     //
     getBorder: {
         value: function (element) {
-                
+
         }
     },
     ////////////////////////////////////////////////////////////////////
@@ -189,14 +189,14 @@ exports.ColorController = Montage.create(Component, {
     //
     handleChange: {
         value: function (e) {
-                //
+            //
             var color, input = e._event.input, panelMode, mode = e._event.mode;
             if (this.colorView) {
-                panelMode = this.colorView.panelMode;
+                panelMode = this.colorView.panelMode;
             }
             //
             if (mode === 'nocolor') {
-                color = {value: null, css: 'none'};
+                color = {value: null, css: 'none'};
             } else if (panelMode === 'rgb' && e._event.rgba && mode !== 'gradient') {
                 color = e._event.rgba;
                 color.webGlColor = e._event.webGlColor;
@@ -206,7 +206,7 @@ exports.ColorController = Montage.create(Component, {
             } else if (mode !== 'gradient'){
                 color = {value: e._event.hex, css: '#'+e._event.hex};
             } else if (mode === 'gradient'){
-                color = e._event.value.value;
+                color = e._event.value.value;
             }
             color.mode = panelMode;
             color.wasSetByCode = true;
@@ -215,15 +215,15 @@ exports.ColorController = Montage.create(Component, {
             ////////////////////////////////////////////////////////////
             //
             if (input === 'fill') {
-                //
-                this.fill = color;
+                //
+                this.fill = color;
                 //
                 if(e._event.wasSetByCode) return;
-                //
+                //
                 this.setColor(mode, color, true);
             } else if (input === 'stroke') {
-                //
-                this.stroke = color;
+                //
+                this.stroke = color;
                 //
                 if(e._event.wasSetByCode) return;
 
@@ -237,93 +237,93 @@ exports.ColorController = Montage.create(Component, {
     //Converts CSS to a color object to be used by the color model
     getColorObjFromCss: {
         value: function (css) {
-                //
-                var color, arr, i, j, temp, c, gradient;
-                //console.log(css.indexOf('-webkit'), css);
-                if (css && css.indexOf('-webkit') >= 0) {
-                        //
-                        gradient = {mode: null, stops: null};
-                        //Checking for gradient type
-                        if (css.indexOf('-webkit-radial-gradient') >= 0) {
-                                //Radial gradient
-                                gradient.stops = [];
-                                gradient.mode = 'radial';
-                                gradient.gradientMode = 'radial';
-                                gradient.css = css;
-                                //
-                                arr = css.split('%,');
+            //
+            var color, arr, i, j, temp, c, gradient;
+            //console.log(css.indexOf('-webkit'), css);
+            if (css && css.indexOf('-webkit') >= 0) {
+                //
+                gradient = {mode: null, stops: null};
+                //Checking for gradient type
+                if (css.indexOf('-webkit-radial-gradient') >= 0) {
+                    //Radial gradient
+                    gradient.stops = [];
+                    gradient.mode = 'radial';
+                    gradient.gradientMode = 'radial';
+                    gradient.css = css;
+                    //
+                    arr = css.split('%,');