Timeline: Hook up data binding for changes on subproperties.

1 files changed, 62 insertions, 23 deletions

diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
index c6b67c9c..b9a4574c 100644
--- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
+++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
@@ -26,8 +26,9 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
             return this._trackID;
         },
         set:function (value) {
-            this._trackID = value;
-            //this.needsDraw = true;
+                if (value !== this._trackID) {
+                        this._trackID = value;
+                }
         }
     },
 
@@ -40,11 +41,9 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
             return this._isMainCollapsed;
         },
         set:function (newVal) {
-                this.log('TimelineTrack.js: isMainCollapsed: ', newVal);
             if (newVal !== this._isMainCollapsed) {
                 this._isMainCollapsed = newVal;
             }
-
         }
     },
     _isTransformCollapsed:{
@@ -96,8 +95,12 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
                 return this._bypassAnimation;
         },
         set: function(newVal) {
-                //console.log("timelinetrack bypassAnimation setter " + newVal)
-                this._bypassAnimation = newVal;
+                if (newVal !== this._bypassAnimation) {
+                        this._bypassAnimation = newVal;
+                }
+                        if (this.trackData.bypassAnimation !== newVal) {
+                                this.trackData.bypassAnimation = newVal;
+                        }
         }
     },
     
@@ -347,7 +350,8 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
     },
 
     _trackData:{
-
+        serializable: true,
+                value: false
     },
 
     trackData:{
@@ -358,30 +362,65 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, {
         set:function(val){
             this._trackData = val;
             if(this._trackData){
-                this.setData();
+                 this.setData();
             }
         }
     },
+    
+    _setDataTimestamp : {
+        value: false
+    },
 
     setData:{
         value:function(){
-            this.trackID = this.trackData.layerID;
-            this.tweens = this.trackData.tweens;
-            this.animatedElement = this.trackData.animatedElement;
-            this.arrStyleTracks = this.trackData.arrStyleTracks;
-            this.isTrackAnimated = this.trackData.isTrackAnimated;
-            this.trackDuration = this.trackData.trackDuration;
-            this.animationName = this.trackData.animationName;
-            this.currentKeyframeRule = this.trackData.currentKeyframeRule;
-            this.isMainCollapsed = this.trackData.isMainCollapsed;
-            this.isPositionCollapsed = this.trackData.isPositionCollapsed;
-            this.isTransformCollapsed = this.trackData.isTransformCollapsed;
-            this.bypassAnimation = this.trackData.bypassAnimation;
-            this.isStyleCollapsed = this.trackData.isStyleCollapsed;
-            this.trackPosition = this.trackData.trackPosition;
-            this.needsDraw = true;
+                if (this.trackData) {
+                    this.bypassAnimation = this.trackData.bypassAnimation;
+                    this.trackID = this.trackData.layerID;
+                    this.tweens = this.trackData.tweens;
+                    this.animatedElement = this.trackData.animatedElement;
+                    this.arrStyleTracks = this.trackData.arrStyleTracks;
+                    this.isTrackAnimated = this.trackData.isTrackAnimated;
+                    this.trackDuration = this.trackData.trackDuration;
+                    this.animationName = this.trackData.animationName;
+                    this.currentKeyframeRule = this.trackData.currentKeyframeRule;
+                    this.isMainCollapsed = this.trackData.isMainCollapsed;
+                    this.isPositionCollapsed = this.trackData.isPositionCollapsed;
+                    this.isTransformCollapsed = this.trackData.isTransformCollapsed;
+                    this.isStyleCollapsed = this.trackData.isStyleCollapsed;
+                    this.trackPosition = this.trackData.trackPosition;
+                    this.needsDraw = true;
+                }
+
         }
     },
+    
+    // Data binding observation point and trigger method
+        _bindingPoint : {
+        serializable: true,
+        value : {}
+    },
+    bindingPoint: {
+        serializable: true,
+        get: function() {
+                return this._bindingPoint;
+        },
+        set: function(newVal) {
+                if (newVal !== this._bindingPoint) {
+                        this._bindingPoint = newVal;
+                        this.setData();
+                }
+        }
+    },
+    
+    triggerOutgoingBinding : {
+        value: function() {
+                if (this.trackData.triggerBinding === true) {
+                        this.trackData.triggerBinding = false;
+                } else {
+                        this.trackData.triggerBinding = true;
+                }
+        }
+    },
 
     prepareForDraw:{
         value:function () {