diff options
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js')
-rw-r--r-- | js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | 32 |
1 files changed, 17 insertions, 15 deletions
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js index 420be0c9..6e753b9f 100644 --- a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js +++ b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | |||
@@ -57,7 +57,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
57 | set:function (newVal) { | 57 | set:function (newVal) { |
58 | if (newVal !== this._isTransformCollapsed) { | 58 | if (newVal !== this._isTransformCollapsed) { |
59 | this._isTransformCollapsed = newVal; | 59 | this._isTransformCollapsed = newVal; |
60 | this.needsDraw = true; | ||
61 | } | 60 | } |
62 | } | 61 | } |
63 | }, | 62 | }, |
@@ -71,7 +70,6 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
71 | set:function (newVal) { | 70 | set:function (newVal) { |
72 | if (newVal !== this._isPositionCollapsed) { | 71 | if (newVal !== this._isPositionCollapsed) { |
73 | this._isPositionCollapsed = newVal; | 72 | this._isPositionCollapsed = newVal; |
74 | this.needsDraw = true; | ||
75 | } | 73 | } |
76 | } | 74 | } |
77 | }, | 75 | }, |
@@ -85,21 +83,21 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
85 | set:function (newVal) { | 83 | set:function (newVal) { |
86 | if (newVal !== this._isStyleCollapsed) { | 84 | if (newVal !== this._isStyleCollapsed) { |
87 | this._isStyleCollapsed = newVal; | 85 | this._isStyleCollapsed = newVal; |
88 | this.needsDraw = true; | ||
89 | } | 86 | } |
90 | } | 87 | } |
91 | }, | 88 | }, |
92 | _animateCollapser : { | 89 | _bypassAnimation : { |
93 | serializable: true, | 90 | serializable: true, |
94 | value: false | 91 | value: false |
95 | }, | 92 | }, |
96 | animateCollapser : { | 93 | bypassAnimation : { |
97 | serializable: true, | 94 | serializable: true, |
98 | get: function() { | 95 | get: function() { |
99 | return this._animateCollapser; | 96 | return this._bypassAnimation; |
100 | }, | 97 | }, |
101 | set: function(newVal) { | 98 | set: function(newVal) { |
102 | this._animateCollapser = newVal; | 99 | //console.log("timelinetrack bypassAnimation setter " + newVal) |
100 | this._bypassAnimation = newVal; | ||
103 | } | 101 | } |
104 | }, | 102 | }, |
105 | 103 | ||
@@ -582,7 +580,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
582 | 580 | ||
583 | this.arrPositionTracks = [0, 1]; | 581 | this.arrPositionTracks = [0, 1]; |
584 | this.arrTransformTracks = [0, 1, 2, 3, 4]; | 582 | this.arrTransformTracks = [0, 1, 2, 3, 4]; |
585 | 583 | /* | |
586 | this.label = this.element.querySelector(".label-main"); | 584 | this.label = this.element.querySelector(".label-main"); |
587 | this.myContent = this.element.querySelector(".content-main"); | 585 | this.myContent = this.element.querySelector(".content-main"); |
588 | this.labelPosition = this.element.querySelector(".label-position"); | 586 | this.labelPosition = this.element.querySelector(".label-position"); |
@@ -605,22 +603,25 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
605 | boundObjectPropertyPath: "isMainCollapsed", | 603 | boundObjectPropertyPath: "isMainCollapsed", |
606 | oneway: false | 604 | oneway: false |
607 | }); | 605 | }); |
606 | |||
607 | |||
608 | Object.defineBinding(this._mainCollapser, "bypassAnimation", { | 608 | Object.defineBinding(this._mainCollapser, "bypassAnimation", { |
609 | boundObject: this, | 609 | boundObject: this, |
610 | boundObjectPropertyPath: "animateCollapser", | 610 | boundObjectPropertyPath: "animateCollapser", |
611 | oneway: false, | 611 | oneway: false, |
612 | boundValueMutator: function(value) { | 612 | boundValueMutator: function(value) { |
613 | return !value; | 613 | console.log('mutating') |
614 | return !value | ||
614 | } | 615 | } |
615 | }); | 616 | }); |
616 | 617 | */ | |
617 | /* | 618 | /* |
618 | this._mainCollapser.labelClickEvent = function () { | 619 | this._mainCollapser.labelClickEvent = function () { |
619 | that.isMainCollapsed = that._mainCollapser.isCollapsed; | 620 | that.isMainCollapsed = that._mainCollapser.isCollapsed; |
620 | }; | 621 | }; |
621 | */ | 622 | */ |
622 | //this._mainCollapser.needsDraw = true; | 623 | //this._mainCollapser.needsDraw = true; |
623 | 624 | /* | |
624 | this._positionCollapser = Collapser.create(); | 625 | this._positionCollapser = Collapser.create(); |
625 | this._positionCollapser.clicker = this.labelPosition; | 626 | this._positionCollapser.clicker = this.labelPosition; |
626 | this._positionCollapser.myContent = this.contentPosition; | 627 | this._positionCollapser.myContent = this.contentPosition; |
@@ -634,7 +635,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
634 | boundObjectPropertyPath: "isPositionCollapsed", | 635 | boundObjectPropertyPath: "isPositionCollapsed", |
635 | oneway: false | 636 | oneway: false |
636 | }); | 637 | }); |
637 | 638 | */ | |
638 | 639 | ||
639 | /* | 640 | /* |
640 | this._positionCollapser.labelClickEvent = function () { | 641 | this._positionCollapser.labelClickEvent = function () { |
@@ -642,7 +643,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
642 | }; | 643 | }; |
643 | */ | 644 | */ |
644 | //this._positionCollapser.needsDraw = true; | 645 | //this._positionCollapser.needsDraw = true; |
645 | 646 | /* | |
646 | this._transformCollapser = Collapser.create(); | 647 | this._transformCollapser = Collapser.create(); |
647 | this._transformCollapser.clicker = this.labelTransform; | 648 | this._transformCollapser.clicker = this.labelTransform; |
648 | this._transformCollapser.myContent = this.contentTransform; | 649 | this._transformCollapser.myContent = this.contentTransform; |
@@ -656,7 +657,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
656 | boundObjectPropertyPath: "isTransformCollapsed", | 657 | boundObjectPropertyPath: "isTransformCollapsed", |
657 | oneway: false | 658 | oneway: false |
658 | }); | 659 | }); |
659 | 660 | */ | |
660 | 661 | ||
661 | /* | 662 | /* |
662 | this._transformCollapser.labelClickEvent = function () { | 663 | this._transformCollapser.labelClickEvent = function () { |
@@ -665,6 +666,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
665 | */ | 666 | */ |
666 | //this._transformCollapser.needsDraw = true; | 667 | //this._transformCollapser.needsDraw = true; |
667 | 668 | ||
669 | /* | ||
668 | this._styleCollapser = Collapser.create(); | 670 | this._styleCollapser = Collapser.create(); |
669 | this._styleCollapser.clicker = this.labelStyles; | 671 | this._styleCollapser.clicker = this.labelStyles; |
670 | this._styleCollapser.myContent = this.contentStyles; | 672 | this._styleCollapser.myContent = this.contentStyles; |
@@ -679,7 +681,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
679 | oneway: false | 681 | oneway: false |
680 | }); | 682 | }); |
681 | 683 | ||
682 | 684 | */ | |
683 | /* | 685 | /* |
684 | this._styleCollapser.labelClickEvent = function () { | 686 | this._styleCollapser.labelClickEvent = function () { |
685 | that.isStyleCollapsed = that._styleCollapser.isCollapsed; | 687 | that.isStyleCollapsed = that._styleCollapser.isCollapsed; |