diff options
Diffstat (limited to 'js/panels/Timeline/Layer.reel/Layer.html')
-rw-r--r-- | js/panels/Timeline/Layer.reel/Layer.html | 117 |
1 files changed, 11 insertions, 106 deletions
diff --git a/js/panels/Timeline/Layer.reel/Layer.html b/js/panels/Timeline/Layer.reel/Layer.html index 9288d718..44022211 100644 --- a/js/panels/Timeline/Layer.reel/Layer.html +++ b/js/panels/Timeline/Layer.reel/Layer.html | |||
@@ -17,9 +17,9 @@ | |||
17 | "styleRepetition" : {"@":"repetition1"}, | 17 | "styleRepetition" : {"@":"repetition1"}, |
18 | "dynamicLayerName" : {"@":"dtext1"}, | 18 | "dynamicLayerName" : {"@":"dtext1"}, |
19 | "dynamicLayerTag" : {"@": "dtext2"}, | 19 | "dynamicLayerTag" : {"@": "dtext2"}, |
20 | "layer_label_text" : {"#": "layer-label-text"}, | ||
20 | "mainCollapser" : {"@" : "mainCollapser"}, | 21 | "mainCollapser" : {"@" : "mainCollapser"}, |
21 | "positionCollapser" : {"@" : "positionCollapser"}, | 22 | "positionCollapser" : {"@" : "positionCollapser"}, |
22 | "transformCollapser" : {"@" : "transformCollapser"}, | ||
23 | "styleCollapser" : {"@" : "styleCollapser"}, | 23 | "styleCollapser" : {"@" : "styleCollapser"}, |
24 | "clickerMain" : {"#" : "clicker-main"}, | 24 | "clickerMain" : {"#" : "clicker-main"}, |
25 | "myLabel" : {"#" : "myLabel"} | 25 | "myLabel" : {"#" : "myLabel"} |
@@ -34,7 +34,7 @@ | |||
34 | "value" : { | 34 | "value" : { |
35 | "boundObject" : {"@": "owner"}, | 35 | "boundObject" : {"@": "owner"}, |
36 | "boundObjectPropertyPath" : "layerName", | 36 | "boundObjectPropertyPath" : "layerName", |
37 | "oneway" : false | 37 | "oneway" : true |
38 | } | 38 | } |
39 | } | 39 | } |
40 | }, | 40 | }, |
@@ -180,60 +180,6 @@ | |||
180 | } | 180 | } |
181 | } | 181 | } |
182 | }, | 182 | }, |
183 | "dtext_skew_x" : { | ||
184 | "prototype": "js/components/hottextunit.reel[HotTextUnit]", | ||
185 | "properties": { | ||
186 | "element": {"#": "skew-x"}, | ||
187 | "maxValue" : 100, | ||
188 | "minValue" : 0, | ||
189 | "acceptableUnits" : "%", | ||
190 | "units" : "%", | ||
191 | "value" : 0 | ||
192 | }, | ||
193 | "bindings": { | ||
194 | "value": { | ||
195 | "boundObject": {"@": "owner"}, | ||
196 | "boundObjectPropertyPath": "dtextSkewX", | ||
197 | "oneway": false | ||
198 | } | ||
199 | } | ||
200 | }, | ||
201 | "dtext_skew_y" : { | ||
202 | "prototype": "js/components/hottextunit.reel[HotTextUnit]", | ||
203 | "properties": { | ||
204 | "element": {"#": "skew-y"}, | ||
205 | "maxValue" : 100, | ||
206 | "minValue" : 0, | ||
207 | "acceptableUnits" : "%", | ||
208 | "units" : "%", | ||
209 | "value" : 0 | ||
210 | }, | ||
211 | "bindings": { | ||
212 | "value": { | ||
213 | "boundObject": {"@": "owner"}, | ||
214 | "boundObjectPropertyPath": "dtextSkewY", | ||
215 | "oneway": false | ||
216 | } | ||
217 | } | ||
218 | }, | ||
219 | "dtext_rotate" : { | ||
220 | "prototype": "js/components/hottextunit.reel[HotTextUnit]", | ||
221 | "properties": { | ||
222 | "element": {"#": "rotation"}, | ||
223 | "maxValue" : 360, | ||
224 | "minValue" : -360, | ||
225 | "acceptableUnits" : "degrees", | ||
226 | "units" : "degrees", | ||
227 | "value" : 0 | ||
228 | }, | ||
229 | "bindings": { | ||
230 | "value": { | ||
231 | "boundObject": {"@": "owner"}, | ||
232 | "boundObjectPropertyPath": "dtextRotate", | ||
233 | "oneway": false | ||
234 | } | ||
235 | } | ||
236 | }, | ||
237 | 183 | ||
238 | "mainCollapser" : { | 184 | "mainCollapser" : { |
239 | "prototype" : "js/panels/timeline/Collapser", | 185 | "prototype" : "js/panels/timeline/Collapser", |
@@ -275,26 +221,6 @@ | |||
275 | } | 221 | } |
276 | }, | 222 | }, |
277 | 223 | ||
278 | "transformCollapser" : { | ||
279 | "prototype" : "js/panels/timeline/Collapser", | ||
280 | "properties" : { | ||
281 | "element" : {"#" : "content-transform"}, | ||
282 | "myContent" : {"#":"content-transform"}, | ||
283 | "contentHeight" : 60, | ||
284 | "isLabelClickable" : true, | ||
285 | "clicker" : {"#" : "clicker-transform"}, | ||
286 | "isCollapsed" : true, | ||
287 | "isAnimated" : true | ||
288 | }, | ||
289 | "bindings" : { | ||
290 | "isToggling" : { | ||
291 | "boundObject" : {"@" : "owner" }, | ||
292 | "boundObjectPropertyPath" : "isTransformCollapsed", | ||
293 | "oneway" : false | ||
294 | } | ||
295 | } | ||
296 | }, | ||
297 | |||
298 | "styleCollapser" : { | 224 | "styleCollapser" : { |
299 | "prototype" : "js/panels/timeline/Collapser", | 225 | "prototype" : "js/panels/timeline/Collapser", |
300 | "properties" : { | 226 | "properties" : { |
@@ -331,7 +257,7 @@ | |||
331 | </div> | 257 | </div> |
332 | <div class="collapsible-content content-layer collapsible-collapsed" data-montage-id="content-main"> | 258 | <div class="collapsible-content content-layer collapsible-collapsed" data-montage-id="content-main"> |
333 | <div class="label-position"> | 259 | <div class="label-position"> |
334 | <span class="collapsible-label">Position</span> | 260 | <span class="collapsible-label">Position and Size</span> |
335 | <span class="collapsible-clicker clicker-position collapsible-collapsed" data-montage-id="clicker-position"></span> | 261 | <span class="collapsible-clicker clicker-position collapsible-collapsed" data-montage-id="clicker-position"></span> |
336 | </div> | 262 | </div> |
337 | <div class="content-position collapsible-content collapsible-collapsed" data-montage-id="content-position"> | 263 | <div class="content-position collapsible-content collapsible-collapsed" data-montage-id="content-position"> |
@@ -344,37 +270,16 @@ | |||
344 | <div class="cell-property">Top</div> | 270 | <div class="cell-property">Top</div> |
345 | <div class="cell-value"><div data-montage-id="position-y"></div></div> | 271 | <div class="cell-value"><div data-montage-id="position-y"></div></div> |
346 | </div> | 272 | </div> |
273 | <div class="container-row"> | ||
274 | <div class="cell-property">Width</div> | ||
275 | <div class="cell-value"><div data-montage-id="scale-x"></div></div> | ||
276 | </div> | ||
277 | <div class="container-row"> | ||
278 | <div class="cell-property">Height</div> | ||
279 | <div class="cell-value"><div data-montage-id="scale-y"></div></div> | ||
280 | </div> | ||
347 | </div> | 281 | </div> |
348 | </div> | 282 | </div> |
349 | <div class="label-transform"> | ||
350 | <span class="collapsible-label">Transform</span> | ||
351 | <span class="clicker-transform collapsible-clicker collapsible-collapsed" data-montage-id="clicker-transform"></span> | ||
352 | </div> | ||
353 | <div class="content-transform collapsible-content collapsible-collapsed" data-montage-id="content-transform"> | ||
354 | <div class="layout-tablew"> | ||
355 | <div class="container-row"> | ||
356 | <div class="cell-property">Width</div> | ||
357 | <div class="cell-value"><div data-montage-id="scale-x"></div></div> | ||
358 | </div> | ||
359 | <div class="container-row"> | ||
360 | <div class="cell-property">Height</div> | ||
361 | <div class="cell-value"><div data-montage-id="scale-y"></div></div> | ||
362 | </div> | ||
363 | <div class="container-row"> | ||
364 | <div class="cell-property">Skew X</div> | ||
365 | <div class="cell-value"><div data-montage-id="skew-x"></div></div> | ||
366 | </div> | ||
367 | <div class="container-row"> | ||
368 | <div class="cell-property">Skew Y</div> | ||
369 | <div class="cell-value"><div data-montage-id="skew-y"></div></div> | ||
370 | </div> | ||
371 | <div class="container-row"> | ||
372 | <div class="cell-property">Rotation</div> | ||
373 | <div class="cell-value"><div data-montage-id="rotation"></div></div> | ||
374 | </div> | ||
375 | </div> | ||
376 | |||
377 | </div> | ||
378 | <div class="label-style"> | 283 | <div class="label-style"> |
379 | <span class="collapsible-label">Style</span> | 284 | <span class="collapsible-label">Style</span> |
380 | <span class="clicker-style collapsible-clicker collapsible-collapsed" data-montage-id="clicker-style"></span> | 285 | <span class="clicker-style collapsible-clicker collapsible-collapsed" data-montage-id="clicker-style"></span> |