Timeline: select/deselect layers. Work on focus/blur for layers.

1 files changed, 22 insertions, 0 deletions

diff --git a/js/panels/Timeline/Style.reel/Style.js b/js/panels/Timeline/Style.reel/Style.js
index 796385d0..bf254795 100644
--- a/js/panels/Timeline/Style.reel/Style.js
+++ b/js/panels/Timeline/Style.reel/Style.js
@@ -19,6 +19,23 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
     },
     
     /* === BEGIN: Models === */
+        // isSelected: whether or not the style is selected
+        _isSelected: {
+                serializable: true,
+                value: false
+        },
+        isSelected: {
+                serializable: true,
+                get: function() {
+                        return this._isSelected;
+                },
+                set: function(newVal) {
+                        if (newVal !== this._isSelected) {
+                                this._isSelected = newVal;
+                                this.needsDraw = true;
+                        }
+                }
+        },
    
    // Property for this editor
     _editorProperty: {
@@ -152,6 +169,11 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
                         // Show the right thing
                         this._showView();
                 }
+                if (this.isSelected) {
+                        this.element.classList.add("selected");
+                } else {
+                        this.element.classList.remove("selected");
+                }
         }
     },
     didDraw: {