diff options
Diffstat (limited to 'js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js')
-rw-r--r-- | js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js | 116 |
1 files changed, 5 insertions, 111 deletions
diff --git a/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js b/js/panels/Timeline/TimelineTrack.reel/TimelineTrack.js index 7120298c..669dabef 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,110 +582,6 @@ 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 | |||
588 | this.label = this.element.querySelector(".label-main"); | ||
589 | this.myContent = this.element.querySelector(".content-main"); | ||
590 | this.labelPosition = this.element.querySelector(".label-position"); | ||
591 | this.contentPosition = this.element.querySelector(".content-position"); | ||
592 | this.labelTransform = this.element.querySelector(".label-transform"); | ||
593 | this.contentTransform = this.element.querySelector(".content-transform"); | ||
594 | this.labelStyles = this.element.querySelector(".label-styles"); | ||
595 | this.contentStyles = this.element.querySelector(".content-styles"); | ||
596 | |||
597 | this._mainCollapser = Collapser.create(); | ||
598 | this._mainCollapser.clicker = this.label; | ||
599 | this._mainCollapser.myContent = this.myContent; | ||
600 | this._mainCollapser.contentHeight = 60; | ||
601 | this._mainCollapser.isLabelClickable = false; | ||
602 | this._mainCollapser.element = this.myContent; | ||
603 | this._mainCollapser.isCollapsed = this.isMainCollapsed; | ||
604 | this._mainCollapser.isAnimated = true; | ||
605 | Object.defineBinding(this._mainCollapser, "isToggling", { | ||
606 | boundObject: this, | ||
607 | boundObjectPropertyPath: "isMainCollapsed", | ||
608 | oneway: false | ||
609 | }); | ||
610 | Object.defineBinding(this._mainCollapser, "bypassAnimation", { | ||
611 | boundObject: this, | ||
612 | boundObjectPropertyPath: "animateCollapser", | ||
613 | oneway: false, | ||
614 | boundValueMutator: function(value) { | ||
615 | return !value; | ||
616 | } | ||
617 | }); | ||
618 | |||
619 | /* | ||
620 | this._mainCollapser.labelClickEvent = function () { | ||
621 | that.isMainCollapsed = that._mainCollapser.isCollapsed; | ||
622 | }; | ||
623 | */ | ||
624 | //this._mainCollapser.needsDraw = true; | ||
625 | |||
626 | this._positionCollapser = Collapser.create(); | ||
627 | this._positionCollapser.clicker = this.labelPosition; | ||
628 | this._positionCollapser.myContent = this.contentPosition; | ||
629 | this._positionCollapser.contentHeight = 40; | ||
630 | this._positionCollapser.isLabelClickable = true; | ||
631 | this._positionCollapser.element = this.contentPosition; | ||
632 | this._positionCollapser.isCollapsed = this.isPositionCollapsed; | ||
633 | this._positionCollapser.isAnimated = true; | ||
634 | Object.defineBinding(this._positionCollapser, "isToggling", { | ||
635 | boundObject: this, | ||
636 | boundObjectPropertyPath: "isPositionCollapsed", | ||
637 | oneway: false | ||
638 | }); | ||
639 | |||
640 | |||
641 | /* | ||
642 | this._positionCollapser.labelClickEvent = function () { | ||
643 | that.isPositionCollapsed = that._positionCollapser.isCollapsed; | ||
644 | }; | ||
645 | */ | ||
646 | //this._positionCollapser.needsDraw = true; | ||
647 | |||
648 | this._transformCollapser = Collapser.create(); | ||
649 | this._transformCollapser.clicker = this.labelTransform; | ||
650 | this._transformCollapser.myContent = this.contentTransform; | ||
651 | this._transformCollapser.contentHeight = 100; | ||
652 | this._transformCollapser.isLabelClickable = false; | ||
653 | this._transformCollapser.element = this.contentTransform; | ||
654 | this._transformCollapser.isCollapsed = this.isTransformCollapsed; | ||
655 | this._transformCollapser.isAnimated = true; | ||
656 | Object.defineBinding(this._transformCollapser, "isToggling", { | ||
657 | boundObject: this, | ||
658 | boundObjectPropertyPath: "isTransformCollapsed", | ||
659 | oneway: false | ||
660 | }); | ||
661 | |||
662 | |||
663 | /* | ||
664 | this._transformCollapser.labelClickEvent = function () { | ||
665 | that.isTransformCollapsed = that._transformCollapser.isCollapsed; | ||
666 | }; | ||
667 | */ | ||
668 | //this._transformCollapser.needsDraw = true; | ||
669 | |||
670 | this._styleCollapser = Collapser.create(); | ||
671 | this._styleCollapser.clicker = this.labelStyles; | ||
672 | this._styleCollapser.myContent = this.contentStyles; | ||
673 | this._styleCollapser.contentHeight = 0; | ||
674 | this._styleCollapser.isLabelClickable = false; | ||
675 | this._styleCollapser.element = this.contentStyles; | ||
676 | this._styleCollapser.isCollapsed = this.isStyleCollapsed; | ||
677 | this._styleCollapser.isAnimated = true; | ||
678 | Object.defineBinding(this._styleCollapser, "isToggling", { | ||
679 | boundObject: this, | ||
680 | boundObjectPropertyPath: "isStyleCollapsed", | ||
681 | oneway: false | ||
682 | }); | ||
683 | |||
684 | |||
685 | /* | ||
686 | this._styleCollapser.labelClickEvent = function () { | ||
687 | that.isStyleCollapsed = that._styleCollapser.isCollapsed; | ||
688 | }; | ||
689 | */ | ||
690 | //this._styleCollapser.needsDraw = true; | ||
691 | 585 | ||
692 | // Register event handler for layer events. | 586 | // Register event handler for layer events. |
693 | //defaultEventManager.addEventListener("layerEvent", this, false); | 587 | //defaultEventManager.addEventListener("layerEvent", this, false); |