1 files changed, 151 insertions, 16 deletions

diff --git a/js/panels/Timeline/Layer.reel/Layer.js b/js/panels/Timeline/Layer.reel/Layer.js
index 71a1f01f..e75b4d0f 100644
--- a/js/panels/Timeline/Layer.reel/Layer.js
+++ b/js/panels/Timeline/Layer.reel/Layer.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> */
+
 var Montage = require("montage/core/core").Montage;
 var Component = require("montage/ui/component").Component;
 var Collapser = require("js/panels/Timeline/Collapser").Collapser;
@@ -80,7 +86,6 @@ var Layer = exports.Layer = Montage.create(Component, {
                         this._layerName = newVal;
                         this._layerEditable.needsDraw = true;
                         this.needsDraw = true;
-                        
                 }
                 
         }
@@ -102,6 +107,140 @@ var Layer = exports.Layer = Montage.create(Component, {
         }
     },
     
+    /* Position and Transform hottext values */
+    _dtextPositionX : {
+        value:null,
+        serializable: true,
+    },
+
+    dtextPositionX:{
+        serializable: true,
+        get:function(){
+            return this._dtextPositionX;
+        },
+        set:function(value){
+                if (this._dtextPositionX !== value) {
+                        this._dtextPositionX = value;
+                        this.needsDraw = true;
+                }
+            
+        }
+    },
+    
+    _dtextPositionY : {
+        value:null,
+        serializable: true,
+    },
+
+    dtextPositionY:{
+        serializable: true,
+        get:function(){
+            return this._dtextPositionY;
+        },
+        set:function(value){
+                if (this._dtextPositionY !== value) {
+                        this._dtextPositionY = value;
+                        this.needsDraw = true;
+                }
+            
+        }
+    },
+    
+    _dtextScaleX : {
+        value:null,
+        serializable: true,
+    },
+
+    dtextScaleX:{
+        serializable: true,
+        get:function(){
+            return this._dtextScaleX;
+        },
+        set:function(value){
+                if (this._dtextScaleX !== value) {
+                        this._dtextScaleX = value;
+                        this.needsDraw = true;
+                }
+            
+        }
+    },
+    
+    _dtextScaleY : {
+        value:null,
+        serializable: true,
+    },
+
+    dtextScaleY:{
+        serializable: true,
+        get:function(){
+            return this._dtextScaleY;
+        },
+        set:function(value){
+                if (this._dtextScaleY !== value) {
+                        this._dtextScaleY = value;
+                        this.needsDraw = true;
+                }
+            
+        }
+    },
+    
+    _dtextSkewX : {
+        value:null,
+        serializable: true,
+    },
+
+    dtextSkewX:{
+        serializable: true,
+        get:function(){
+            return this._dtextSkewX;
+        },
+        set:function(value){
+                if (this._dtextSkewX !== value) {
+                        this._dtextSkewX = value;
+                        this.needsDraw = true;
+                }
+            
+        }
+    },
+    
+    _dtextSkewY : {
+        value:null,
+        serializable: true,
+    },
+
+    dtextSkewY:{
+        serializable: true,
+        get:function(){
+            return this._dtextSkewY;
+        },
+        set:function(value){
+                if (this._dtextSkewY !== value) {
+                        this._dtextSkewY = value;
+                        this.needsDraw = true;
+                }
+            
+        }
+    },
+    
+    _dtextRotate : {
+        value:null,
+        serializable: true,
+    },
+
+    dtextRotate:{
+        serializable: true,
+        get:function(){
+            return this._dtextRotate;
+        },
+        set:function(value){
+                if (this._dtextRotate !== value) {
+                        this._dtextRotate = value;
+                        this.needsDraw = true;
+                }
+            
+        }
+    },
+    
     /* isSelected: whether or not the layer is currently selected. */
     _isSelected:{
         value: false,
@@ -323,6 +462,7 @@ var Layer = exports.Layer = Montage.create(Component, {
             this.styleCollapser.myContent = this.contentStyle;
             this.styleCollapser.element = this.element;
             this.styleCollapser.isCollapsed = this.isStyleCollapsed;
+            this.styleCollapser.contentHeight = 20;
             this.styleCollapser.isAnimated = true;
             this.styleCollapser.labelClickEvent = function(boolBypass) {
                                 var newEvent = document.createEvent("CustomEvent");
@@ -483,8 +623,11 @@ var Layer = exports.Layer = Montage.create(Component, {
                                         // Delete the style from the view
                                         this.arrLayerStyles.splice(selectedIndex, 1);
                                         
-                                } else {
-                                        alert('TODO: what should happen when no rule is selected and the user clicks the delete button?')
+                                        // Was that the last style?
+                                        if (this.arrLayerStyles.length === 0) {
+                                                this.buttonDeleteStyle.classList.add("disabled");
+                                        }
+                                        
                                 }
                         }
                 }
@@ -509,8 +652,12 @@ var Layer = exports.Layer = Montage.create(Component, {
                 // Next, update this.styleRepetition.selectedIndexes.
                 if (styleIndex !== false) {
                         this.styleRepetition.selectedIndexes = [styleIndex];
+                        this.buttonDeleteStyle.classList.remove("disabled");
                 } else {
                         this.styleRepetition.selectedIndexes = null;
+                        if (typeof(this.buttonDeleteStyle) !== "undefined") {
+                                this.buttonDeleteStyle.classList.add("disabled");
+                        }
                 }
                         
                 }
@@ -537,14 +684,11 @@ var Layer = exports.Layer = Montage.create(Component, {
         /* Begin: Event handlers */
         handleAddStyleClick: {
                 value: function(event) {
-                        // Stop the event propagation
-                        //event.stopPropagation();
                         this.addStyle();
                 }
         },
         handleDeleteStyleClick: {
                 value: function(event) {
-                        //event.stopPropagation();
                         this.deleteStyle();
                 }
         },
@@ -566,25 +710,16 @@ var Layer = ex