Start looping over tweened properties generically

No longer hard coding for top and left properties.  Instead, looping over all tweened properties generically and building keyframe strings.

Signed-off-by: Jonathan Duran <jduran@motorola.com>

1 files changed, 9 insertions, 2 deletions

diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
index d35f59d3..1521f0fd 100644
--- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
+++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
@@ -562,8 +562,15 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
                 var trackDur = parseInt(this.trackDuration);
                 var keyframePercent = Math.round((keyMill / trackDur) * 100) + "%";
                 var keyframePropertyString = " " + keyframePercent + " {";
-                keyframePropertyString += "top: " + this.tweens[i].tweenedProperties["top"] + "px;";
-                keyframePropertyString += " left: " + this.tweens[i].tweenedProperties["left"] + "px;";
+
+                for(var prop in this.tweens[i].tweenedProperties){
+                    console.log(prop);
+                    keyframePropertyString += prop + ": " + this.tweens[i].tweenedProperties[prop] + "px;";
+                }
+
+                //keyframePropertyString += "top: " + this.tweens[i].tweenedProperties["top"] + "px;";
+                //keyframePropertyString += "left: " + this.tweens[i].tweenedProperties["left"] + "px;";
+
                 keyframePropertyString += "}";
                 keyframeString += keyframePropertyString;
             }