diff options
author | hwc487 | 2012-07-09 16:08:02 -0700 |
---|---|---|
committer | hwc487 | 2012-07-09 16:08:02 -0700 |
commit | 5085d0f67df89a21715308956004164597a6ba79 (patch) | |
tree | 2c896163143a66331205a39b0a3b1b45d51bf12a /js/panels/Timeline/Tween.reel/Tween.js | |
parent | 51f1691f792dbda9b740ded8aa0457c9406db156 (diff) | |
parent | 84b3327bd92faafab7954b5eb64c7abe24a3fe13 (diff) | |
download | ninja-5085d0f67df89a21715308956004164597a6ba79.tar.gz |
Merge branch 'master' of github.com:Motorola-Mobility/ninja-internal into GridFixes
Conflicts:
js/helper-classes/3D/StageLine.js
Diffstat (limited to 'js/panels/Timeline/Tween.reel/Tween.js')
-rw-r--r-- | js/panels/Timeline/Tween.reel/Tween.js | 72 |
1 files changed, 36 insertions, 36 deletions
diff --git a/js/panels/Timeline/Tween.reel/Tween.js b/js/panels/Timeline/Tween.reel/Tween.js index ff8d0bad..c451caa7 100644 --- a/js/panels/Timeline/Tween.reel/Tween.js +++ b/js/panels/Timeline/Tween.reel/Tween.js | |||
@@ -165,38 +165,38 @@ var Tween = exports.Tween = Montage.create(Component, { | |||
165 | this._isTweenAnimated = value; | 165 | this._isTweenAnimated = value; |
166 | } | 166 | } |
167 | }, | 167 | }, |
168 | 168 | ||
169 | _isDragging: { | 169 | _isDragging: { |
170 | value: false | 170 | value: false |
171 | }, | 171 | }, |
172 | isDragging: { | 172 | isDragging: { |
173 | serializable: true, | 173 | serializable: true, |
174 | get:function () { | 174 | get:function () { |
175 | return this._isDragging; | 175 | return this._isDragging; |
176 | }, | 176 | }, |
177 | set:function (newVal) { | 177 | set:function (newVal) { |
178 | this._isDragging = newVal; | 178 | this._isDragging = newVal; |
179 | } | 179 | } |
180 | 180 | ||
181 | }, | 181 | }, |
182 | 182 | ||
183 | _easing: { | 183 | _easing: { |
184 | value: "none" | 184 | value: "none" |
185 | }, | 185 | }, |
186 | easing: { | 186 | easing: { |
187 | serializable: true, | 187 | serializable: true, |
188 | get:function () { | 188 | get:function () { |
189 | return this._easing; | 189 | return this._easing; |
190 | }, | 190 | }, |
191 | set:function (newVal) { | 191 | set:function (newVal) { |
192 | this._easing = newVal; | 192 | this._easing = newVal; |
193 | } | 193 | } |
194 | 194 | ||
195 | }, | 195 | }, |
196 | 196 | ||
197 | draw:{ | 197 | draw:{ |
198 | value:function () { | 198 | value:function () { |
199 | this.tweenspan.element.style.width = this.spanWidth + "px"; | 199 | this.tweenspan.element.style.width = this.spanWidth + "px"; |
200 | this.keyframe.element.style.left = (this.spanWidth -5) + "px"; | 200 | this.keyframe.element.style.left = (this.spanWidth -5) + "px"; |
201 | this.tweenspan.spanWidth = this.spanWidth; | 201 | this.tweenspan.spanWidth = this.spanWidth; |
202 | this.element.style.left = this.spanPosition + "px"; | 202 | this.element.style.left = this.spanPosition + "px"; |
@@ -225,7 +225,7 @@ var Tween = exports.Tween = Montage.create(Component, { | |||
225 | handleElementChange:{ | 225 | handleElementChange:{ |
226 | value:function (event) { | 226 | value:function (event) { |
227 | // temp - testing var | 227 | // temp - testing var |
228 | var useAbsolute = true; | 228 | var useAbsolute = true; |
229 | 229 | ||
230 | if(event.detail.type === "cssChange"){ | 230 | if(event.detail.type === "cssChange"){ |
231 | event.detail.source="cssPanelChange" | 231 | event.detail.source="cssPanelChange" |
@@ -250,32 +250,32 @@ var Tween = exports.Tween = Montage.create(Component, { | |||
250 | setTweenProperties:{ | 250 | setTweenProperties:{ |
251 | value:function (eventDetail) { | 251 | value:function (eventDetail) { |
252 | 252 | ||
253 | if (eventDetail.source === "SelectionTool" || eventDetail.source === "timeline" || eventDetail.source === "pi" || eventDetail.source === "cssPanelChange") { | 253 | if (eventDetail.source === "SelectionTool" || eventDetail.source === "timeline" || eventDetail.source === "pi" || eventDetail.source === "cssPanelChange") { |
254 | if(this.parentComponent.parentComponent.animatedElement.offsetTop != this.tweenedProperties["top"]){ | 254 | if(this.parentComponent.parentComponent.animatedElement.offsetTop != this.tweenedProperties["top"]){ |
255 | this.tweenedProperties["top"] = this.parentComponent.parentComponent.animatedElement.offsetTop + "px"; | 255 | this.tweenedProperties["top"] = this.parentComponent.parentComponent.animatedElement.offsetTop + "px"; |
256 | } | 256 | } |
257 | if(this.parentComponent.parentComponent.animatedElement.offsetLeft != this.tweenedProperties["left"]){ | 257 | if(this.parentComponent.parentComponent.animatedElement.offsetLeft != this.tweenedProperties["left"]){ |
258 | this.tweenedProperties["left"] = this.parentComponent.parentComponent.animatedElement.offsetLeft + "px"; | 258 | this.tweenedProperties["left"] = this.parentComponent.parentComponent.animatedElement.offsetLeft + "px"; |
259 | } | 259 | } |
260 | if (this.parentComponent.parentComponent.animatedElement.offsetWidth != this.tweenedProperties["width"]){ | 260 | if (this.parentComponent.parentComponent.animatedElement.offsetWidth != this.tweenedProperties["width"]){ |
261 | this.tweenedProperties["width"] = this.parentComponent.parentComponent.animatedElement.offsetWidth + "px"; | 261 | this.tweenedProperties["width"] = this.parentComponent.parentComponent.animatedElement.offsetWidth + "px"; |
262 | } | 262 | } |
263 | if (this.parentComponent.parentComponent.animatedElement.offsetHeight != this.tweenedProperties["height"]){ | 263 | if (this.parentComponent.parentComponent.animatedElement.offsetHeight != this.tweenedProperties["height"]){ |
264 | this.tweenedProperties["height"] = this.parentComponent.parentComponent.animatedElement.offsetHeight + "px"; | 264 | this.tweenedProperties["height"] = this.parentComponent.parentComponent.animatedElement.offsetHeight + "px"; |
265 | } | 265 | } |
266 | // tell track to update css rule | 266 | // tell track to update css rule |
267 | this.parentComponent.parentComponent.updateKeyframeRule(); | 267 | this.parentComponent.parentComponent.updateKeyframeRule(); |
268 | this.isTweenAnimated = true; | 268 | this.isTweenAnimated = true; |
269 | } | 269 | } |
270 | 270 | ||
271 | if (eventDetail.source === "translateTool") { | 271 | if (eventDetail.source === "translateTool") { |
272 | var arrMat = eventDetail.data.value[0].properties.mat, | 272 | var arrMat = eventDetail.data.value[0].properties.mat, |
273 | strTweenProperty = "perspective(1400) matrix3d(" + arrMat.join() + ")"; | 273 | strTweenProperty = "perspective(1400) matrix3d(" + arrMat.join() + ")"; |
274 | 274 | ||
275 | this.tweenedProperties["-webkit-transform"] = strTweenProperty; | 275 | this.tweenedProperties["-webkit-transform"] = strTweenProperty; |
276 | this.parentComponent.parentComponent.updateKeyframeRule(); | 276 | this.parentComponent.parentComponent.updateKeyframeRule(); |
277 | this.isTweenAnimated = true; | 277 | this.isTweenAnimated = true; |
278 | } | 278 | } |
279 | } | 279 | } |
280 | }, | 280 | }, |
281 | 281 | ||