Merge branch 'refs/heads/master' into CSSPanelUpdates

13 files changed, 69 insertions, 41 deletions

diff --git a/js/components/editable.reel/editable.js b/js/components/editable.reel/editable.js
index 1d0ad776..9c8946c4 100644
--- a/js/components/editable.reel/editable.js
+++ b/js/components/editable.reel/editable.js
@@ -1,3 +1,9 @@
+/* <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> */
+
 /* ComputedStyleSubPanel.js */
 var Montage   = require("montage").Montage,
     Component = require("montage/ui/component").Component;
diff --git a/js/components/hintable.reel/hintable.js b/js/components/hintable.reel/hintable.js
index 79813c92..5ed46b3c 100644
--- a/js/components/hintable.reel/hintable.js
+++ b/js/components/hintable.reel/hintable.js
@@ -1,3 +1,9 @@
+/* <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> */
+
 /* ComputedStyleSubPanel.js */
 var Montage   = require("montage").Montage,
     Component = require("montage/ui/component").Component,
diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.html b/js/components/layout/bread-crumb.reel/bread-crumb.html
index 67328479..c1b9ed61 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.html
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.html
@@ -62,7 +62,7 @@
 
         <div id="breadcrumb_trail" class="breadcrumbtrail">
             <div id="breadcrumb_container" class="bread_crumb">
-                <div id="breadcrumb_button" class="toolbutton"></div>
+                <div id="breadcrumb_button"></div>
             </div>
         </div>
 
diff --git a/js/components/layout/bread-crumb.reel/bread-crumb.js b/js/components/layout/bread-crumb.reel/bread-crumb.js
index 1290aaac..1824c7c3 100755
--- a/js/components/layout/bread-crumb.reel/bread-crumb.js
+++ b/js/components/layout/bread-crumb.reel/bread-crumb.js
@@ -1,3 +1,8 @@
+/* <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;
diff --git a/js/components/tools-properties/rect-properties.reel/rect-properties.css b/js/components/tools-properties/rect-properties.reel/rect-properties.css
index f50a9873..74509555 100755
--- a/js/components/tools-properties/rect-properties.reel/rect-properties.css
+++ b/js/components/tools-properties/rect-properties.reel/rect-properties.css
@@ -4,7 +4,7 @@
  (c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
  </copyright> */
 
-.button {
+.rectProperties .button {
     border:none;
     cursor:default;
     text-align:center;
@@ -12,28 +12,30 @@
     opacity:0.8;
     display:table-cell;
     vertical-align:middle;
-    width:100%;
-    height:100%;
     background-color:#333333;
     color:white;
 }
 
-.button:hover
+.rectProperties .subToolButton {
+    float:left;
+}
+
+.rectProperties .button:hover
 {
     opacity:1;
 }
 
-.button:active
+.rectProperties .button:active
 {
     outline:solid 1px black;
 }
 
-.button.on
+.rectProperties .button.on
 {
     background-color: #333333;
 }
 
-.button.off
+.rectProperties .button.off
 {
     background-color: #cccccc;
     color:black;
diff --git a/js/components/tools-properties/rect-properties.reel/rect-properties.html b/js/components/tools-properties/rect-properties.reel/rect-properties.html
index e5c52466..214ff1d5 100755
--- a/js/components/tools-properties/rect-properties.reel/rect-properties.html
+++ b/js/components/tools-properties/rect-properties.reel/rect-properties.html
@@ -68,7 +68,7 @@
     </head>
 
     <body>
-        <div id="rectProperties">
+        <div id="rectProperties" class="rectProperties">
             <button id="lockButton" class="unselectable subToolButton button LockToolUp" style=" margin-left:20px"></button>
             <div id="TLRadiusLabel" class="unselectable subToolButton cornerRadius topLeft"></div>
             <div id="TLRadiusControl" class="label"></div>
diff --git a/js/components/ui/color-chip.reel/color-chip.js b/js/components/ui/color-chip.reel/color-chip.js
index e51bdd8a..ed1ac27a 100755
--- a/js/components/ui/color-chip.reel/color-chip.js
+++ b/js/components/ui/color-chip.reel/color-chip.js
@@ -29,12 +29,20 @@ var ColorChip = exports.ColorChip = Montage.create(Component, {
         value: 20
     },
 
-    initialColor: {
-        value: false
+    color: {
+        value: {r:0, g:0, b:0, a:1, css:'rgb(0,0,0)', mode:'rgb'}
     },
 
     changeDelegate: {
-        value: null
+        value: function(event) {
+            this.color = event._event.color;
+
+            var evt = document.createEvent("CustomEvent");
+            evt.initEvent("change", true, true);
+            evt.type = "change";
+
+            this.dispatchEvent(evt);
+        }
     },
 
     prepareForDraw: {
@@ -60,10 +68,10 @@ var ColorChip = exports.ColorChip = Montage.create(Component, {
         value: function(evt) {
             if(this.chip) {
                 // This is a single chip - Not related to the color panel -- Set the initial color if found
-                var mode = "rgb", r = 0, g = 0, b = 0, a = 1, css = "rgb(255,0,0)";
+                var mode = "rgb", r = 0, g = 0, b = 0, a = 1, css = "rgb(0,0,0)";
 
-                if(this.initialColor) {
-                    var colorObj = this.application.ninja.colorController.getColorObjFromCss(this.initialColor);
+                if(this.color) {
+                    var colorObj = this.application.ninja.colorController.getColorObjFromCss(this.color.css);
                     mode = colorObj.mode;
                     r = colorObj.value.r;
                     g = colorObj.value.g;
diff --git a/js/components/ui/file-input.reel/file-input.html b/js/components/ui/file-input.reel/file-input.html
index 5cdd8f9e..2a8546a5 100755
--- a/js/components/ui/file-input.reel/file-input.html
+++ b/js/components/ui/file-input.reel/file-input.html
@@ -11,7 +11,7 @@
     <script type="text/montage-serialization">
     {
         "owner": {
-            "module": "js/components/ui/file-input",
+            "module": "js/components/ui/file-input.reel",
             "name": "FileInput",
             "properties": {
                 "element": {"#": "fileInput"},
@@ -23,8 +23,8 @@
     </script>
 </head>