aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js')
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js124
1 files changed, 46 insertions, 78 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 59306705..91277a63 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -44,14 +44,11 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
44 this._layerRepetition = newVal; 44 this._layerRepetition = newVal;
45 } 45 }
46 }, 46 },
47
47 _cacheArrays : { 48 _cacheArrays : {
48 value: function() { 49 value: function() {
49 // Cache this.arrLayers and this.arrTracks.
50 this.log('cacheArrays ' + this._boolCacheArrays)
51 if (this._boolCacheArrays) { 50 if (this._boolCacheArrays) {
52 this.log('caching arrays for ', this.application.ninja.currentDocument.name);
53 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers; 51 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers;
54 this.application.ninja.currentDocument.tlArrTracks = this.arrTracks;
55 } 52 }
56 } 53 }
57 }, 54 },
@@ -80,10 +77,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
80 value: null 77 value: null
81 }, 78 },
82 79
83 currentTrackSelected:{
84 value: null
85 },
86
87 millisecondsOffset:{ 80 millisecondsOffset:{
88 value:1000 81 value:1000
89 }, 82 },
@@ -181,22 +174,21 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
181 value:false, 174 value:false,
182 writable:true 175 writable:true
183 }, 176 },
177
184 timeMarkerHolder:{ 178 timeMarkerHolder:{
185 value: null 179 value: null
186 }, 180 },
187 /* === END: Models === */ 181 /* === END: Models === */
188
189 /* === BEGIN: Draw cycle === */ 182 /* === BEGIN: Draw cycle === */
190 prepareForDraw:{ 183 prepareForDraw:{
191 value:function () { 184 value:function () {
192 this.initTimeline(); 185 this.initTimeline();
193 this.eventManager.addEventListener("onOpenDocument", this, false); 186 this.eventManager.addEventListener("onOpenDocument", this, false);
194 this.eventManager.addEventListener("closeDocument", this, false); 187 this.eventManager.addEventListener("closeDocument", this, false);
195 this.eventManager.addEventListener("switchDocument", this, false); 188 this.eventManager.addEventListener("switchDocument", this, false);
196 } 189 }
197 }, 190 },
198 191
199
200 willDraw:{ 192 willDraw:{
201 value:function () { 193 value:function () {
202 if (this._isLayer) { 194 if (this._isLayer) {
@@ -206,9 +198,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
206 } 198 }
207 }, 199 },
208 /* === END: Draw cycle === */ 200 /* === END: Draw cycle === */
209
210 /* === BEGIN: Controllers === */ 201 /* === BEGIN: Controllers === */
211
212 // Bind all document-specific events (pass in true to unbind) 202 // Bind all document-specific events (pass in true to unbind)
213 _bindDocumentEvents : { 203 _bindDocumentEvents : {
214 value: function(boolUnbind) { 204 value: function(boolUnbind) {
@@ -259,7 +249,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
259 this.drawTimeMarkers(); 249 this.drawTimeMarkers();
260 this._hashKey = "123"; 250 this._hashKey = "123";
261 251
262
263 // Document switching 252 // Document switching
264 // Check to see if we have saved timeline information in the currentDocument. 253 // Check to see if we have saved timeline information in the currentDocument.
265 if (typeof(this.application.ninja.currentDocument.isTimelineInitialized) === "undefined") { 254 if (typeof(this.application.ninja.currentDocument.isTimelineInitialized) === "undefined") {
@@ -300,7 +289,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
300 289
301 } else { 290 } else {
302 // we do have information stored. Use it. 291 // we do have information stored. Use it.
303 this.log('oldfile ' + this.application.ninja.currentDocument.name)
304 this._boolCacheArrays = false; 292 this._boolCacheArrays = false;
305 this.arrLayers = []; 293 this.arrLayers = [];
306 this.arrTracks = []; 294 this.arrTracks = [];
@@ -313,8 +301,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
313 this.layerRepetition.needsDraw = true; 301 this.layerRepetition.needsDraw = true;
314 this.trackRepetition.needsDraw = true; 302 this.trackRepetition.needsDraw = true;
315 this.needsDraw = true; 303 this.needsDraw = true;
316
317
318 } 304 }
319 }, 305 },
320 306
@@ -323,7 +309,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
323 // Remove events 309 // Remove events
324 this._bindDocumentEvents(true); 310 this._bindDocumentEvents(true);
325 311
326 // Remove every event listener for every tween in TimelineTrack 312 // Remove every event listener for every selected tween in the timeline
327 this.deselectTweens(); 313 this.deselectTweens();
328 314
329 // Reset visual appearance 315 // Reset visual appearance
@@ -342,21 +328,17 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
342 328
343 this.currentLayerNumber = 0; 329 this.currentLayerNumber = 0;
344 this.currentLayerSelected = false; 330 this.currentLayerSelected = false;
345 this.currentTrackSelected = false;
346 this.selectedKeyframes = []; 331 this.selectedKeyframes = [];
347 this.selectedTweens = []; 332 this.selectedTweens = [];
348 this._captureSelection = false; 333 this._captureSelection = false;
349 this._openDoc = false; 334 this._openDoc = false;
350 this.end_hottext.value = 25; 335 this.end_hottext.value = 25;
351 this.updateTrackContainerWidth(); 336 this.updateTrackContainerWidth();
352
353 } 337 }
354 }, 338 },
355 339
356
357 handleOnOpenDocument:{ 340 handleOnOpenDocument:{
358 value:function(){ 341 value:function(){
359
360 this._boolCacheArrays = false; 342 this._boolCacheArrays = false;
361 this.clearTimelinePanel(); 343 this.clearTimelinePanel();
362 this._boolCacheArrays = true; 344 this._boolCacheArrays = true;
@@ -367,8 +349,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
367 this.hashLayerNumber = this.createLayerNumberHash(); 349 this.hashLayerNumber = this.createLayerNumberHash();
368 this.hashElementMapToLayer = this.createElementMapToLayer(); 350 this.hashElementMapToLayer = this.createElementMapToLayer();
369 this.initTimelineForDocument(); 351 this.initTimelineForDocument();
370
371
372 } 352 }
373 }, 353 },
374 354
@@ -393,7 +373,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
393 if (this.timeMarkerHolder) { 373 if (this.timeMarkerHolder) {
394 this.time_markers.removeChild(this.timeMarkerHolder); 374 this.time_markers.removeChild(this.timeMarkerHolder);
395 } 375 }
396
397 this.drawTimeMarkers(); 376 this.drawTimeMarkers();
398 } 377 }
399 }, 378 },
@@ -405,9 +384,10 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
405 } 384 }
406 }, 385 },
407 386
408 captureSelectionChange:{ 387 handleSelectionChange:{
409 value:function(){ 388 value:function(){
410 var key , switchSelectedLayer,layerIndex; 389 var key , switchSelectedLayer,layerIndex;
390 this.deselectTweens();
411 if(this.application.ninja.selectedElements[0]){ 391 if(this.application.ninja.selectedElements[0]){
412 key = this.application.ninja.selectedElements[0].uuid; 392 key = this.application.ninja.selectedElements[0].uuid;
413 switchSelectedLayer = this.hashElementMapToLayer.getItem(key); 393 switchSelectedLayer = this.hashElementMapToLayer.getItem(key);
@@ -416,7 +396,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
416 this._captureSelection=false; 396 this._captureSelection=false;
417 this.selectLayer(layerIndex); 397 this.selectLayer(layerIndex);
418 this._captureSelection=true; 398 this._captureSelection=true;
419
420 } 399 }
421 } 400 }
422 } 401 }
@@ -469,7 +448,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
469 448
470