diff options
Diffstat (limited to 'js/panels/Timeline/Style.reel/Style.js')
-rw-r--r-- | js/panels/Timeline/Style.reel/Style.js | 595 |
1 files changed, 298 insertions, 297 deletions
diff --git a/js/panels/Timeline/Style.reel/Style.js b/js/panels/Timeline/Style.reel/Style.js index 122c2c0a..bfa6f930 100644 --- a/js/panels/Timeline/Style.reel/Style.js +++ b/js/panels/Timeline/Style.reel/Style.js | |||
@@ -1,24 +1,25 @@ | |||
1 | /* <copyright> | 1 | /* <copyright> |
2 | Copyright (c) 2012, Motorola Mobility, Inc | 2 | Copyright (c) 2012, Motorola Mobility LLC. |
3 | All Rights Reserved. | 3 | All Rights Reserved. |
4 | BSD License. | ||
5 | 4 | ||
6 | Redistribution and use in source and binary forms, with or without | 5 | Redistribution and use in source and binary forms, with or without |
7 | modification, are permitted provided that the following conditions are met: | 6 | modification, are permitted provided that the following conditions are met: |
8 | 7 | ||
9 | - Redistributions of source code must retain the above copyright notice, | 8 | * Redistributions of source code must retain the above copyright notice, |
10 | this list of conditions and the following disclaimer. | 9 | this list of conditions and the following disclaimer. |
11 | - Redistributions in binary form must reproduce the above copyright | 10 | |
12 | notice, this list of conditions and the following disclaimer in the | 11 | * Redistributions in binary form must reproduce the above copyright notice, |
13 | documentation and/or other materials provided with the distribution. | 12 | this list of conditions and the following disclaimer in the documentation |
14 | - Neither the name of Motorola Mobility nor the names of its contributors | 13 | and/or other materials provided with the distribution. |
15 | may be used to endorse or promote products derived from this software | 14 | |
16 | without specific prior written permission. | 15 | * Neither the name of Motorola Mobility LLC nor the names of its |
16 | contributors may be used to endorse or promote products derived from this | ||
17 | software without specific prior written permission. | ||
17 | 18 | ||
18 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | 19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" |
19 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | 20 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
20 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | 21 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE |
21 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | 22 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE |
22 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | 23 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR |
23 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | 24 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF |
24 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | 25 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS |
@@ -31,17 +32,17 @@ POSSIBILITY OF SUCH DAMAGE. | |||
31 | /* | 32 | /* |
32 | * Style component: Edits and manages a single style rule for a Layer in the Timeline. | 33 | * Style component: Edits and manages a single style rule for a Layer in the Timeline. |
33 | * Public Properties: | 34 | * Public Properties: |
34 | * editorProperty: The CSS property for the style. | 35 | * editorProperty: The CSS property for the style. |
35 | * editorValue: The value for the editorProperty. | 36 | * editorValue: The value for the editorProperty. |
36 | * whichView: Which view to show, the hintable view (where a new property can be typed in) | 37 | * whichView: Which view to show, the hintable view (where a new property can be typed in) |
37 | * or the propval view (where the property's value can be set with the tweener). | 38 | * or the propval view (where the property's value can be set with the tweener). |
38 | * Valid values are "hintable" and "propval", defaults to "hintable". | 39 | * Valid values are "hintable" and "propval", defaults to "hintable". |
39 | * | 40 | * |
40 | */ | 41 | */ |
41 | 42 | ||
42 | var Montage = require("montage/core/core").Montage; | 43 | var Montage = require("montage/core/core").Montage; |
43 | var Component = require("montage/ui/component").Component; | 44 | var Component = require("montage/ui/component").Component; |
44 | var ElementsMediator = require("js/mediators/element-mediator").ElementMediator | 45 | var ElementsMediator = require("js/mediators/element-mediator").ElementMediator |
45 | 46 | ||
46 | 47 | ||
47 | var LayerStyle = exports.LayerStyle = Montage.create(Component, { | 48 | var LayerStyle = exports.LayerStyle = Montage.create(Component, { |
@@ -72,151 +73,151 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { | |||
72 | }, | 73 | }, |
73 | 74 | ||
74 | /* === BEGIN: Models === */ | 75 | /* === BEGIN: Models === */ |
75 | // isSelected: whether or not the style is selected | 76 | // isSelected: whether or not the style is selected |
76 | _isSelected: { | 77 | _isSelected: { |
77 | value: false | 78 | value: false |
78 | }, | 79 | }, |
79 | isSelected: { | 80 | isSelected: { |
80 | serializable: true, | 81 | serializable: true, |
81 | get: function() { | 82 | get: function() { |
82 | return this._isSelected; | 83 | return this._isSelected; |
83 | }, | 84 | }, |
84 | set: function(newVal) { | 85 | set: function(newVal) { |
85 | 86 | ||
86 | if (newVal !== this._isSelected) { | 87 | if (newVal !== this._isSelected) { |
87 | this._isSelected = newVal; | 88 | this._isSelected = newVal; |
88 | this.needsDraw = true; | 89 | this.needsDraw = true; |
89 | } | 90 | } |
90 | } | 91 | } |
91 | }, | 92 | }, |
92 | 93 | ||
93 | /* isActive: Whether or not the user is actively clicking within the style; used to communicate state with | 94 | /* isActive: Whether or not the user is actively clicking within the style; used to communicate state with |
94 | * parent Layer. | 95 | * parent Layer. |
95 | */ | 96 | */ |
96 | _isActive: { | 97 | _isActive: { |
97 | value: false | 98 | value: false |
98 | }, | 99 | }, |
99 | isActive: { | 100 | isActive: { |
100 | get: function() { | 101 | get: function() { |
101 | return this._isActive; | 102 | return this._isActive; |
102 | }, | 103 | }, |
103 | set: function(newVal) { | 104 | set: function(newVal) { |
104 | this._isActive = newVal; | 105 | this._isActive = newVal; |
105 | } | 106 | } |
106 | }, | 107 | }, |
107 | 108 | ||
108 | // Property for this editor | 109 | // Property for this editor |
109 | _editorProperty: { | 110 | _editorProperty: { |
110 | value: "" | 111 | value: "" |
111 | }, | 112 | }, |
112 | editorProperty: { | 113 | editorProperty: { |
113 | serializable: true, | 114 | serializable: true, |
114 | get: function() { | 115 | get: function() { |
115 | return this._editorProperty; | 116 | return this._editorProperty; |
116 | }, | 117 | }, |
117 | set: function(newVal) { | 118 | set: function(newVal) { |
118 | this._editorProperty = newVal; | 119 | this._editorProperty = newVal; |
119 | this.needsDraw = true; | 120 | this.needsDraw = true; |
120 | } | 121 | } |
121 | }, | 122 | }, |
122 | 123 | ||
123 | // Value for the property for this editor. | 124 | // Value for the property for this editor. |
124 | _editorValue: { | 125 | _editorValue: { |
125 | value: "" | 126 | value: "" |
126 | }, | 127 | }, |
127 | editorValue: { | 128 | editorValue: { |
128 | serializable: true, | 129 | serializable: true, |
129 | get: function() { | 130 | get: function() { |
130 | return this._editorValue; | 131 | return this._editorValue; |
131 | }, | 132 | }, |
132 | set: function(newVal) { | 133 | set: function(newVal) { |
133 | this._editorValue = newVal; | 134 | this._editorValue = newVal; |
134 | this.needsDraw = true; | 135 | this.needsDraw = true; |
135 | } | 136 | } |
136 | }, | 137 | }, |
137 | 138 | ||
138 | // The tweener used to change the value for this property. | 139 | // The tweener used to change the value for this property. |
139 | _ruleTweener: { | 140 | _ruleTweener: { |
140 | value: false | 141 | value: false |
141 | }, | 142 | }, |
142 | ruleTweener: { | 143 | ruleTweener: { |
143 | serializable: true, | 144 | serializable: true, |
144 | get: function() { | 145 | get: function() { |
145 | return this._ruleTweener; | 146 | return this._ruleTweener; |
146 | }, | 147 | }, |
147 | set: function(newVal) { | 148 | set: function(newVal) { |
148 | this._ruleTweener = newVal; | 149 | this._ruleTweener = newVal; |
149 | this.needsDraw = true; | 150 | this.needsDraw = true; |
150 | } | 151 | } |
151 | }, | 152 | }, |
152 | 153 | ||
153 | // The hintable we use to change the Property | 154 | // The hintable we use to change the Property |
154 | _myHintable: { | 155 | _myHintable: { |
155 | value: "" | 156 | value: "" |
156 | }, | 157 | }, |
157 | myHintable: { | 158 | myHintable: { |
158 | get: function() { | 159 | get: function() { |
159 | return this._myHintable; | 160 | return this._myHintable; |
160 | }, | 161 | }, |
161 | set: function(newVal) { | 162 | set: function(newVal) { |
162 | this._myHintable = newVal; | 163 | this._myHintable = newVal; |
163 | }, | 164 | }, |
164 | serializable: true | 165 | serializable: true |
165 | }, | 166 | }, |
166 | _myHintableValue : { | 167 | _myHintableValue : { |
167 | value: null | 168 | value: null |
168 | }, | 169 | }, |
169 | myHintableValue: { | 170 | myHintableValue: { |
170 | get: function() { | 171 | get: function() { |
171 | return this._myHintableValue; | 172 | return this._myHintableValue; |
172 | }, | 173 | }, |
173 | set: function(newVal) { | 174 | set: function(newVal) { |
174 | this._myHintableValue = newVal; |