aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Style.reel/Style.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/Style.reel/Style.js')
-rw-r--r--js/panels/Timeline/Style.reel/Style.js23
1 files changed, 23 insertions, 0 deletions
diff --git a/js/panels/Timeline/Style.reel/Style.js b/js/panels/Timeline/Style.reel/Style.js
index bf254795..e6e03901 100644
--- a/js/panels/Timeline/Style.reel/Style.js
+++ b/js/panels/Timeline/Style.reel/Style.js
@@ -36,6 +36,21 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
36 } 36 }
37 } 37 }
38 }, 38 },
39
40 /* isActive: Whether or not the user is actively clicking within the style; used to communicate state with
41 * parent Layer.
42 */
43 _isActive: {
44 value: false
45 },
46 isActive: {
47 get: function() {
48 return this._isActive;
49 },
50 set: function(newVal) {
51 this._isActive = newVal;
52 }
53 },
39 54
40 // Property for this editor 55 // Property for this editor
41 _editorProperty: { 56 _editorProperty: {
@@ -153,6 +168,12 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
153 this.needsDraw = true; 168 this.needsDraw = true;
154 } 169 }
155 }, 170 },
171
172 handleMousedown: {
173 value: function(event) {
174 this.isActive = true;
175 }
176 },
156 177
157 /* === END: Models === */ 178 /* === END: Models === */
158 179
@@ -238,6 +259,8 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, {
238 this.containerPropvals = this.element.querySelector(".container-propvals"); 259 this.containerPropvals = this.element.querySelector(".container-propvals");
239 this.valueEditorInput = this.element.querySelector(".editor-input input"); 260 this.valueEditorInput = this.element.querySelector(".editor-input input");
240 261
262 // mousedown listener to handle
263 this.element.addEventListener("mousedown", this, false);
241 } 264 }
242 }, 265 },
243 266