aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js')
-rw-r--r--js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js421
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
6var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { 6var 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);