aboutsummaryrefslogtreecommitdiff
path: root/js/panels/Timeline/Layer.reel
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/Timeline/Layer.reel')
-rw-r--r--js/panels/Timeline/Layer.reel/Layer.html160
-rw-r--r--js/panels/Timeline/Layer.reel/Layer.js167
-rw-r--r--js/panels/Timeline/Layer.reel/css/Layer.css110
-rw-r--r--js/panels/Timeline/Layer.reel/scss/Layer.scss29
4 files changed, 356 insertions, 110 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>