aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/TimelinePanel.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/TimelinePanel.reel')
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js94
1 files changed, 60 insertions, 34 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 556c082d..5ae59c4e 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -31,7 +31,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
31 set:function (newVal) { 31 set:function (newVal) {
32 this._arrLayers = newVal; 32 this._arrLayers = newVal;
33 this.needsDraw = true; 33 this.needsDraw = true;
34 this._cacheArrays(); 34 this.cacheTimeline();
35 } 35 }
36 }, 36 },
37 37
@@ -64,15 +64,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
64 } 64 }
65 }, 65 },
66 66
67 _cacheArrays:{
68 value:function () {
69 if (this._boolCacheArrays) {
70 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers;
71 this.application.ninja.currentDocument.tlCurrentSelectedContainer=this.application.ninja.currentSelectedContainer;
72 }
73 }
74 },
75
76 // Set to false to skip array caching array sets in current document 67 // Set to false to skip array caching array sets in current document
77 _boolCacheArrays:{ 68 _boolCacheArrays:{
78 value:true 69 value:true
@@ -89,15 +80,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
89 set:function (newVal) { 80 set:function (newVal) {
90 if (newVal !== this._currentLayerNumber) { 81 if (newVal !== this._currentLayerNumber) {
91 this._currentLayerNumber = newVal; 82 this._currentLayerNumber = newVal;
92 this._setCurrentLayerNumber(); 83 this.cacheTimeline();
93 }
94 }
95 },
96
97 _setCurrentLayerNumber:{
98 value:function () {
99 if (this._boolCacheArrays) {
100 this.application.ninja.currentDocument.tllayerNumber = this.currentLayerNumber;
101 } 84 }
102 } 85 }
103 }, 86 },
@@ -111,7 +94,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
111 }, 94 },
112 set:function (newVal) { 95 set:function (newVal) {
113 this._currentLayerSelected = newVal; 96 this._currentLayerSelected = newVal;
114 this.application.ninja.currentDocument.tlCurrentLayerSelected = newVal; 97 this.cacheTimeline();
115 } 98 }
116 }, 99 },
117 100
@@ -300,7 +283,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
300 283
301 this.arrLayers.splice(dragLayerIndex, 1); 284 this.arrLayers.splice(dragLayerIndex, 1);
302 this.arrLayers.splice(dropLayerIndex, 0, dragLayer); 285 this.arrLayers.splice(dropLayerIndex, 0, dragLayer);
303 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers; 286 this.cacheTimeline();
304 287
305 // Clear for future DnD 288 // Clear for future DnD
306 this._dropLayerID = null; 289 this._dropLayerID = null;
@@ -432,6 +415,31 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
432 } 415 }
433 }, 416 },
434 417
418 // cache Timeline data in currentDocument.
419 cacheTimeline: {
420 value: function() {
421 // Store the timeline data in currentDocument...
422 if (this._boolCacheArrays) {
423 // ... but only if we're supposed to.
424 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers;
425 this.application.ninja.currentDocument.tlCurrentSelectedContainer = this.currentSelectedContainer;
426 this.application.ninja.currentDocument.tllayerNumber = this.currentLayerNumber;
427 this.application.ninja.currentDocument.tlCurrentLayerSelected = this.currentLayerSelected;
428 }
429 }
430 },
431 // Initialize Timeline cache in currentDocument.
432 initTimelineCache: {
433 value: function() {
434 // Initialize the currentDocument for a new set of timeline data.
435 this.application.ninja.currentDocument.isTimelineInitialized = true;
436 this.application.ninja.currentDocument.tlArrLayers = [];
437 this.application.ninja.currentDocument.tlCurrentSelectedContainer = this.application.ninja.currentSelectedContainer;
438 this.application.ninja.currentDocument.tllayerNumber = this.currentLayerNumber;
439 this.application.ninja.currentDocument.tlCurrentLayerSelected = null;
440 }
441 },
442
435 // Create an array of style objects for an element, for use 443 // Create an array of style objects for an element, for use
436 // in creating a new layer 444 // in creating a new layer
437 createLayerStyles : { 445 createLayerStyles : {
@@ -532,12 +540,11 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
532 this.drawTimeMarkers(); 540 this.drawTimeMarkers();
533 // Document switching 541 // Document switching
534 // Check to see if we have saved timeline information in the currentDocument. 542 // Check to see if we have saved timeline information in the currentDocument.
543
544
535 if (typeof(this.application.ninja.currentDocument.isTimelineInitialized) === "undefined" || this.application.ninja.breadCrumbClick) { 545 if (typeof(this.application.ninja.currentDocument.isTimelineInitialized) === "undefined" || this.application.ninja.breadCrumbClick) {
536 // No, we have no information stored. Create it. 546 // No, we have no information stored. Create it.
537 this.application.ninja.currentDocument.isTimelineInitialized = true; 547 this.initTimelineCache();
538 this.application.ninja.currentDocument.tlArrLayers = [];
539 this.application.ninja.currentDocument.tllayerNumber = 0;
540 this.application.ninja.currentDocument.tlCurrentSelectedContainer = null;
541 this.temparrLayers = []; 548 this.temparrLayers = [];
542 549
543 // Are we opening an existing doc? 550 // Are we opening an existing doc?
@@ -549,7 +556,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
549 this._openDoc = true; 556 this._openDoc = true;
550 this.restoreLayer(parentNode.children[myIndex]); 557 this.restoreLayer(parentNode.children[myIndex]);
551 } 558 }
552
553 }else if (this.application.ninja.currentDocument.documentRoot.children[0]) { 559 }else if (this.application.ninja.currentDocument.documentRoot.children[0]) {
554 // Yes, it has DOM elements. Loop through them and create a new object for each. 560 // Yes, it has DOM elements. Loop through them and create a new object for each.
555 for (myIndex = 0; this.application.ninja.currentDocument.documentRoot.children[myIndex]; myIndex++) { 561 for (myIndex = 0; this.application.ninja.currentDocument.documentRoot.children[myIndex]; myIndex++) {
@@ -557,41 +563,60 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
557 this.restoreLayer(this.application.ninja.currentDocument.documentRoot.children[myIndex]); 563 this.restoreLayer(this.application.ninja.currentDocument.documentRoot.children[myIndex]);
558 } 564 }
559 } 565 }
560 // Feed the new array of objects into the repetitions. 566 // }else if(this.application.ninja.breadCrumbClick){
561 this.arrLayers = this.temparrLayers; 567 } else {
562 }else if(this.application.ninja.breadCrumbClick){ 568
563 var parentNode = this.application.ninja.currentSelectedContainer; 569 var parentNode = this.application.ninja.currentSelectedContainer;
564 for (myIndex = 0; parentNode.children[myIndex]; myIndex++) { 570 for (myIndex = 0; parentNode.children[myIndex]; myIndex++) {
565 this._openDoc = true; 571 this._openDoc = true;
566 this.restoreLayer(parentNode.children[myIndex]); 572 this.restoreLayer(parentNode.children[myIndex]);
567 } 573 }
568 this.arrLayers = this.temparrLayers;
569
570 } 574 }
571 575
572 // After recreating the tracks and layers, store the result in the currentDocument. 576 // After recreating the tracks and layers, store the result in the currentDocument.
577 /*
573 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers; 578 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers;
574 this.application.ninja.currentDocument.tllayerNumber = this.currentLayerNumber; 579 this.application.ninja.currentDocument.tllayerNumber = this.currentLayerNumber;
575 this.application.ninja.currentDocument.tlCurrentSelectedContainer=this.application.ninja.currentSelectedContainer; 580 this.application.ninja.currentDocument.tlCurrentSelectedContainer=this.application.ninja.currentSelectedContainer;
581 */
582 this.arrLayers = this.temparrLayers;
583 this.cacheTimeline();
576 584
577 } else { 585 } else {
578 // we do have information stored. Use it. 586 // we do have information stored. Use it.
579 this._boolCacheArrays = false; 587 var i = 0,
580 for (var i = 0; i < this.application.ninja.currentDocument.tlArrLayers.length; i++) { 588 tlArrLayersLength = this.application.ninja.currentDocument.tlArrLayers.length;
589
590 // We're reading from the cache, not writing to it.
591 this._boolCacheArrays = false;
592
593 for (i = 0; i < tlArrLayersLength; i++) {
581 if (this.application.ninja.currentDocument.tlArrLayers[i].layerData.isSelected === true) { 594 if (this.application.ninja.currentDocument.tlArrLayers[i].layerData.isSelected === true) {
582 this.application.ninja.currentDocument.tlArrLayers[i].layerData._isFirstDraw = true; 595 this.application.ninja.currentDocument.tlArrLayers[i].layerData._isFirstDraw = true;
596 } else {
597 this.application.ninja.currentDocument.tlArrLayers[i].layerData._isFirstDraw = false;
583 } 598 }
584 } 599 }
600
585 this.arrLayers = this.application.ninja.currentDocument.tlArrLayers; 601 this.arrLayers = this.application.ninja.currentDocument.tlArrLayers;
586 this.currentLayerNumber = this.application.ninja.currentDocument.tllayerNumber; 602 this.currentLayerNumber = this.application.ninja.currentDocument.tllayerNumber;
587 this.currentLayerSelected = this.application.ninja.currentDocument.tlCurrentLayerSelected;