diff options
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js')
-rw-r--r-- | js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | 421 |
1 files changed, 208 insertions, 213 deletions
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js index ae7eb001..f9d3ad6b 100644 --- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js +++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | |||
@@ -6,7 +6,7 @@ var defaultEventManager = require("montage/core/event/event-manager").defaultEve | |||
6 | var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | 6 | var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { |
7 | 7 | ||
8 | hasTemplate:{ | 8 | hasTemplate:{ |
9 | value: true | 9 | value:true |
10 | }, | 10 | }, |
11 | 11 | ||
12 | _trackID:{ | 12 | _trackID:{ |
@@ -18,83 +18,83 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
18 | 18 | ||
19 | trackID:{ | 19 | trackID:{ |
20 | serializable:true, | 20 | serializable:true, |
21 | get:function(){ | 21 | get:function () { |
22 | return this._trackID; | 22 | return this._trackID; |
23 | }, | 23 | }, |
24 | set:function(value){ | 24 | set:function (value) { |
25 | this._trackID = value; | 25 | this._trackID = value; |
26 | this.needsDraw = true; | 26 | this.needsDraw = true; |
27 | } | 27 | } |
28 | }, | 28 | }, |
29 | 29 | ||
30 | // Are the various collapsers collapsed or not | 30 | // Are the various collapsers collapsed or not |
31 | _isMainCollapsed : { | 31 | _isMainCollapsed:{ |
32 | value: "" | 32 | value:"" |
33 | }, | 33 | }, |
34 | isMainCollapsed : { | 34 | isMainCollapsed:{ |
35 | get: function() { | 35 | get:function () { |
36 | return this._isMainCollapsed; | 36 | return this._isMainCollapsed; |
37 | }, | 37 | }, |
38 | set: function(newVal) { | 38 | set:function (newVal) { |
39 | if (newVal !== this._isMainCollapsed) { | 39 | if (newVal !== this._isMainCollapsed) { |
40 | this._isMainCollapsed = newVal; | 40 | this._isMainCollapsed = newVal; |
41 | this.needsDraw = true; | 41 | this.needsDraw = true; |
42 | } | 42 | } |
43 | 43 | ||
44 | } | 44 | } |
45 | }, | 45 | }, |
46 | _isTransformCollapsed : { | 46 | _isTransformCollapsed:{ |
47 | value: true | 47 | value:true |
48 | }, | 48 | }, |
49 | isTransformCollapsed : { | 49 | isTransformCollapsed:{ |
50 | get: function() { | 50 | get:function () { |
51 | return this._isTransformCollapsed; | 51 | return this._isTransformCollapsed; |
52 | }, | 52 | }, |
53 | set: function(newVal) { | 53 | set:function (newVal) { |
54 | if (newVal !== this._isTransformCollapsed) { | 54 | if (newVal !== this._isTransformCollapsed) { |
55 | this._isTransformCollapsed = newVal; | 55 | this._isTransformCollapsed = newVal; |
56 | this.needsDraw = true; | 56 | this.needsDraw = true; |
57 | } | 57 | } |
58 | } | 58 | } |
59 | }, | 59 | }, |
60 | _isPositionCollapsed : { | 60 | _isPositionCollapsed:{ |
61 | value: true | 61 | value:true |
62 | }, | 62 | }, |
63 | isPositionCollapsed : { | 63 | isPositionCollapsed:{ |
64 | get: function() { | 64 | get:function () { |
65 | return this._isPositionCollapsed; | 65 | return this._isPositionCollapsed; |
66 | }, | 66 | }, |
67 | set: function(newVal) { | 67 | set:function (newVal) { |
68 | if (newVal !== this._isPositionCollapsed) { | 68 | if (newVal !== this._isPositionCollapsed) { |
69 | this._isPositionCollapsed = newVal; | 69 | this._isPositionCollapsed = newVal; |
70 | this.needsDraw = true; | 70 | this.needsDraw = true; |
71 | } | 71 | } |
72 | } | 72 | } |
73 | }, | 73 | }, |
74 | _isStyleCollapsed : { | 74 | _isStyleCollapsed:{ |
75 | value: true | 75 | value:true |
76 | }, | 76 | }, |
77 | isStyleCollapsed : { | 77 | isStyleCollapsed:{ |
78 | get: function() { | 78 | get:function () { |
79 | return this._isStyleCollapsed; | 79 | return this._isStyleCollapsed; |
80 | }, | 80 | }, |
81 | set: function(newVal) { | 81 | set:function (newVal) { |
82 | if (newVal !== this._isStyleCollapsed) { | 82 | if (newVal !== this._isStyleCollapsed) { |
83 | this._isStyleCollapsed = newVal; | 83 | this._isStyleCollapsed = newVal; |
84 | this.needsDraw = true; | 84 | this.needsDraw = true; |
85 | } | 85 | } |
86 | } | 86 | } |
87 | }, | 87 | }, |
88 | 88 | ||
89 | _tweens:{ | 89 | _tweens:{ |
90 | serializable: true, | 90 | serializable:true, |
91 | enumerable: true, | 91 | enumerable:true, |
92 | value: [] | 92 | value:[] |
93 | }, | 93 | }, |
94 | 94 | ||
95 | tweens:{ | 95 | tweens:{ |
96 | serializable: true, | 96 | serializable:true, |
97 | enumerable: true, | 97 | enumerable:true, |
98 | get:function () { | 98 | get:function () { |
99 | return this._spans; | 99 | return this._spans; |
100 | }, | 100 | }, |
@@ -131,7 +131,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
131 | }, | 131 | }, |
132 | 132 | ||
133 | currentMillisecClicked:{ | 133 | currentMillisecClicked:{ |
134 | value: 0 | 134 | value:0 |
135 | }, | 135 | }, |
136 | 136 | ||
137 | isAnimated:{ | 137 | isAnimated:{ |
@@ -151,47 +151,47 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
151 | }, | 151 | }, |
152 | 152 | ||
153 | ninjaStylesContoller:{ | 153 | ninjaStylesContoller:{ |
154 | value: null | 154 | value:null |
155 | }, | 155 | }, |
156 | 156 | ||
157 | _positionCollapser : { | 157 | _positionCollapser:{ |
158 | value: null | 158 | value:null |
159 | }, | 159 | }, |
160 | _mainCollapser: { | 160 | _mainCollapser:{ |
161 | value: null | 161 | value:null |
162 | }, | 162 | }, |
163 | _transformCollapser: { | 163 | _transformCollapser:{ |
164 | value: null | 164 | value:null |
165 | }, | 165 | }, |
166 | _styleCollapser: { | 166 | _styleCollapser:{ |
167 | value: null | 167 | value:null |
168 | }, | 168 | }, |
169 | 169 | ||
170 | prepareForDraw: { | 170 | prepareForDraw:{ |
171 | value: function() { | 171 | value:function () { |
172 | this.init(); | 172 | this.init(); |
173 | this.ninjaStylesContoller = this.application.ninja.stylesController; | 173 | this.ninjaStylesContoller = this.application.ninja.stylesController; |
174 | this.track_lane.addEventListener("click", this, false); | 174 | this.track_lane.addEventListener("click", this, false); |
175 | this.keyFramePropertyData = new Array(); | 175 | this.keyFramePropertyData = new Array(); |
176 | //this.insertTween(0); | 176 | //this.insertTween(0); |
177 | } | 177 | } |
178 | }, | 178 | }, |
179 | 179 | ||
180 | draw: { | 180 | draw:{ |
181 | value: function() { | 181 | value:function () { |
182 | if (this._mainCollapser.isCollapsed !== this.isMainCollapsed) { | 182 | if (this._mainCollapser.isCollapsed !== this.isMainCollapsed) { |
183 | this._mainCollapser.toggle(false); | 183 | this._mainCollapser.toggle(false); |
184 | } | 184 | } |
185 | if (this._positionCollapser.isCollapsed !== this.isPositionCollapsed) { | 185 | if (this._positionCollapser.isCollapsed !== this.isPositionCollapsed) { |
186 | this._positionCollapser.toggle(false); | 186 | this._positionCollapser.toggle(false); |
187 | } | 187 | } |