From 648ee61ae84216d0236e0dbc211addc13b2cfa3a Mon Sep 17 00:00:00 2001 From: Kris Kowal Date: Fri, 6 Jul 2012 11:52:06 -0700 Subject: Expand tabs --- js/panels/Timeline/EasingMenu.reel/EasingMenu.js | 190 +++++++++++------------ 1 file changed, 95 insertions(+), 95 deletions(-) (limited to 'js/panels/Timeline/EasingMenu.reel/EasingMenu.js') diff --git a/js/panels/Timeline/EasingMenu.reel/EasingMenu.js b/js/panels/Timeline/EasingMenu.reel/EasingMenu.js index 6d41afb0..0c105d0a 100644 --- a/js/panels/Timeline/EasingMenu.reel/EasingMenu.js +++ b/js/panels/Timeline/EasingMenu.reel/EasingMenu.js @@ -29,8 +29,8 @@ POSSIBILITY OF SUCH DAMAGE. */ var Montage = require("montage/core/core").Montage, - Component = require("montage/ui/component").Component, - Popup = require("montage/ui/popup/popup.reel").Popup; + Component = require("montage/ui/component").Component, + Popup = require("montage/ui/popup/popup.reel").Popup; var EasingMenu = exports.EasingMenu = Montage.create(Component, { @@ -38,125 +38,125 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { value: true }, - /* Begin: Models */ - - // popup: the initialized component. + /* Begin: Models */ + + // popup: the initialized component. _popup: { - value: null + value: null }, popup: { - get: function() { - return this._popup; - }, - set: function(newVal) { - this._popup = newVal - } + get: function() { + return this._popup; + }, + set: function(newVal) { + this._popup = newVal + } }, // callingComponent: pointer to the span that called for the menu _callingComponent: { - value: null + value: null }, callingComponent: { - get: function() { - return this._callingComponent; - }, - set: function(newVal) { - this._callingComponent = newVal; - } + get: function() { + return this._callingComponent; + }, + set: function(newVal) { + this._callingComponent = newVal; + } }, // anchor: pointer to the anchoring element _anchor: { - value: null + value: null }, anchor: { - get: function() { - return this._anchor; - }, - set: function(newVal) { - this._anchor = newVal; - } + get: function() { + return this._anchor; + }, + set: function(newVal) { + this._anchor = newVal; + } }, _top: { - value: null + value: null }, top: { - get: function() { - return this._top; - }, - set: function(newVal) { - this._top = newVal; - } + get: function() { + return this._top; + }, + set: function(newVal) { + this._top = newVal; + } }, _left: { - value: null + value: null }, left: { - get: function() { - return this._left; - }, - set: function(newVal) { - this._left = newVal; - } + get: function() { + return this._left; + }, + set: function(newVal) { + this._left = newVal; + } }, // currentChoice: The data attribute of the current choice _currentChoice: { - value: "none" + value: "none" }, currentChoice: { - get: function() { - return this._currentChoice; - }, - set: function(newVal) { - this._currentChoice = newVal; - } + get: function() { + return this._currentChoice; + }, + set: function(newVal) { + this._currentChoice = newVal; + } }, _isShown: { - value: false + value: false }, /* End: Models */ /* Begin: Draw Cycle */ willDraw: { - value: function() { - this.element.addEventListener("click", this.handleEasingChoicesClick.bind(this), false); - document.addEventListener("scroll", this.handleDocumentScroll.bind(this), false); - } + value: function() { + this.element.addEventListener("click", this.handleEasingChoicesClick.bind(this), false); + document.addEventListener("scroll", this.handleDocumentScroll.bind(this), false); + } }, draw: { - value: function() { - // Update the selection classes. - var easingSelected = this.element.querySelector(".easing-selected"); - if (easingSelected !== null) { - easingSelected.classList.remove("easing-selected"); - } + value: function() { + // Update the selection classes. + var easingSelected = this.element.querySelector(".easing-selected"); + if (easingSelected !== null) { + easingSelected.classList.remove("easing-selected"); + } var dataEl = this.element.querySelector('[data-ninja-ease="'+this.currentChoice+'"]'); if (dataEl !== null) { - dataEl.classList.add("easing-selected"); + dataEl.classList.add("easing-selected"); } - } + } }, didDraw: { - value: function() { - } + value: function() { + } }, - /* End Draw Cycle */ + /* End Draw Cycle */ /* Begin: Controllers */ - show: { - value: function() { - // Initialize the popup if it hasn't already been done + show: { + value: function() { + // Initialize the popup if it hasn't already been done if (this.popup == null) { - this.popup = Popup.create(); - this.popup.modal = false; - this.popup.content = EasingMenu.create(); + this.popup = Popup.create(); + this.popup.modal = false; + this.popup.content = EasingMenu.create(); } // Show the popup @@ -170,34 +170,34 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { // Redraw the content (needed to reflect probable changes in selection from the last time we showed it) this.popup.content.needsDraw = true; - } - }, - handleEasingChoicesClick: { - value: function(event) { - event.stopPropagation(); + } + }, + handleEasingChoicesClick: { + value: function(event) { + event.stopPropagation(); - // Un-highlight the old choice and highlight the new choice - var easingSelected = this.element.querySelector(".easing-selected"); - if (easingSelected !== null) { - easingSelected.classList.remove("easing-selected"); - } - event.target.classList.add("easing-selected"); - - // Set the easing in the span that called us - this.callingComponent.easing = event.target.dataset.ninjaEase; - - // Hide the menu. - this.popup.hide(); - this._isShow = false; - } + // Un-highlight the old choice and highlight the new choice + var easingSelected = this.element.querySelector(".easing-selected"); + if (easingSelected !== null) { + easingSelected.classList.remove("easing-selected"); + } + event.target.classList.add("easing-selected"); + + // Set the easing in the span that called us + this.callingComponent.easing = event.target.dataset.ninjaEase; + + // Hide the menu. + this.popup.hide(); + this._isShow = false; + } }, - handleDocumentScroll: { - value: function(event) { - if (this._isShow = true) { - this.popup.hide(); - } - } - } + handleDocumentScroll: { + value: function(event) { + if (this._isShow = true) { + this.popup.hide(); + } + } + } /* End: Controllers */ -- cgit v1.2.3 From 04343eda8c2f870b0da55cfdc8003c99fe1cc4de Mon Sep 17 00:00:00 2001 From: Kris Kowal Date: Fri, 6 Jul 2012 11:53:10 -0700 Subject: Remove trailing spaces --- js/panels/Timeline/EasingMenu.reel/EasingMenu.js | 32 ++++++++++++------------ 1 file changed, 16 insertions(+), 16 deletions(-) (limited to 'js/panels/Timeline/EasingMenu.reel/EasingMenu.js') diff --git a/js/panels/Timeline/EasingMenu.reel/EasingMenu.js b/js/panels/Timeline/EasingMenu.reel/EasingMenu.js index 0c105d0a..84e1efb1 100644 --- a/js/panels/Timeline/EasingMenu.reel/EasingMenu.js +++ b/js/panels/Timeline/EasingMenu.reel/EasingMenu.js @@ -39,7 +39,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { }, /* Begin: Models */ - + // popup: the initialized component. _popup: { value: null @@ -52,7 +52,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { this._popup = newVal } }, - + // callingComponent: pointer to the span that called for the menu _callingComponent: { value: null @@ -65,7 +65,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { this._callingComponent = newVal; } }, - + // anchor: pointer to the anchoring element _anchor: { value: null @@ -78,8 +78,8 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { this._anchor = newVal; } }, - - + + _top: { value: null }, @@ -102,7 +102,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { this._left = newVal; } }, - + // currentChoice: The data attribute of the current choice _currentChoice: { value: "none" @@ -115,13 +115,13 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { this._currentChoice = newVal; } }, - + _isShown: { value: false }, - + /* End: Models */ - + /* Begin: Draw Cycle */ willDraw: { value: function() { @@ -129,7 +129,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { document.addEventListener("scroll", this.handleDocumentScroll.bind(this), false); } }, - + draw: { value: function() { // Update the selection classes. @@ -148,7 +148,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { } }, /* End Draw Cycle */ - + /* Begin: Controllers */ show: { value: function() { @@ -158,7 +158,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { this.popup.modal = false; this.popup.content = EasingMenu.create(); } - + // Show the popup this.popup.anchor = this.anchor; var position = {}; @@ -182,10 +182,10 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { easingSelected.classList.remove("easing-selected"); } event.target.classList.add("easing-selected"); - + // Set the easing in the span that called us this.callingComponent.easing = event.target.dataset.ninjaEase; - + // Hide the menu. this.popup.hide(); this._isShow = false; @@ -198,7 +198,7 @@ var EasingMenu = exports.EasingMenu = Montage.create(Component, { } } } - + /* End: Controllers */ - + }); -- cgit v1.2.3