diff options
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js')
-rw-r--r-- | js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | 339 |
1 files changed, 282 insertions, 57 deletions
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js index 62688825..0c5121cd 100644 --- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js +++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | |||
@@ -1,3 +1,9 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
1 | var Montage = require("montage/core/core").Montage; | 7 | var Montage = require("montage/core/core").Montage; |
2 | var Component = require("montage/ui/component").Component; | 8 | var Component = require("montage/ui/component").Component; |
3 | var Collapser = require("js/panels/Timeline/Collapser").Collapser; | 9 | var Collapser = require("js/panels/Timeline/Collapser").Collapser; |
@@ -10,10 +16,8 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
10 | }, | 16 | }, |
11 | 17 | ||
12 | _trackID:{ | 18 | _trackID:{ |
13 | value:null, | ||
14 | writable:true, | ||
15 | serializable:true, | 19 | serializable:true, |
16 | enumerable:true | 20 | value:null |
17 | }, | 21 | }, |
18 | 22 | ||
19 | trackID:{ | 23 | trackID:{ |
@@ -85,21 +89,116 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
85 | } | 89 | } |
86 | } | 90 | } |
87 | }, | 91 | }, |
88 | 92 | ||
89 | _tweens:{ | 93 | _arrStyleTracks : { |
94 | serializable:true, | ||
95 | enumerable:true, | ||
96 | value: [] | ||
97 | }, | ||
98 | arrStyleTracks: { | ||
99 | serializable:true, | ||
100 | enumerable:true, | ||
101 | get: function() { | ||
102 | return this._arrStyleTracks; | ||
103 | }, | ||
104 | set: function(newVal) { | ||
105 | this._arrStyleTracks = newVal; | ||
106 | this.needsDraw = true; | ||
107 | } | ||
108 | }, | ||
109 | _styleTracksRepetition: { | ||
110 | serializable: true, | ||
111 | value: null | ||
112 | }, | ||
113 | styleTracksRepetition : { | ||
114 | serializable: true, | ||
115 | get: function() { | ||
116 | return this._styleTracksRepetition; | ||
117 | }, | ||
118 | set: function(newVal) { | ||
119 | this._styleTracksRepetition = newVal; | ||
120 | this.needsDraw = true; | ||
121 | } | ||
122 | }, | ||
123 | |||
124 | /* Position Property Tracks */ | ||
125 | _arrPositionTracks : { | ||
126 | serializable:true, | ||
127 | enumerable:true, | ||
128 | value: [] | ||
129 | }, | ||
130 | arrPositionTracks: { | ||
131 | serializable:true, | ||
132 | enumerable:true, | ||
133 | get: function() { | ||
134 | return this._arrPositionTracks; | ||
135 | }, | ||
136 | set: function(newVal) { | ||
137 | this._arrPositionTracks = newVal; | ||
138 | this.needsDraw = true; | ||
139 | } | ||
140 | }, | ||
141 | _positionTracksRepetition: { | ||
142 | serializable: true, | ||
143 | value: null | ||
144 | }, | ||
145 | positionTracksRepetition : { | ||
146 | serializable: true, | ||
147 | get: function() { | ||
148 | return this._positionTracksRepetition; | ||
149 | }, | ||
150 | set: function(newVal) { | ||
151 | this._positionTracksRepetition = newVal; | ||
152 | this.needsDraw = true; | ||
153 | } | ||
154 | }, | ||
155 | |||
156 | |||
157 | /* Transform Property Tracks */ | ||
158 | _arrTransformTracks : { | ||
159 | serializable:true, | ||
160 | enumerable:true, | ||
161 | value: [] | ||
162 | }, | ||
163 | arrTransformTracks: { | ||
90 | serializable:true, | 164 | serializable:true, |
91 | enumerable:true, | 165 | enumerable:true, |
166 | get: function() { | ||
167 | return this._arrTransformTracks; | ||
168 | }, | ||
169 | set: function(newVal) { | ||
170 | this._arrTransformTracks = newVal; | ||
171 | this.needsDraw = true; | ||
172 | } | ||
173 | }, | ||
174 | _transformTracksRepetition: { | ||
175 | serializable: true, | ||
176 | value: null | ||
177 | }, | ||
178 | transformTracksRepetition : { | ||
179 | serializable: true, | ||
180 | get: function() { | ||
181 | return this._transformTracksRepetition; | ||
182 | }, | ||
183 | set: function(newVal) { | ||
184 | this._transformTracksRepetition = newVal; | ||
185 | this.needsDraw = true; | ||
186 | } | ||
187 | }, | ||
188 | |||
189 | _tweens:{ | ||
190 | enumerable: false, | ||
92 | value:[] | 191 | value:[] |
93 | }, | 192 | }, |
94 | 193 | ||
95 | tweens:{ | 194 | tweens:{ |
96 | serializable:true, | 195 | serializable:true, |
97 | enumerable:true, | ||
98 | get:function () { | 196 | get:function () { |
99 | return this._spans; | 197 | return this._tweens; |
100 | }, | 198 | }, |
101 | set:function (newVal) { | 199 | set:function (newVal) { |
102 | this._spans = newVal; | 200 | this._tweens = newVal; |
201 | this.needsDraw=true; | ||
103 | } | 202 | } |
104 | }, | 203 | }, |
105 | 204 | ||
@@ -118,14 +217,51 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
118 | } | 217 | } |
119 | }, | 218 | }, |
120 | 219 | ||
220 | _trackDuration:{ | ||
221 | serializable: true, | ||
222 | value:0 | ||
223 | }, | ||
224 | |||
121 | trackDuration:{ | 225 | trackDuration:{ |
226 | serializable:true, | ||
227 | get:function () { | ||
228 | return this._trackDuration; | ||
229 | }, | ||
230 | set:function (val) { | ||
231 | this._trackDuration = val; | ||
232 | } | ||
233 | }, | ||
234 | |||
235 | _trackPosition:{ | ||
236 | serializable:true, | ||
122 | value:0 | 237 | value:0 |
123 | }, | 238 | }, |
124 | 239 | ||
125 | currentKeyframeRule:{ | 240 | trackPosition:{ |
241 | serializable:true, | ||
242 | get:function () { | ||
243 | return this._trackPosition; | ||
244 | }, | ||
245 | set:function (val) { | ||
246 | this._trackPosition = val; | ||
247 | } | ||
248 | }, | ||
249 | |||
250 | _currentKeyframeRule:{ | ||
251 | serializable: true, | ||
126 | value:null | 252 | value:null |
127 | }, | 253 | }, |
128 | 254 | ||
255 | currentKeyframeRule:{ | ||
256 | serializable: true, | ||
257 | get:function(){ | ||
258 | return this._currentKeyframeRule; | ||
259 | }, | ||
260 | set:function(val){ | ||
261 | this._currentKeyframeRule = val; | ||
262 | } | ||
263 | }, | ||
264 | |||
129 | nextKeyframe:{ | 265 | nextKeyframe:{ |
130 | value:1 | 266 | value:1 |
131 | }, | 267 | }, |
@@ -134,14 +270,23 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
134 | value:0 | 270 | value:0 |
135 | }, | 271 | }, |
136 | 272 | ||
137 | isAnimated:{ | 273 | _isTrackAnimated:{ |
138 | value:false | 274 | serializable: true, |
275 | value:null | ||
276 | }, | ||