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/Style.reel/Style.js | 60 +++++++++++++++++----------------- 1 file changed, 30 insertions(+), 30 deletions(-) (limited to 'js/panels/Timeline/Style.reel') diff --git a/js/panels/Timeline/Style.reel/Style.js b/js/panels/Timeline/Style.reel/Style.js index db4593a2..82c2d8ab 100644 --- a/js/panels/Timeline/Style.reel/Style.js +++ b/js/panels/Timeline/Style.reel/Style.js @@ -32,11 +32,11 @@ POSSIBILITY OF SUCH DAMAGE. * Style component: Edits and manages a single style rule for a Layer in the Timeline. * Public Properties: * editorProperty: The CSS property for the style. - * editorValue: The value for the editorProperty. + * editorValue: The value for the editorProperty. * whichView: Which view to show, the hintable view (where a new property can be typed in) * or the propval view (where the property's value can be set with the tweener). * Valid values are "hintable" and "propval", defaults to "hintable". - * + * */ var Montage = require("montage/core/core").Montage; @@ -89,7 +89,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { } } }, - + /* isActive: Whether or not the user is actively clicking within the style; used to communicate state with * parent Layer. */ @@ -104,7 +104,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { this._isActive = newVal; } }, - + // Property for this editor _editorProperty: { value: "" @@ -119,7 +119,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { this.needsDraw = true; } }, - + // Value for the property for this editor. _editorValue: { value: "" @@ -134,8 +134,8 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { this.needsDraw = true; } }, - - // The tweener used to change the value for this property. + + // The tweener used to change the value for this property. _ruleTweener: { value: false }, @@ -149,7 +149,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { this.needsDraw = true; } }, - + // The hintable we use to change the Property _myHintable: { value: "" @@ -174,12 +174,12 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { this._myHintableValue = newVal; } }, - + // swapViews: Is a view swap happening? _swapViews : { value: true }, - + // whichView: which view should we show: hintable or propval _whichView : { value: "hintable" @@ -201,7 +201,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { } } }, - + // styleID: the id for this style; // Used to publish events _styleID : { @@ -259,9 +259,9 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { this.isActive = true; } }, - + /* === END: Models === */ - + /* === BEGIN : Draw cycle === */ prepareForDraw: { value: function() { @@ -270,7 +270,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { }, draw: { value: function() { - + if (this._swapViews === true) { // Show the right thing this._showView(); @@ -293,16 +293,16 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { } }, /* === END: Draw cycle === */ - + /* === BEGIN: controllers === */ - + // handleStylePropertyDblClick: What happens when the user double-clicks on the style property handleStylePropertyDblclick: { value: function(event) { this.whichView = "hintable"; } }, - + // handleHintableStop: What happens when the hintable issues its stop event handleHintableStop: { value: function(event) { @@ -312,14 +312,14 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { this.whichView = "propval"; } }, - + // Init: Initialize the component with some useful selectors and other defaults. init : { value: function() { var arrHints = [], i = 0; - + // Get the array of hints from _myTweenables: for (i = 0; i < this._myTweenables.length; i++) { arrHints.push(this._myTweenables[i].property) @@ -328,15 +328,15 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { // Set useful information for the hintable this.myHintable.editingClass = "editable2"; this.myHintable.hints = arrHints; - + // Bind a handler to the Hintable's change event this.myHintable.identifier = "hintable"; this.myHintable.addEventListener("stop", this, false); - + // Add the click handler to the styleProperty: When the user double-clicks on it, we want to start the editor. this.styleProperty.identifier = "styleProperty"; this.styleProperty.addEventListener("dblclick", this, false); - + // Get some selectors that we'll be using this.editorHottextContainer = this.element.querySelector(".editor-hottext"); this.editorInputContainer = this.element.querySelector(".editor-input"); @@ -344,12 +344,12 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { this.containerHintable = this.element.querySelector(".row-hintable"); this.containerPropvals = this.element.querySelector(".container-propvals"); this.valueEditorInput = this.element.querySelector(".editor-input input"); - - // mousedown listener to handle + + // mousedown listener to handle this.element.addEventListener("mousedown", this, false); } }, - + // showView: Show the appropriate view _showView : { value: function() { @@ -364,7 +364,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { } } }, - + // showTweener: show the appropriate tweener _showTweener : { value: function() { @@ -378,7 +378,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { } else { this.ruleTweener = true; } - + tweenable.tweener = "input"; for (i = 0; i < this._myTweenables.length; i++) { @@ -441,9 +441,9 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { } } }, - + /* === END: Controllers === */ - + _myTweenables: { value: [ { @@ -786,7 +786,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { } }, - + /* Begin: Logging routines */ _boolDebug: { enumerable: false, -- cgit v1.2.3