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.html8
-rw-r--r--js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js63
2 files changed, 25 insertions, 46 deletions
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
index 77481ac0..a6b7f9f1 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.html
@@ -121,9 +121,9 @@
121 "boundObjectPropertyPath" : "objectAtCurrentIteration.isStyleCollapsed", 121 "boundObjectPropertyPath" : "objectAtCurrentIteration.isStyleCollapsed",
122 "oneway" : false 122 "oneway" : false
123 }, 123 },
124 "animateCollapser" : { 124 "bypassAnimation" : {
125 "boundObject" : {"@" : "repetition1"}, 125 "boundObject" : {"@" : "repetition1"},
126 "boundObjectPropertyPath" : "objectAtCurrentIteration.animateCollapser", 126 "boundObjectPropertyPath" : "objectAtCurrentIteration.bypassAnimation",
127 "oneway" : false 127 "oneway" : false
128 }, 128 },
129 "dtextPositionX" : { 129 "dtextPositionX" : {
@@ -241,9 +241,9 @@
241 "boundObjectPropertyPath" : "objectAtCurrentIteration.isTransformCollapsed", 241 "boundObjectPropertyPath" : "objectAtCurrentIteration.isTransformCollapsed",
242 "oneway" : false 242 "oneway" : false
243 }, 243 },
244 "animateCollapser" : { 244 "bypassAnimation" : {
245 "boundObject" : {"@" : "repetition2"}, 245 "boundObject" : {"@" : "repetition2"},
246 "boundObjectPropertyPath" : "objectAtCurrentIteration.animateCollapser", 246 "boundObjectPropertyPath" : "objectAtCurrentIteration.bypassAnimation",
247 "oneway" : false 247 "oneway" : false
248 }, 248 },
249 "isStyleCollapsed" : { 249 "isStyleCollapsed" : {
diff --git a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
index 93fd170e..7be34d74 100644
--- a/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
+++ b/js/panels/Timeline/TimelinePanel.reel/TimelinePanel.js
@@ -97,22 +97,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
97 } 97 }
98 }, 98 },
99 99
100 _arrTracks:{
101 serializable:true,
102 value:[]
103 },
104
105 arrTracks:{
106 serializable:true,
107 get:function () {
108 return this._arrTracks;
109 },
110 set:function (newVal) {
111 this._arrTracks = newVal;
112 this._cacheArrays();
113 }
114 },
115
116 _trackRepetition:{ 100 _trackRepetition:{
117 serializable:true, 101 serializable:true,
118 value:null 102 value:null
@@ -284,23 +268,20 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
284 _firstLayerDraw = true; 268 _firstLayerDraw = true;
285 269
286 // After recreating the tracks and layers, store the result in the currentDocument. 270 // After recreating the tracks and layers, store the result in the currentDocument.
287 this.application.ninja.currentDocument.tlArrTracks = this.arrTracks;
288 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers; 271 this.application.ninja.currentDocument.tlArrLayers = this.arrLayers;
289 272
290 } else { 273 } else {
291 // we do have information stored. Use it. 274 // we do have information stored. Use it.
292 this._boolCacheArrays = false; 275 this._boolCacheArrays = false;
293 this.arrLayers = []; 276 //this.arrLayers = [];
294 this.arrTracks = [];
295 this.arrLayers = this.application.ninja.currentDocument.tlArrLayers; 277 this.arrLayers = this.application.ninja.currentDocument.tlArrLayers;
296 this.arrTracks = this.application.ninja.currentDocument.tlArrTracks;
297 this._boolCacheArrays = true; 278 this._boolCacheArrays = true;
298 } 279 }
299 280
300 // Redraw all the things 281 // Redraw all the things
301 this.layerRepetition.needsDraw = true; 282 //this.layerRepetition.needsDraw = true;
302 this.trackRepetition.needsDraw = true; 283 //this.trackRepetition.needsDraw = true;
303 this.needsDraw = true; 284 //this.needsDraw = true;
304 } 285 }
305 }, 286 },
306 287
@@ -323,7 +304,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
323 this.hashTrackInstance = null; 304 this.hashTrackInstance = null;
324 this.hashLayerNumber = null; 305 this.hashLayerNumber = null;
325 this.hashElementMapToLayer = null; 306 this.hashElementMapToLayer = null;
326 this.arrTracks = [];
327 this.arrLayers = []; 307 this.arrLayers = [];
328 308
329 this.currentLayerNumber = 0; 309 this.currentLayerNumber = 0;
@@ -471,7 +451,6 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
471 this._firstTimeLoaded = false; 451 this._firstTimeLoaded = false;
472 } else { 452 } else {
473 this.arrLayers.length = 0; 453 this.arrLayers.length = 0;
474 this.arrTracks.length = 0;
475 454
476 if (event.detail.element.id === "UserContent") { 455 if (event.detail.element.id === "UserContent") {
477 this._hashKey = "123"; 456 this._hashKey = "123";
@@ -501,14 +480,14 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
501 480
502 handleNewLayer:{ 481 handleNewLayer:{
503 value:function (event) { 482 value:function (event) {
504 var hashIndex = 0 , hashVariable = 0, layerResult, trackResult, layerObject, trackObject, dLayer, parentNode; 483 var hashIndex = 0 , hashVariable = 0, layerResult, layerObject, trackObject, dLayer, parentNode;
505 if (this._hashFind) { 484 if (this._hashFind) {
506 while (layerResult = this.returnedObject[hashIndex]) { 485 while (layerResult = this.returnedObject[hashIndex]) {
507 trackResult = this.returnedTrack[hashIndex]; 486 // trackResult = this.returnedTrack[hashIndex];
508 if (layerResult.deleted !== true) { 487 if (layerResult.deleted !== true) {
509 488
510 // TODO: Help from Kruti 489
511 this.arrTracks.push(trackResult); 490 //this.arrTracks.push(trackResult);
512 this.arrLayers.push(layerResult); 491 this.arrLayers.push(layerResult);
513 492
514 } 493 }
@@ -524,8 +503,8 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
524 if (dLayer[hashVariable]._layerID === event.detail._el._layerID) { 503 if (dLayer[hashVariable]._layerID === event.detail._el._layerID) {
525 dLayer[hashVariable].deleted = false; 504 dLayer[hashVariable].deleted = false;
526 505
527 // TODO: Help from Kruti 506
528 this.arrTracks.splice(event.detail._layerPosition, 0, event.detail._track); 507 //this.arrTracks.splice(event.detail._layerPosition, 0, event.detail._track);
529 this.arrLayers.splice(event.detail._layerPosition, 0, event.detail._el); 508 this.arrLayers.splice(event.detail._layerPosition, 0, event.detail._el);
530 this.selectLayer(event.detail._layerPosition); 509 this.selectLayer(event.detail._layerPosition);
531 break; 510 break;
@@ -550,8 +529,8 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
550 if (dLayer[hashVariable]._layerID === event.detail._el._layerID) { 529 if (dLayer[hashVariable]._layerID === event.detail._el._layerID) {
551 dLayer[hashVariable].deleted = false; 530 dLayer[hashVariable].deleted = false;
552 531
553 // TODO: Help from Kruti 532
554 this.arrTracks.splice(event.detail._layerPosition, 0, event.detail._track); 533 //this.arrTracks.splice(event.detail._layerPosition, 0, event.detail._track);
555 this.arrLayers.splice(event.detail._layerPosition, 0, event.detail._el); 534 this.arrLayers.splice(event.detail._layerPosition, 0, event.detail._el);
556 this.selectLayer(event.detail._layerPosition); 535 this.selectLayer(event.detail._layerPosition);
557 break; 536 break;
@@ -578,6 +557,7 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
578 newLayerName = "Layer " + this.currentLayerNumber; 557 newLayerName = "Layer " + this.currentLayerNumber;
579 thingToPush.layerName = newLayerName; 558 thingToPush.layerName = newLayerName;
580 thingToPush.layerID = this.currentLayerNumber; 559 thingToPush.layerID = this.currentLayerNumber;
560 thingToPush.bypassAnimation = false;
581 thingToPush.isMainCollapsed = true; 561 thingToPush.isMainCollapsed = true;
582 thingToPush.isPositionCollapsed = true; 562 thingToPush.isPositionCollapsed = true;
583 thingToPush.isTransformCollapsed = true; 563 thingToPush.isTransformCollapsed = true;
@@ -624,18 +604,17 @@ var TimelinePanel = exports.TimelinePanel = Montage.create(Component, {
624 this.hashLayerNumber.setItem(this._hashKey, thingToPush); 604 this.hashLayerNumber.setItem(this._hashKey, thingToPush);
625 this.hashInstance.setItem(this._hashKey, thingToPush, myIndex); 605 this.hashInstance.setItem(this._hashKey, thingToPush, myIndex);
626 606
627 // TODO: Help from Kruti 607
628 this.hashTrackInstance.setItem(this._hashKey, newTrack, myIndex); 608 //this.hashTrackInstance.setItem(this._hashKey, newTrack, myIndex);
629 } else { 609 } else {
630 this.arrLayers.splice(0, 0, thingToPush); 610 this.arrLayers.splice(0, 0, thingToPush);
631 thingToPush.layerPosition = this.arrLayers.length - 1; 611 thingToPush.layerPosition = this.arrLayers.length - 1;
632 612
633 // TODO: Help from Kruti 613 //newTrack.trackPosition = this.arrTracks.length - 1;
634 newTrack.trackPosition = this.arrTracks.length - 1;
635 this._LayerUndoPosition = this.arrLayers.length - 1; 614 this._LayerUndoPosition = this.arrLayers.length - 1;
636 this.hashLayerNumber.setItem(this._hashKey, thingToPush); 615 this.hashLayerN