From eaef072648eb539e648aabf7bc1aea8d02c21085 Mon Sep 17 00:00:00 2001 From: Jonathan Duran Date: Fri, 4 May 2012 21:46:29 -0700 Subject: property track additions to serialization data object Signed-off-by: Jonathan Duran --- .../Timeline/PropertyTrack.reel/PropertyTrack.js | 75 +++++++++++++++++----- 1 file changed, 58 insertions(+), 17 deletions(-) (limited to 'js/panels/Timeline/PropertyTrack.reel') diff --git a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js index 60da4e71..f2dbd683 100644 --- a/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js +++ b/js/panels/Timeline/PropertyTrack.reel/PropertyTrack.js @@ -27,6 +27,10 @@ var PropertyTrack = exports.PropertyTrack = Montage.create(Component, { } }, + trackEditorProperty:{ + value:"" + }, + _propTweenRepetition:{ value:null }, @@ -68,6 +72,7 @@ var PropertyTrack = exports.PropertyTrack = Montage.create(Component, { }, propTrackData:{ + serializable:true, get:function () { return this._propTrackData; }, @@ -79,19 +84,6 @@ var PropertyTrack = exports.PropertyTrack = Montage.create(Component, { } }, - setData:{ - value:function(){ - if (typeof(this.propTrackData) === "undefined") { - return; - } - - - this.propTweens = this.propTrackData.propTweens; - - this.needsDraw = true; - } - }, - nextKeyframe:{ value:1 }, @@ -108,16 +100,66 @@ var PropertyTrack = exports.PropertyTrack = Montage.create(Component, { set:function (value) { if (value !== this._trackID) { this._trackID = value; - this.propTrackData.layerID = value; } } }, + _styleSelection:{ + value:null + }, + + styleSelection:{ + serializable:true, + get:function () { + return this._styleSelection; + }, + set:function (value) { + if (value !== this._styleSelection) { + this._styleSelection = value; + } + } + }, + + _styleIndex:{ + value:null + }, + + styleIndex:{ + serializable:true, + get:function () { + return this._styleIndex; + }, + set:function (value) { + if (value !== this._styleIndex) { + this._styleIndex = value; + } + } + }, + + setData:{ + value:function () { + if (typeof(this.propTrackData) === "undefined") { + return; + } + + this.styleIndex = this.propTrackData.styleIndex; + this.propTweens = this.propTrackData.propTweens; + this.styleSelection = this.propTrackData.styleSelection; + this.needsDraw = true; + } + }, + handleClick:{ value:function(ev){ - //console.log(this.application.ninja.timeline.arrLayers[selectedIndex].layerData); if (ev.shiftKey) { if (this.propTweens.length < 1) { + + // check if there is an editor property assigned yet + // get this property track's editor prop name from layer data arrays + var selectIndex = this.application.ninja.timeline.getLayerIndexByID(this.trackID); + console.log(this.application.ninja.timeline.arrLayers[selectIndex].layerData.arrLayerStyles); + console.log(this.styleIndex); + this.insertPropTween(0); this.addPropAnimationRuleToElement(ev); this.updatePropKeyframeRule(); @@ -137,8 +179,7 @@ var PropertyTrack = exports.PropertyTrack = Montage.create(Component, { insertPropTween:{ value:function(clickPos){ - var parentTrackID = this.parentComponent.parentComponent.parentComponent.trackID; - var selectedIndex = this.application.ninja.timeline.getLayerIndexByID(parentTrackID); + var selectedIndex = this.application.ninja.timeline.getLayerIndexByID(this.trackID); this.application.ninja.timeline.selectLayer(selectedIndex, true); var currentMillisecPerPixel = Math.floor(this.application.ninja.timeline.millisecondsOffset / 80); -- cgit v1.2.3