diff options
Diffstat (limited to 'js/panels/Timeline/Layer.reel/Layer.html')
-rw-r--r-- | js/panels/Timeline/Layer.reel/Layer.html | 160 |
1 files changed, 147 insertions, 13 deletions
diff --git a/js/panels/Timeline/Layer.reel/Layer.html b/js/panels/Timeline/Layer.reel/Layer.html index dd819b2b..0bd448f7 100644 --- a/js/panels/Timeline/Layer.reel/Layer.html +++ b/js/panels/Timeline/Layer.reel/Layer.html | |||
@@ -1,4 +1,9 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <!-- <copyright> | ||
3 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
4 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
5 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
6 | </copyright> --> | ||
2 | <html lang="en"> | 7 | <html lang="en"> |
3 | <head> | 8 | <head> |
4 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | 9 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
@@ -87,7 +92,140 @@ | |||
87 | "oneway" : false | 92 | "oneway" : false |
88 | } | 93 | } |
89 | } | 94 | } |
90 | } | 95 | }, |
96 | "dtext_position_x" : { | ||
97 | "module": "js/components/hottextunit.reel", | ||
98 | "name": "HotTextUnit", | ||
99 | "properties": { | ||
100 | "element": {"#": "position-x"}, | ||
101 | "maxValue" : 100000, | ||
102 | "minValue" : -100000, | ||
103 | "acceptableUnits" : "px", | ||
104 | "units" : "px", | ||
105 | "value" : 0 | ||
106 | }, | ||
107 | "bindings": { | ||
108 | "value": { | ||
109 | "boundObject": {"@": "owner"}, | ||
110 | "boundObjectPropertyPath": "dtextPositionX", | ||
111 | "oneway": false | ||
112 | } | ||
113 | } | ||
114 | }, | ||
115 | "dtext_position_y" : { | ||
116 | "module": "js/components/hottextunit.reel", | ||
117 | "name": "HotTextUnit", | ||
118 | "properties": { | ||
119 | "element": {"#": "position-y"}, | ||
120 | "maxValue" : 100000, | ||
121 | "minValue" : -100000, | ||
122 | "acceptableUnits" : "px", | ||
123 | "units" : "px", | ||
124 | "value" : 0 | ||
125 | }, | ||
126 | "bindings": { | ||
127 | "value": { | ||
128 | "boundObject": {"@": "owner"}, | ||
129 | "boundObjectPropertyPath": "dtextPositionY", | ||
130 | "oneway": false | ||
131 | } | ||
132 | } | ||
133 | }, | ||
134 | "dtext_scale_x" : { | ||
135 | "module": "js/components/hottextunit.reel", | ||
136 | "name": "HotTextUnit", | ||
137 | "properties": { | ||
138 | "element": {"#": "scale-x"}, | ||
139 | "maxValue" : 100, | ||
140 | "minValue" : 0, | ||
141 | "acceptableUnits" : "%", | ||
142 | "units" : "%", | ||
143 | "value" : 0 | ||
144 | }, | ||
145 | "bindings": { | ||
146 | "value": { | ||
147 | "boundObject": {"@": "owner"}, | ||
148 | "boundObjectPropertyPath": "dtextScaleX", | ||
149 | "oneway": false | ||
150 | } | ||
151 | } | ||
152 | }, | ||
153 | "dtext_scale_y" : { | ||
154 | "module": "js/components/hottextunit.reel", | ||
155 | "name": "HotTextUnit", | ||
156 | "properties": { | ||
157 | "element": {"#": "scale-y"}, | ||
158 | "maxValue" : 100, | ||
159 | "minValue" : 0, | ||
160 | "acceptableUnits" : "%", | ||
161 | "units" : "%", | ||
162 | "value" : 0 | ||
163 | }, | ||
164 | "bindings": { | ||
165 | "value": { | ||
166 | "boundObject": {"@": "owner"}, | ||
167 | "boundObjectPropertyPath": "dtextScaleY", | ||
168 | "oneway": false | ||
169 | } | ||
170 | } | ||
171 | }, | ||
172 | "dtext_skew_x" : { | ||
173 | "module": "js/components/hottextunit.reel", | ||
174 | "name": "HotTextUnit", | ||
175 | "properties": { | ||
176 | "element": {"#": "skew-x"}, | ||
177 | "maxValue" : 100, | ||
178 | "minValue" : 0, | ||
179 | "acceptableUnits" : "%", | ||
180 | "units" : "%", | ||
181 | "value" : 0 | ||
182 | }, | ||
183 | "bindings": { | ||
184 | "value": { | ||
185 | "boundObject": {"@": "owner"}, | ||
186 | "boundObjectPropertyPath": "dtextSkewX", | ||
187 | "oneway": false | ||
188 | } | ||
189 | } | ||
190 | }, | ||
191 | "dtext_skew_y" : { | ||
192 | "module": "js/components/hottextunit.reel", | ||
193 | "name": "HotTextUnit", | ||
194 | "properties": { | ||
195 | "element": {"#": "skew-y"}, | ||
196 | "maxValue" : 100, | ||
197 | "minValue" : 0, | ||
198 | "acceptableUnits" : "%", | ||
199 | "units" : "%", | ||
200 | "value" : 0 | ||
201 | }, | ||
202 | "bindings": { | ||
203 | "value": { | ||
204 | "boundObject": {"@": "owner"}, | ||
205 | "boundObjectPropertyPath": "dtextSkewY", | ||
206 | "oneway": false | ||
207 | } | ||
208 | } | ||
209 | }, | ||
210 | "dtext_rotate" : { | ||
211 | "module": "js/components/hottextunit.reel", | ||
212 | "name": "HotTextUnit", | ||
213 | "properties": { | ||
214 | "element": {"#": "rotation"}, | ||
215 | "maxValue" : 360, | ||
216 | "minValue" : -360, | ||
217 | "acceptableUnits" : "degrees", | ||
218 | "units" : "degrees", | ||
219 | "value" : 0 | ||
220 | }, | ||
221 | "bindings": { | ||
222 | "value": { | ||
223 | "boundObject": {"@": "owner"}, | ||
224 | "boundObjectPropertyPath": "dtextRotate", | ||
225 | "oneway": false | ||
226 | } | ||
227 | } | ||
228 | } | ||
91 | } | 229 | } |
92 | </script> | 230 | </script> |
93 | </head> | 231 | </head> |
@@ -109,15 +247,11 @@ | |||
109 | <div class="layout-table"> | 247 | <div class="layout-table"> |
110 | <div class="layout-row"> | 248 | <div class="layout-row"> |
111 | <div class="layout-cell">X</div> | 249 | <div class="layout-cell">X</div> |
112 | <div class="layout-cell">100px</div> | 250 | <div class="layout-cell"><div id="position-x"></div></div> |
113 | </div> | 251 | </div> |
114 | <div class="layout-row"> | 252 | <div class="layout-row"> |
115 | <div class="layout-cell">Y</div> | 253 | <div class="layout-cell">Y</div> |
116 | <div class="layout-cell">100px</div> | 254 | <div class="layout-cell"><div id="position-y"></div></div> |
117 | </div> | ||
118 | <div class="layout-row"> | ||
119 | <div class="layout-cell">Z</div> | ||
120 | <div class="layout-cell">100px</div> | ||
121 | </div> | 255 | </div> |
122 | </div> | 256 | </div> |
123 | </div> | 257 | </div> |
@@ -129,23 +263,23 @@ | |||
129 | <div class="layout-table"> | 263 | <div class="layout-table"> |
130 | <div class="layout-row"> | 264 | <div class="layout-row"> |
131 | <div class="layout-cell">Scale X</div> | 265 | <div class="layout-cell">Scale X</div> |
132 | <div class="layout-cell">100px</div> | 266 | <div class="layout-cell"><div id="scale-x"></div></div> |
133 | </div> | 267 | </div> |
134 | <div class="layout-row"> | 268 | <div class="layout-row"> |
135 | <div class="layout-cell">Scale Y</div> | 269 | <div class="layout-cell">Scale Y</div> |
136 | <div class="layout-cell">100px</div> | 270 | <div class="layout-cell"><div id="scale-y"></div></div> |
137 | </div> | 271 | </div> |
138 | <div class="layout-row"> | 272 | <div class="layout-row"> |
139 | <div class="layout-cell">Skew X</div> | 273 | <div class="layout-cell">Skew X</div> |
140 | <div class="layout-cell">100px</div> | 274 | <div class="layout-cell"><div id="skew-x"></div></div> |
141 | </div> | 275 | </div> |
142 | <div class="layout-row"> | 276 | <div class="layout-row"> |
143 | <div class="layout-cell">Skew Y</div> | 277 | <div class="layout-cell">Skew Y</div> |
144 | <div class="layout-cell">100px</div> | 278 | <div class="layout-cell"><div id="skew-y"></div></div> |
145 | </div> | 279 | </div> |
146 | <div class="layout-row"> | 280 | <div class="layout-row"> |
147 | <div class="layout-cell">Rotation</div> |