diff options
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js')
-rw-r--r-- | js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | 16 |
1 files changed, 11 insertions, 5 deletions
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js index 26ce526f..b1e8af8a 100644 --- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js +++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | |||
@@ -797,6 +797,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
797 | newTween.tweenData.tweenID = 0; | 797 | newTween.tweenData.tweenID = 0; |
798 | newTween.tweenData.spanPosition = 0; | 798 | newTween.tweenData.spanPosition = 0; |
799 | newTween.tweenData.easing = "none"; | 799 | newTween.tweenData.easing = "none"; |
800 | newTween.tweenData.initSelect = true; | ||
800 | newTween.tweenData.tweenedProperties = []; | 801 | newTween.tweenData.tweenedProperties = []; |
801 | newTween.tweenData.tweenedProperties["top"] = this.animatedElement.offsetTop + "px"; | 802 | newTween.tweenData.tweenedProperties["top"] = this.animatedElement.offsetTop + "px"; |
802 | newTween.tweenData.tweenedProperties["left"] = this.animatedElement.offsetLeft + "px"; | 803 | newTween.tweenData.tweenedProperties["left"] = this.animatedElement.offsetLeft + "px"; |
@@ -813,6 +814,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
813 | newTween.tweenData.tweenID = this.nextKeyframe; | 814 | newTween.tweenData.tweenID = this.nextKeyframe; |
814 | newTween.tweenData.spanPosition = clickPos - newTween.tweenData.spanWidth; | 815 | newTween.tweenData.spanPosition = clickPos - newTween.tweenData.spanWidth; |
815 | newTween.tweenData.easing = "none"; | 816 | newTween.tweenData.easing = "none"; |
817 | newTween.tweenData.initSelect = true; | ||
816 | newTween.tweenData.tweenedProperties = []; | 818 | newTween.tweenData.tweenedProperties = []; |
817 | newTween.tweenData.tweenedProperties["top"] = this.animatedElement.offsetTop + "px"; | 819 | newTween.tweenData.tweenedProperties["top"] = this.animatedElement.offsetTop + "px"; |
818 | newTween.tweenData.tweenedProperties["left"] = this.animatedElement.offsetLeft + "px"; | 820 | newTween.tweenData.tweenedProperties["left"] = this.animatedElement.offsetLeft + "px"; |
@@ -920,6 +922,8 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
920 | newTweenToInsert.tweenData.tweenID = this.tweens.length; | 922 | newTweenToInsert.tweenData.tweenID = this.tweens.length; |
921 | newTweenToInsert.tweenData.spanPosition = position - newTweenToInsert.tweenData.spanWidth; | 923 | newTweenToInsert.tweenData.spanPosition = position - newTweenToInsert.tweenData.spanWidth; |
922 | newTweenToInsert.tweenData.tweenedProperties = []; | 924 | newTweenToInsert.tweenData.tweenedProperties = []; |
925 | newTweenToInsert.tweenData.easing = "none"; | ||
926 | newTweenToInsert.tweenData.initSelect = true; | ||
923 | newTweenToInsert.tweenData.tweenedProperties["top"] = this.animatedElement.offsetTop + "px"; | 927 | newTweenToInsert.tweenData.tweenedProperties["top"] = this.animatedElement.offsetTop + "px"; |
924 | newTweenToInsert.tweenData.tweenedProperties["left"] = this.animatedElement.offsetLeft + "px"; | 928 | newTweenToInsert.tweenData.tweenedProperties["left"] = this.animatedElement.offsetLeft + "px"; |
925 | newTweenToInsert.tweenData.tweenedProperties["width"] = this.animatedElement.offsetWidth + "px"; | 929 | newTweenToInsert.tweenData.tweenedProperties["width"] = this.animatedElement.offsetWidth + "px"; |
@@ -977,14 +981,14 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
977 | 981 | ||
978 | for(j=0; j<styleLength; j++){ | 982 | for(j=0; j<styleLength; j++){ |
979 | // check for vendor prefixes and skip them for now | 983 | // check for vendor prefixes and skip them for now |
980 | var firstChar = this.currentKeyframeRule[i].style[j].charAt(0); | 984 | //var firstChar = this.currentKeyframeRule[i].style[j].charAt(0); |
981 | if(firstChar === "-"){ | 985 | //if(firstChar === "-"){ |
982 | break; | 986 | // break; |
983 | } else { | 987 | //} else { |
984 | var currProp = this.currentKeyframeRule[i].style[j]; | 988 | var currProp = this.currentKeyframeRule[i].style[j]; |
985 | var propVal = this.currentKeyframeRule[i].style[currProp]; | 989 | var propVal = this.currentKeyframeRule[i].style[currProp]; |
986 | keyframeStyles.push([currProp, propVal]); | 990 | keyframeStyles.push([currProp, propVal]); |
987 | } | 991 | //} |
988 | } | 992 | } |
989 | 993 | ||
990 | // recreate tween properties array for timeline tween | 994 | // recreate tween properties array for timeline tween |
@@ -999,6 +1003,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
999 | newTween.tweenData.keyFrameMillisec = 0; | 1003 | newTween.tweenData.keyFrameMillisec = 0; |
1000 | newTween.tweenData.tweenID = 0; | 1004 | newTween.tweenData.tweenID = 0; |
1001 | newTween.tweenData.spanPosition = 0; | 1005 | newTween.tweenData.spanPosition = 0; |
1006 | newTween.tweenData.initSelect = false; | ||
1002 | this.tweens.push(newTween); | 1007 | this.tweens.push(newTween); |
1003 | this.createMatchingPositionSizeTween(newTween); | 1008 | this.createMatchingPositionSizeTween(newTween); |
1004 | } | 1009 | } |
@@ -1016,6 +1021,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
1016 | newTween.tweenData.keyFramePosition = clickPosition; | 1021 | newTween.tweenData.keyFramePosition = clickPosition; |
1017 | newTween.tweenData.keyFrameMillisec = currentMilliSec; | 1022 | newTween.tweenData.keyFrameMillisec = currentMilliSec; |
1018 | newTween.tweenData.tweenID = this.nextKeyframe; | 1023 | newTween.tweenData.tweenID = this.nextKeyframe; |
1024 | newTween.tweenData.initSelect = false; | ||
1019 | newTween.tweenData.spanPosition =clickPosition - newTween.tweenData.spanWidth; | 1025 | newTween.tweenData.spanPosition =clickPosition - newTween.tweenData.spanWidth; |
1020 | newTween.tweenData.easing = this.currentKeyframeRule[i].style.webkitAnimationName; | 1026 | newTween.tweenData.easing = this.currentKeyframeRule[i].style.webkitAnimationName; |
1021 | if (newTween.tweenData.easing == "") { | 1027 | if (newTween.tweenData.easing == "") { |