diff --git a/js/panels/Timeline/Tween.reel/Tween.js b/js/panels/Timeline/Tween.reel/Tween.js
index ff8d0bad..6dcbf74b 100644
--- a/js/panels/Timeline/Tween.reel/Tween.js
+++ b/js/panels/Timeline/Tween.reel/Tween.js
@@ -167,36 +167,36 @@ var Tween = exports.Tween = Montage.create(Component, {
},
_isDragging: {
- value: false
+ value: false
},
isDragging: {
- serializable: true,
+ serializable: true,
get:function () {
return this._isDragging;
},
set:function (newVal) {
this._isDragging = newVal;
}
-
+
},
_easing: {
- value: "none"
+ value: "none"
},
easing: {
- serializable: true,
+ serializable: true,
get:function () {
return this._easing;
},
set:function (newVal) {
this._easing = newVal;
}
-
+
},
draw:{
value:function () {
- this.tweenspan.element.style.width = this.spanWidth + "px";
+ this.tweenspan.element.style.width = this.spanWidth + "px";
this.keyframe.element.style.left = (this.spanWidth -5) + "px";
this.tweenspan.spanWidth = this.spanWidth;
this.element.style.left = this.spanPosition + "px";
@@ -225,7 +225,7 @@ var Tween = exports.Tween = Montage.create(Component, {
handleElementChange:{
value:function (event) {
// temp - testing var
- var useAbsolute = true;
+ var useAbsolute = true;
if(event.detail.type === "cssChange"){
event.detail.source="cssPanelChange"
@@ -250,32 +250,32 @@ var Tween = exports.Tween = Montage.create(Component, {
setTweenProperties:{
value:function (eventDetail) {
- if (eventDetail.source === "SelectionTool" || eventDetail.source === "timeline" || eventDetail.source === "pi" || eventDetail.source === "cssPanelChange") {
- if(this.parentComponent.parentComponent.animatedElement.offsetTop != this.tweenedProperties["top"]){
- this.tweenedProperties["top"] = this.parentComponent.parentComponent.animatedElement.offsetTop + "px";
- }
- if(this.parentComponent.parentComponent.animatedElement.offsetLeft != this.tweenedProperties["left"]){
- this.tweenedProperties["left"] = this.parentComponent.parentComponent.animatedElement.offsetLeft + "px";
- }
- if (this.parentComponent.parentComponent.animatedElement.offsetWidth != this.tweenedProperties["width"]){
- this.tweenedProperties["width"] = this.parentComponent.parentComponent.animatedElement.offsetWidth + "px";
- }
- if (this.parentComponent.parentComponent.animatedElement.offsetHeight != this.tweenedProperties["height"]){
- this.tweenedProperties["height"] = this.parentComponent.parentComponent.animatedElement.offsetHeight + "px";
- }
- // tell track to update css rule
- this.parentComponent.parentComponent.updateKeyframeRule();
- this.isTweenAnimated = true;
- }
-
- if (eventDetail.source === "translateTool") {
- var arrMat = eventDetail.data.value[0].properties.mat,
- strTweenProperty = "perspective(1400) matrix3d(" + arrMat.join() + ")";
-
- this.tweenedProperties["-webkit-transform"] = strTweenProperty;
- this.parentComponent.parentComponent.updateKeyframeRule();
- this.isTweenAnimated = true;
- }
+ if (eventDetail.source === "SelectionTool" || eventDetail.source === "timeline" || eventDetail.source === "pi" || eventDetail.source === "cssPanelChange") {
+ if(this.parentComponent.parentComponent.animatedElement.offsetTop != this.tweenedProperties["top"]){
+ this.tweenedProperties["top"] = this.parentComponent.parentComponent.animatedElement.offsetTop + "px";
+ }
+ if(this.parentComponent.parentComponent.animatedElement.offsetLeft != this.tweenedProperties["left"]){
+ this.tweenedProperties["left"] = this.parentComponent.parentComponent.animatedElement.offsetLeft + "px";
+ }
+ if (this.parentComponent.parentComponent.animatedElement.offsetWidth != this.tweenedProperties["width"]){
+ this.tweenedProperties["width"] = this.parentComponent.parentComponent.animatedElement.offsetWidth + "px";
+ }
+ if (this.parentComponent.parentComponent.animatedElement.offsetHeight != this.tweenedProperties["height"]){
+ this.tweenedProperties["height"] = this.parentComponent.parentComponent.animatedElement.offsetHeight + "px";
+ }
+ // tell track to update css rule
+ this.parentComponent.parentComponent.updateKeyframeRule();
+ this.isTweenAnimated = true;
+ }
+
+ if (eventDetail.source === "translateTool") {
+ var arrMat = eventDetail.data.value[0].properties.mat,
+ strTweenProperty = "perspective(1400) matrix3d(" + arrMat.join() + ")";
+
+ this.tweenedProperties["-webkit-transform"] = strTweenProperty;
+ this.parentComponent.parentComponent.updateKeyframeRule();
+ this.isTweenAnimated = true;
+ }
}
},
--
cgit v1.2.3