aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Tween.reel/Tween.js
diff options
context:
space:
mode:
authorhwc4872012-07-09 16:08:02 -0700
committerhwc4872012-07-09 16:08:02 -0700
commit5085d0f67df89a21715308956004164597a6ba79 (patch)
tree2c896163143a66331205a39b0a3b1b45d51bf12a /js/panels/Timeline/Tween.reel/Tween.js
parent51f1691f792dbda9b740ded8aa0457c9406db156 (diff)
parent84b3327bd92faafab7954b5eb64c7abe24a3fe13 (diff)
downloadninja-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.js72
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