From 3bebf2b279d8f4da0439a4e3de1254c4292d0cac Mon Sep 17 00:00:00 2001
From: Jon Reid
Date: Fri, 16 Mar 2012 13:39:11 -0700
Subject: Timeline:  Hook up data binding for changes on subproperties.

---
 .../Timeline/TimelineTrack.reel/TimelineTrack.js   | 85 ++++++++++++++++------
 1 file changed, 62 insertions(+), 23 deletions(-)

(limited to 'js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js')

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 () {
-- 
cgit v1.2.3