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 7120298c..92714c07 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 | ||
@@ -584,7 +582,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
584 | 582 | ||
585 | this.arrPositionTracks = [0, 1]; | 583 | this.arrPositionTracks = [0, 1]; |
586 | this.arrTransformTracks = [0, 1, 2, 3, 4]; | 584 | this.arrTransformTracks = [0, 1, 2, 3, 4]; |
587 | 585 | /* | |
588 | this.label = this.element.querySelector(".label-main"); | 586 | this.label = this.element.querySelector(".label-main"); |
589 | this.myContent = this.element.querySelector(".content-main"); | 587 | this.myContent = this.element.querySelector(".content-main"); |
590 | this.labelPosition = this.element.querySelector(".label-position"); | 588 | this.labelPosition = this.element.querySelector(".label-position"); |
@@ -607,22 +605,25 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
607 | boundObjectPropertyPath: "isMainCollapsed", | 605 | boundObjectPropertyPath: "isMainCollapsed", |
608 | oneway: false | 606 | oneway: false |
609 | }); | 607 | }); |
608 | |||
609 | |||
610 | Object.defineBinding(this._mainCollapser, "bypassAnimation", { | 610 | Object.defineBinding(this._mainCollapser, "bypassAnimation", { |
611 | boundObject: this, | 611 | boundObject: this, |
612 | boundObjectPropertyPath: "animateCollapser", | 612 | boundObjectPropertyPath: "animateCollapser", |
613 | oneway: false, | 613 | oneway: false, |
614 | boundValueMutator: function(value) { | 614 | boundValueMutator: function(value) { |
615 | return !value; | 615 | console.log('mutating') |
616 | return !value | ||
616 | } | 617 | } |
617 | }); | 618 | }); |
618 | 619 | */ | |
619 | /* | 620 | /* |
620 | this._mainCollapser.labelClickEvent = function () { | 621 | this._mainCollapser.labelClickEvent = function () { |
621 | that.isMainCollapsed = that._mainCollapser.isCollapsed; | 622 | that.isMainCollapsed = that._mainCollapser.isCollapsed; |
622 | }; | 623 | }; |
623 | */ | 624 | */ |
624 | //this._mainCollapser.needsDraw = true; | 625 | //this._mainCollapser.needsDraw = true; |
625 | 626 | /* | |
626 | this._positionCollapser = Collapser.create(); | 627 | this._positionCollapser = Collapser.create(); |
627 | this._positionCollapser.clicker = this.labelPosition; | 628 | this._positionCollapser.clicker = this.labelPosition; |
628 | this._positionCollapser.myContent = this.contentPosition; | 629 | this._positionCollapser.myContent = this.contentPosition; |
@@ -636,7 +637,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
636 | boundObjectPropertyPath: "isPositionCollapsed", | 637 | boundObjectPropertyPath: "isPositionCollapsed", |
637 | oneway: false | 638 | oneway: false |
638 | }); | 639 | }); |
639 | 640 | */ | |
640 | 641 | ||
641 | /* | 642 | /* |
642 | this._positionCollapser.labelClickEvent = function () { | 643 | this._positionCollapser.labelClickEvent = function () { |
@@ -644,7 +645,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
644 | }; | 645 | }; |
645 | */ | 646 | */ |
646 | //this._positionCollapser.needsDraw = true; | 647 | //this._positionCollapser.needsDraw = true; |
647 | 648 | /* | |
648 | this._transformCollapser = Collapser.create(); | 649 | this._transformCollapser = Collapser.create(); |
649 | this._transformCollapser.clicker = this.labelTransform; | 650 | this._transformCollapser.clicker = this.labelTransform; |
650 | this._transformCollapser.myContent = this.contentTransform; | 651 | this._transformCollapser.myContent = this.contentTransform; |
@@ -658,7 +659,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
658 | boundObjectPropertyPath: "isTransformCollapsed", | 659 | boundObjectPropertyPath: "isTransformCollapsed", |
659 | oneway: false | 660 | oneway: false |
660 | }); | 661 | }); |
661 | 662 | */ | |
662 | 663 | ||
663 | /* | 664 | /* |
664 | this._transformCollapser.labelClickEvent = function () { | 665 | this._transformCollapser.labelClickEvent = function () { |
@@ -667,6 +668,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
667 | */ | 668 | */ |
668 | //this._transformCollapser.needsDraw = true; | 669 | //this._transformCollapser.needsDraw = true; |
669 | 670 | ||
671 | /* | ||
670 | this._styleCollapser = Collapser.create(); | 672 | this._styleCollapser = Collapser.create(); |
671 | this._styleCollapser.clicker = this.labelStyles; | 673 | this._styleCollapser.clicker = this.labelStyles; |
672 | this._styleCollapser.myContent = this.contentStyles; | 674 | this._styleCollapser.myContent = this.contentStyles; |
@@ -681,7 +683,7 @@ var TimelineTrack = exports.TimelineTrack = Montage.create(Component, { | |||
681 | oneway: false | 683 | oneway: false |
682 | }); | 684 | }); |
683 | 685 | ||
684 | 686 | */ | |
685 | /* | 687 | /* |
686 | this._styleCollapser.labelClickEvent = function () { | 688 | this._styleCollapser.labelClickEvent = function () { |
687 | that.isStyleCollapsed = that._styleCollapser.isCollapsed; | 689 | that.isStyleCollapsed = that._styleCollapser.isCollapsed; |