diff options
Diffstat (limited to 'js/panels/Timeline/EasingMenu.reel')
-rw-r--r-- | js/panels/Timeline/EasingMenu.reel/EasingMenu.js | 32 |
1 files changed, 16 insertions, 16 deletions
diff --git a/js/panels/Timeline/EasingMenu.reel/EasingMenu.js b/js/panels/Timeline/EasingMenu.reel/EasingMenu.js index 0c105d0a..84e1efb1 100644 --- a/js/panels/Timeline/EasingMenu.reel/EasingMenu.js +++ b/js/panels/Timeline/EasingMenu.reel/EasingMenu.js | |||
@@ -39,7 +39,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
39 | }, | 39 | }, |
40 | 40 | ||
41 | /* Begin: Models */ | 41 | /* Begin: Models */ |
42 | 42 | ||
43 | // popup: the initialized component. | 43 | // popup: the initialized component. |
44 | _popup: { | 44 | _popup: { |
45 | value: null | 45 | value: null |
@@ -52,7 +52,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
52 | this._popup = newVal | 52 | this._popup = newVal |
53 | } | 53 | } |
54 | }, | 54 | }, |
55 | 55 | ||
56 | // callingComponent: pointer to the span that called for the menu | 56 | // callingComponent: pointer to the span that called for the menu |
57 | _callingComponent: { | 57 | _callingComponent: { |
58 | value: null | 58 | value: null |
@@ -65,7 +65,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
65 | this._callingComponent = newVal; | 65 | this._callingComponent = newVal; |
66 | } | 66 | } |
67 | }, | 67 | }, |
68 | 68 | ||
69 | // anchor: pointer to the anchoring element | 69 | // anchor: pointer to the anchoring element |
70 | _anchor: { | 70 | _anchor: { |
71 | value: null | 71 | value: null |
@@ -78,8 +78,8 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
78 | this._anchor = newVal; | 78 | this._anchor = newVal; |
79 | } | 79 | } |
80 | }, | 80 | }, |
81 | 81 | ||
82 | 82 | ||
83 | _top: { | 83 | _top: { |
84 | value: null | 84 | value: null |
85 | }, | 85 | }, |
@@ -102,7 +102,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
102 | this._left = newVal; | 102 | this._left = newVal; |
103 | } | 103 | } |
104 | }, | 104 | }, |
105 | 105 | ||
106 | // currentChoice: The data attribute of the current choice | 106 | // currentChoice: The data attribute of the current choice |
107 | _currentChoice: { | 107 | _currentChoice: { |
108 | value: "none" | 108 | value: "none" |
@@ -115,13 +115,13 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
115 | this._currentChoice = newVal; | 115 | this._currentChoice = newVal; |
116 | } | 116 | } |
117 | }, | 117 | }, |
118 | 118 | ||
119 | _isShown: { | 119 | _isShown: { |
120 | value: false | 120 | value: false |
121 | }, | 121 | }, |
122 | 122 | ||
123 | /* End: Models */ | 123 | /* End: Models */ |
124 | 124 | ||
125 | /* Begin: Draw Cycle */ | 125 | /* Begin: Draw Cycle */ |
126 | willDraw: { | 126 | willDraw: { |
127 | value: function() { | 127 | value: function() { |
@@ -129,7 +129,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
129 | document.addEventListener("scroll", this.handleDocumentScroll.bind(this), false); | 129 | document.addEventListener("scroll", this.handleDocumentScroll.bind(this), false); |
130 | } | 130 | } |
131 | }, | 131 | }, |
132 | 132 | ||
133 | draw: { | 133 | draw: { |
134 | value: function() { | 134 | value: function() { |
135 | // Update the selection classes. | 135 | // Update the selection classes. |
@@ -148,7 +148,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
148 | } | 148 | } |
149 | }, | 149 | }, |
150 | /* End Draw Cycle */ | 150 | /* End Draw Cycle */ |
151 | 151 | ||
152 | /* Begin: Controllers */ | 152 | /* Begin: Controllers */ |
153 | show: { | 153 | show: { |
154 | value: function() { | 154 | value: function() { |
@@ -158,7 +158,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
158 | this.popup.modal = false; | 158 | this.popup.modal = false; |
159 | this.popup.content = EasingMenu.create(); | 159 | this.popup.content = EasingMenu.create(); |
160 | } | 160 | } |
161 | 161 | ||
162 | // Show the popup | 162 | // Show the popup |
163 | this.popup.anchor = this.anchor; | 163 | this.popup.anchor = this.anchor; |
164 | var position = {}; | 164 | var position = {}; |
@@ -182,10 +182,10 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
182 | easingSelected.classList.remove("easing-selected"); | 182 | easingSelected.classList.remove("easing-selected"); |
183 | } | 183 | } |
184 | event.target.classList.add("easing-selected"); | 184 | event.target.classList.add("easing-selected"); |
185 | 185 | ||
186 | // Set the easing in the span that called us | 186 | // Set the easing in the span that called us |
187 | this.callingComponent.easing = event.target.dataset.ninjaEase; | 187 | this.callingComponent.easing = event.target.dataset.ninjaEase; |
188 | 188 | ||
189 | // Hide the menu. | 189 | // Hide the menu. |
190 | this.popup.hide(); | 190 | this.popup.hide(); |
191 | this._isShow = false; | 191 | this._isShow = false; |
@@ -198,7 +198,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { | |||
198 | } | 198 | } |
199 | } | 199 | } |
200 | } | 200 | } |
201 | 201 | ||
202 | /* End: Controllers */ | 202 | /* End: Controllers */ |
203 | 203 | ||
204 | }); | 204 | }); |