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.html116
-rw-r--r--js/panels/Timeline/Layer.reel/Layer.js338
-rw-r--r--js/panels/Timeline/Layer.reel/css/Layer.css99
-rw-r--r--js/panels/Timeline/Layer.reel/scss/Layer.scss50
4 files changed, 420 insertions, 183 deletions
diff --git a/js/panels/Timeline/Layer.reel/Layer.html b/js/panels/Timeline/Layer.reel/Layer.html
index 79b522ee..10334b31 100644
--- a/js/panels/Timeline/Layer.reel/Layer.html
+++ b/js/panels/Timeline/Layer.reel/Layer.html
@@ -1,4 +1,4 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<!-- <copyright> 2<!-- <copyright>
3 This file contains proprietary software owned by Motorola Mobility, Inc.<br/> 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/> 4 No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
@@ -11,23 +11,24 @@
11 <script type="text/montage-serialization"> 11 <script type="text/montage-serialization">
12 { 12 {
13 "owner": { 13 "owner": {
14 "module": "js/panels/Timeline/Layer.reel", 14 "prototype": "js/panels/Timeline/Layer.reel",
15 "name": "Layer",
16 "properties": { 15 "properties": {
17 "element": {"#": "layer"}, 16 "element": {"#": "layer"},
18 "styleRepetition" : {"@":"repetition1"}, 17 "styleRepetition" : {"@":"repetition1"},
19 "dynamicLayerName" : {"@":"dtext1"}, 18 "dynamicLayerName" : {"@":"dtext1"},
19 "dynamicLayerTag" : {"@": "dtext2"},
20 "slotStyle" : {"@":"slot1"}, 20 "slotStyle" : {"@":"slot1"},
21 "mainCollapser" : {"@" : "mainCollapser"}, 21 "mainCollapser" : {"@" : "mainCollapser"},
22 "positionCollapser" : {"@" : "positionCollapser"}, 22 "positionCollapser" : {"@" : "positionCollapser"},
23 "transformCollapser" : {"@" : "transformCollapser"}, 23 "transformCollapser" : {"@" : "transformCollapser"},
24 "styleCollapser" : {"@" : "styleCollapser"}, 24 "styleCollapser" : {"@" : "styleCollapser"},
25 "clickerMain" : {"#" : "clicker-main"} 25 "clickerMain" : {"#" : "clicker-main"},
26 "myLabel" : {"#" : "myLabel"},
27 "dragDrop" : {"@" : "DragDrop"}
26 } 28 }
27 }, 29 },
28 "dtext1" : { 30 "dtext1" : {
29 "module" : "montage/ui/dynamic-text.reel", 31 "prototype" : "montage/ui/dynamic-text.reel",
30 "name" : "DynamicText",
31 "properties" : { 32 "properties" : {
32 "element" : {"#" : "layer-label-text"} 33 "element" : {"#" : "layer-label-text"}
33 }, 34 },
@@ -39,9 +40,21 @@
39 } 40 }
40 } 41 }
41 }, 42 },
43 "dtext2" : {
44 "prototype" : "montage/ui/dynamic-text.reel",
45 "properties" : {
46 "element" : {"#" : "layer-tag"}
47 },
48 "bindings" : {
49 "value" : {
50 "boundObject" : {"@": "owner"},
51 "boundObjectPropertyPath" : "layerTag",
52 "oneway" : false
53 }
54 }
55 },
42 "repetition1": { 56 "repetition1": {
43 "module": "montage/ui/repetition.reel", 57 "prototype": "montage/ui/repetition.reel",
44 "name": "Repetition",
45 "properties": { 58 "properties": {
46 "element": {"#": "style-container"}, 59 "element": {"#": "style-container"},
47 "isSelectionEnabled" : true 60 "isSelectionEnabled" : true
@@ -55,8 +68,7 @@
55 } 68 }
56 }, 69 },
57 "style" : { 70 "style" : {
58 "module" : "js/panels/Timeline/Style.reel", 71 "prototype" : "js/panels/Timeline/Style.reel[LayerStyle]",
59 "name" : "LayerStyle",
60 "properties" : { 72 "properties" : {
61 "element" : {"#" : "layer-style"} 73 "element" : {"#" : "layer-style"}
62 }, 74 },
@@ -99,8 +111,7 @@
99 } 111 }
100 }, 112 },
101 "dtext_position_x" : { 113 "dtext_position_x" : {
102 "module": "js/components/hottextunit.reel", 114 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
103 "name": "HotTextUnit",
104 "properties": { 115 "properties": {
105 "element": {"#": "position-x"}, 116 "element": {"#": "position-x"},
106 "maxValue" : 100000, 117 "maxValue" : 100000,
@@ -118,8 +129,7 @@
118 } 129 }
119 }, 130 },
120 "dtext_position_y" : { 131 "dtext_position_y" : {
121 "module": "js/components/hottextunit.reel", 132 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
122 "name": "HotTextUnit",
123 "properties": { 133 "properties": {
124 "element": {"#": "position-y"}, 134 "element": {"#": "position-y"},
125 "maxValue" : 100000, 135 "maxValue" : 100000,
@@ -137,8 +147,7 @@
137 } 147 }
138 }, 148 },
139 "dtext_scale_x" : { 149 "dtext_scale_x" : {
140 "module": "js/components/hottextunit.reel", 150 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
141 "name": "HotTextUnit",
142 "properties": { 151 "properties": {
143 "element": {"#": "scale-x"}, 152 "element": {"#": "scale-x"},
144 "maxValue" : 100, 153 "maxValue" : 100,
@@ -156,8 +165,7 @@
156 } 165 }
157 }, 166 },
158 "dtext_scale_y" : { 167 "dtext_scale_y" : {
159 "module": "js/components/hottextunit.reel", 168 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
160 "name": "HotTextUnit",
161 "properties": { 169 "properties": {
162 "element": {"#": "scale-y"}, 170 "element": {"#": "scale-y"},
163 "maxValue" : 100, 171 "maxValue" : 100,
@@ -175,8 +183,7 @@
175 } 183 }
176 }, 184 },
177 "dtext_skew_x" : { 185 "dtext_skew_x" : {
178 "module": "js/components/hottextunit.reel", 186 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
179 "name": "HotTextUnit",
180 "properties": { 187 "properties": {
181 "element": {"#": "skew-x"}, 188 "element": {"#": "skew-x"},
182 "maxValue" : 100, 189 "maxValue" : 100,
@@ -194,8 +201,7 @@
194 } 201 }
195 }, 202 },
196 "dtext_skew_y" : { 203 "dtext_skew_y" : {
197 "module": "js/components/hottextunit.reel", 204 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
198 "name": "HotTextUnit",
199 "properties": { 205 "properties": {
200 "element": {"#": "skew-y"}, 206 "element": {"#": "skew-y"},
201 "maxValue" : 100, 207 "maxValue" : 100,
@@ -213,8 +219,7 @@
213 } 219 }
214 }, 220 },
215 "dtext_rotate" : { 221 "dtext_rotate" : {
216 "module": "js/components/hottextunit.reel", 222 "prototype": "js/components/hottextunit.reel[HotTextUnit]",
217 "name": "HotTextUnit",
218 "properties": { 223 "properties": {
219 "element": {"#": "rotation"}, 224 "element": {"#": "rotation"},
220 "maxValue" : 360, 225 "maxValue" : 360,
@@ -233,8 +238,7 @@
233 }, 238 },
234 239
235 "mainCollapser" : { 240 "mainCollapser" : {
236 "module" : "js/panels/timeline/Collapser.js", 241 "prototype" : "js/panels/timeline/Collapser",
237 "name" : "Collapser",
238 "properties" : { 242 "properties" : {
239 "element" : {"#" : "content-main"}, 243 "element" : {"#" : "content-main"},
240 "myContent" : {"#" : "content-main"}, 244 "myContent" : {"#" : "content-main"},
@@ -254,8 +258,7 @@
254 }, 258 },
255 259
256 "positionCollapser" : { 260 "positionCollapser" : {
257 "module" : "js/panels/timeline/Collapser.js", 261 "prototype" : "js/panels/timeline/Collapser",
258 "name" : "Collapser",
259 "properties" : { 262 "properties" : {
260 "element" : {"#" : "content-position"}, 263 "element" : {"#" : "content-position"},
261 "myContent" : {"#":"content-position"}, 264 "myContent" : {"#":"content-position"},
@@ -275,8 +278,7 @@
275 }, 278 },
276 279
277 "transformCollapser" : { 280 "transformCollapser" : {
278 "module" : "js/panels/timeline/Collapser.js", 281 "prototype" : "js/panels/timeline/Collapser",
279 "name" : "Collapser",
280 "properties" : { 282 "properties" : {
281 "element" : {"#" : "content-transform"}, 283 "element" : {"#" : "content-transform"},
282 "myContent" : {"#"