From ad81fc7e75225d24ffaf59bb179a32aa12f5141a Mon Sep 17 00:00:00 2001
From: Jon Reid
Date: Tue, 7 Feb 2012 18:44:06 -0800
Subject: Timeline: select/deselect layers.  Work on focus/blur for layers.

---
 js/panels/Timeline/Style.reel/Style.js | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

(limited to 'js/panels/Timeline/Style.reel')

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: {
-- 
cgit v1.2.3