diff options
Diffstat (limited to 'js/panels/Timeline/Style.reel')
-rw-r--r-- | js/panels/Timeline/Style.reel/Style.html | 34 | ||||
-rw-r--r-- | js/panels/Timeline/Style.reel/Style.js | 234 | ||||
-rw-r--r-- | js/panels/Timeline/Style.reel/css/Style.css | 32 | ||||
-rw-r--r-- | js/panels/Timeline/Style.reel/scss/Style.scss | 32 |
4 files changed, 223 insertions, 109 deletions
diff --git a/js/panels/Timeline/Style.reel/Style.html b/js/panels/Timeline/Style.reel/Style.html index 48ff7c8e..271748ab 100644 --- a/js/panels/Timeline/Style.reel/Style.html +++ b/js/panels/Timeline/Style.reel/Style.html | |||
@@ -1,9 +1,33 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <!-- <copyright> | 2 | <!-- <copyright> |
3 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | 3 | Copyright (c) 2012, Motorola Mobility, Inc |
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | 4 | All Rights Reserved. |
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 5 | BSD License. |
6 | </copyright> --> | 6 | |
7 | Redistribution and use in source and binary forms, with or without | ||
8 | modification, are permitted provided that the following conditions are met: | ||
9 | |||
10 | - Redistributions of source code must retain the above copyright notice, | ||
11 | this list of conditions and the following disclaimer. | ||
12 | - Redistributions in binary form must reproduce the above copyright | ||
13 | notice, this list of conditions and the following disclaimer in the | ||
14 | documentation and/or other materials provided with the distribution. | ||
15 | - Neither the name of Motorola Mobility nor the names of its contributors | ||
16 | may be used to endorse or promote products derived from this software | ||
17 | without specific prior written permission. | ||
18 | |||
19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | ||
20 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE | ||
21 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | ||
22 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | ||
23 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | ||
24 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | ||
25 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | ||
26 | INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN | ||
27 | CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) | ||
28 | ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE | ||
29 | POSSIBILITY OF SUCH DAMAGE. | ||
30 | </copyright> --> | ||
7 | <html lang="en"> | 31 | <html lang="en"> |
8 | <head> | 32 | <head> |
9 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | 33 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
@@ -92,4 +116,4 @@ | |||
92 | </div> | 116 | </div> |
93 | </div> | 117 | </div> |
94 | </body> | 118 | </body> |
95 | </html> \ No newline at end of file | 119 | </html> |
diff --git a/js/panels/Timeline/Style.reel/Style.js b/js/panels/Timeline/Style.reel/Style.js index c8d323a9..e1c08d2d 100644 --- a/js/panels/Timeline/Style.reel/Style.js +++ b/js/panels/Timeline/Style.reel/Style.js | |||
@@ -1,8 +1,32 @@ | |||
1 | /* <copyright> | 1 | /* <copyright> |
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | 2 | Copyright (c) 2012, Motorola Mobility, Inc |
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | 3 | All Rights Reserved. |
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | 4 | BSD License. |
5 | </copyright> */ | 5 | |
6 | Redistribution and use in source and binary forms, with or without | ||
7 | modification, are permitted provided that the following conditions are met: | ||
8 | |||
9 | - Redistributions of source code must retain the above copyright notice, | ||
10 | this list of conditions and the following disclaimer. | ||
11 | - Redistributions in binary form must reproduce the above copyright | ||
12 | notice, this list of conditions and the following disclaimer in the | ||
13 | documentation and/or other materials provided with the distribution. | ||
14 | - Neither the name of Motorola Mobility nor the names of its contributors | ||
15 | may be used to endorse or promote products derived from this software | ||
16 | without specific prior written permission. | ||
17 | |||
18 | 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 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | ||
21 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | ||
22 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | ||
23 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | ||
24 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | ||
25 | INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN | ||
26 | CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) | ||
27 | ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE | ||
28 | POSSIBILITY OF SUCH DAMAGE. | ||
29 | </copyright> */ | ||
6 | 30 | ||
7 | /* | 31 | /* |
8 | * Style component: Edits and manages a single style rule for a Layer in the Timeline. | 32 | * Style component: Edits and manages a single style rule for a Layer in the Timeline. |
@@ -17,38 +41,80 @@ | |||
17 | 41 | ||
18 | var Montage = require("montage/core/core").Montage; | 42 | var Montage = require("montage/core/core").Montage; |
19 | var Component = require("montage/ui/component").Component; | 43 | var Component = require("montage/ui/component").Component; |
20 | var ElementsMediator = require("js/mediators/element-mediator").ElementMediator | 44 | var ElementsMediator = require("js/mediators/element-mediator").ElementMediator |
21 | 45 | ||
22 | 46 | ||
23 | var LayerStyle = exports.LayerStyle = Montage.create(Component, { | 47 | var LayerStyle = exports.LayerStyle = Montage.create(Component, { |
24 | 48 | /* === BEGIN: Models === */ | |
49 | _parentLayerComponent: { | ||
50 | value: null | ||
51 | }, | ||
52 | |||
53 | _styleContainer: { | ||
54 | value: null | ||
55 | }, | ||
25 | styleContainer: { | 56 | styleContainer: { |
26 | value: null, | 57 | serializable: true, |
27 | serializable: true | 58 | get: function() { |
59 | return this._styleContainer; | ||
60 | }, | ||
61 | set: function(newVal) { | ||
62 | this._styleContainer = newVal; | ||
63 | } | ||
28 | }, | 64 | }, |
29 | 65 | ||
66 | _styleHintable: { | ||
67 | value: null | ||
68 | }, | ||
30 | styleHintable: { | 69 | styleHintable: { |
31 | value: null, | 70 | serializable: true, |
32 | serializable: true | 71 | get: function() { |
72 | return this._styleHintable; | ||
73 | }, | ||
74 | set: function(newVal) { | ||
75 | this._styleHintable = newVal; | ||
76 | } | ||
33 | }, | 77 | }, |
34 | 78 | ||
79 | _styleProperty: { | ||
80 | value: null | ||
81 | }, | ||
35 | styleProperty: { | 82 | styleProperty: { |
36 | value: null, | 83 | serializable: true, |
37 | serializable: true | 84 | get: function() { |
85 | return this._styleProperty; | ||
86 | }, | ||
87 | set: function(newVal) { | ||
88 | this._styleProperty = newVal; | ||
89 | } | ||
38 | }, | 90 | }, |
39 | 91 | ||
92 | _valueEditorHottext: { | ||
93 | value: null | ||
94 | }, | ||
40 | valueEditorHottext: { | 95 | valueEditorHottext: { |
41 | value: null, | 96 | serializable: true, |
42 | serializable: true | 97 | get: function() { |
98 | return this._valueEditorHottext; | ||
99 | }, | ||
100 | set: function(newVal) { | ||
101 | this._valueEditorHottext = newVal; | ||
102 | } | ||
43 | }, | 103 | }, |
44 | 104 | ||
105 | _dtextProperty: { | ||
106 | value: null | ||
107 | }, | ||
45 | dtextProperty: { | 108 | dtextProperty: { |
46 | value: null, | 109 | serializable: true, |
47 | serializable: true | 110 | get: function() { |
111 | return this._dtextProperty; | ||
112 | }, | ||
113 | set: function(newVal) { | ||
114 | this._dtextProperty = newVal; | ||
115 | } | ||
48 | }, | 116 | }, |
49 | 117 | ||
50 | /* === BEGIN: Models === */ | ||
51 | // isSelected: whether or not the style is selected | ||
52 | _isSelected: { | 118 | _isSelected: { |
53 | value: false | 119 | value: false |
54 | }, | 120 | }, |
@@ -66,9 +132,6 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { | |||
66 | } | 132 | } |
67 | }, | 133 | }, |
68 | 134 | ||
69 | /* isActive: Whether or not the user is actively clicking within the style; used to communicate state with | ||
70 | * parent Layer. | ||
71 | */ | ||
72 | _isActive: { | 135 | _isActive: { |
73 | value: false | 136 | value: false |
74 | }, | 137 | }, |
@@ -139,6 +202,7 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { | |||
139 | }, | 202 | }, |
140 | serializable: true | 203 | serializable: true |
141 | }, | 204 | }, |
205 | |||
142 | _myHintableValue : { | 206 | _myHintableValue : { |
143 | value: null | 207 | value: null |
144 | }, | 208 | }, |
@@ -194,13 +258,13 @@ var LayerStyle = exports.LayerStyle = Montage.create(Component, { | |||
194 | } | 258 | } |
195 | }, | 259 | }, |
196 | 260 | ||
197 | addedColorChips: | 261 | addedColorChips: { |
198 | { value: false }, | 262 | value: false |
263 | }, | ||
199 | 264 | ||
200 | _colorelement: { | 265 | _colorelement: { |
201 | writable:true | 266 | writable:true |
202 | }, | 267 | }, |
203 | |||
204 | colorelement: { |