diff options
Diffstat (limited to 'js/panels/Timeline/Layer.reel')
-rw-r--r-- | js/panels/Timeline/Layer.reel/Layer.html | 523 | ||||
-rw-r--r-- | js/panels/Timeline/Layer.reel/Layer.js | 1301 | ||||
-rw-r--r-- | js/panels/Timeline/Layer.reel/css/Layer.css | 23 | ||||
-rw-r--r-- | js/panels/Timeline/Layer.reel/scss/Layer.scss | 217 |
4 files changed, 1034 insertions, 1030 deletions
diff --git a/js/panels/Timeline/Layer.reel/Layer.html b/js/panels/Timeline/Layer.reel/Layer.html index 3c471952..f83ab20b 100644 --- a/js/panels/Timeline/Layer.reel/Layer.html +++ b/js/panels/Timeline/Layer.reel/Layer.html | |||
@@ -1,25 +1,26 @@ | |||
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <!-- <copyright> | 2 | <!-- <copyright> |
3 | Copyright (c) 2012, Motorola Mobility, Inc | 3 | Copyright (c) 2012, Motorola Mobility LLC. |
4 | All Rights Reserved. | 4 | All Rights Reserved. |
5 | BSD License. | ||
6 | 5 | ||
7 | Redistribution and use in source and binary forms, with or without | 6 | Redistribution and use in source and binary forms, with or without |
8 | modification, are permitted provided that the following conditions are met: | 7 | modification, are permitted provided that the following conditions are met: |
9 | 8 | ||
10 | - Redistributions of source code must retain the above copyright notice, | 9 | * Redistributions of source code must retain the above copyright notice, |
11 | this list of conditions and the following disclaimer. | 10 | this list of conditions and the following disclaimer. |
12 | - Redistributions in binary form must reproduce the above copyright | 11 | |
13 | notice, this list of conditions and the following disclaimer in the | 12 | * Redistributions in binary form must reproduce the above copyright notice, |
14 | documentation and/or other materials provided with the distribution. | 13 | this list of conditions and the following disclaimer in the documentation |
15 | - Neither the name of Motorola Mobility nor the names of its contributors | 14 | and/or other materials provided with the distribution. |
16 | may be used to endorse or promote products derived from this software | 15 | |
17 | without specific prior written permission. | 16 | * Neither the name of Motorola Mobility LLC nor the names of its |
17 | contributors may be used to endorse or promote products derived from this | ||
18 | software without specific prior written permission. | ||
18 | 19 | ||
19 | THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" | 20 | 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 | AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE |
21 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE | 22 | IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE |
22 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE | 23 | ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE |
23 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | 24 | LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR |
24 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | 25 | CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF |
25 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | 26 | SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS |
@@ -29,24 +30,24 @@ ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE | |||
29 | POSSIBILITY OF SUCH DAMAGE. | 30 | POSSIBILITY OF SUCH DAMAGE. |
30 | </copyright> --> | 31 | </copyright> --> |
31 | <html lang="en"> | 32 | <html lang="en"> |
32 | <head> | 33 | <head> |
33 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | 34 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
34 | <link rel="stylesheet" type="text/css" href="css/Layer.css"> | 35 | <link rel="stylesheet" type="text/css" href="css/Layer.css"> |
35 | <script type="text/montage-serialization"> | 36 | <script type="text/montage-serialization"> |
36 | { | 37 | { |
37 | "owner": { | 38 | "owner": { |
38 | "prototype": "js/panels/Timeline/Layer.reel", | 39 | "prototype": "js/panels/Timeline/Layer.reel", |
39 | "properties": { | 40 | "properties": { |
40 | "element": {"#": "layer"}, | 41 | "element": {"#": "layer"}, |
41 | "styleRepetition" : {"@":"repetition1"}, | 42 | "styleRepetition" : {"@":"repetition1"}, |
42 | "dynamicLayerName" : {"@":"dtext1"}, | 43 | "dynamicLayerName" : {"@":"dtext1"}, |
43 | "dynamicLayerTag" : {"@": "dtext2"}, | 44 | "dynamicLayerTag" : {"@": "dtext2"}, |
44 | "layer_label_text" : {"#": "layer-label-text"}, | 45 | "layer_label_text" : {"#": "layer-label-text"}, |
45 | "mainCollapser" : {"@" : "mainCollapser"}, | 46 | "mainCollapser" : {"@" : "mainCollapser"}, |
46 | "positionCollapser" : {"@" : "positionCollapser"}, | 47 | "positionCollapser" : {"@" : "positionCollapser"}, |
47 | "styleCollapser" : {"@" : "styleCollapser"}, | 48 | "styleCollapser" : {"@" : "styleCollapser"}, |
48 | "clickerMain" : {"#" : "clicker-main"}, | 49 | "clickerMain" : {"#" : "clicker-main"}, |
49 | "myLabel" : {"#" : "myLabel"}, | 50 | "myLabel" : {"#" : "myLabel"}, |
50 | "leftControl": {"@" : "dtext_position_x"}, | 51 | "leftControl": {"@" : "dtext_position_x"}, |
51 | "topControl": {"@" : "dtext_position_y"}, | 52 | "topControl": {"@" : "dtext_position_y"}, |
52 | "widthControl": {"@" : "dtext_scale_x"}, | 53 | "widthControl": {"@" : "dtext_scale_x"}, |
@@ -56,256 +57,256 @@ POSSIBILITY OF SUCH DAMAGE. | |||
56 | "visibilityButton":{"#" : "visibilityButton"} | 57 | "visibilityButton":{"#" : "visibilityButton"} |
57 | } | 58 | } |
58 | }, | 59 | }, |
59 | "dtext1" : { | 60 | "dtext1" : { |
60 | "prototype" : "montage/ui/dynamic-text.reel", | 61 | "prototype" : "montage/ui/dynamic-text.reel", |
61 | "properties" : { | 62 | "properties" : { |
62 | "element" : {"#" : "layer-label-text"} | 63 | "element" : {"#" : "layer-label-text"} |
63 | }, | 64 | }, |
64 | "bindings" : { | 65 | "bindings" : { |
65 | "value" : { | 66 | "value" : { |
66 | "boundObject" : {"@": "owner"}, | 67 | "boundObject" : {"@": "owner"}, |
67 | "boundObjectPropertyPath" : "layerName", | 68 | "boundObjectPropertyPath" : "layerName", |
68 | "oneway" : true | 69 | "oneway" : true |
69 | } | 70 | } |
70 | } | 71 | } |
71 | }, | 72 | }, |
72 | "dtext2" : { | 73 | "dtext2" : { |
73 | "prototype" : "montage/ui/dynamic-text.reel", | 74 | "prototype" : "montage/ui/dynamic-text.reel", |
74 | "properties" : { | 75 | "properties" : { |
75 | "element" : {"#" : "layer-tag"} | 76 | "element" : {"#" : "layer-tag"} |
76 | }, | 77 | }, |
77 | "bindings" : { | 78 | "bindings" : { |
78 | "value" : { | 79 | "value" : { |
79 | "boundObject" : {"@": "owner"}, | 80 | "boundObject" : {"@": "owner"}, |
80 | "boundObjectPropertyPath" : "layerTag", | 81 | "boundObjectPropertyPath" : "layerTag", |
81 | "oneway" : false | 82 | "oneway" : false |
82 | } | 83 | } |
83 | } | 84 | } |
84 | }, | 85 | }, |
85 | "repetition1": { | 86 | "repetition1": { |
86 | "prototype": "montage/ui/repetition.reel", | 87 | "prototype": "montage/ui/repetition.reel", |
87 | "properties": { | 88 | "properties": { |
88 | "element": {"#": "style-container"}, | 89 | "element": {"#": "style-container"}, |
89 | "isSelectionEnabled" : true | 90 | "isSelectionEnabled" : true |
90 | }, | 91 | }, |
91 | "bindings": { | 92 | "bindings": { |
92 | "objects": { | 93 | "objects": { |
93 | "boundObject": {"@": "owner"}, | 94 | "boundObject": {"@": "owner"}, |
94 | "boundObjectPropertyPath": "arrLayerStyles", | 95 | "boundObjectPropertyPath": "arrLayerStyles", |
95 | "oneway": false | 96 | "oneway": false |
96 | } | 97 | } |
97 | } | 98 | } |
98 | }, | 99 | }, |
99 | "style" : { | 100 | "style" : { |
100 | "prototype" : "js/panels/Timeline/Style.reel[LayerStyle]", | 101 | "prototype" : "js/panels/Timeline/Style.reel[LayerStyle]", |
101 | "properties" : { | 102 | "properties" : { |
102 | "element" : {"#" : "layer-style"} | 103 | "element" : {"#" : "layer-style"} |
103 | }, | 104 | }, |
104 | "bindings" : { | 105 | "bindings" : { |
105 | "styleID" : { | 106 | "styleID" : { |
106 | "boundObject" : {"@": "repetition1"}, | 107 | "boundObject" : {"@": "repetition1"}, |
107 | "boundObjectPropertyPath" : "objectAtCurrentIteration.styleID", | 108 | "boundObjectPropertyPath" : "objectAtCurrentIteration.styleID", |
108 | "oneway" : false | 109 | "oneway" : false |
109 | }, | 110 | }, |
110 | "whichView" : { | 111 | "whichView" : { |
111 | "boundObject" : {"@": "repetition1"}, | 112 | "boundObject" : {"@": "repetition1"}, |
112 | "boundObjectPropertyPath" : "objectAtCurrentIteration.whichView", | 113 | "boundObjectPropertyPath" : "objectAtCurrentIteration.whichView", |
113 | "oneway" : false | 114 | "oneway" : false |
114 | }, | 115 | }, |
115 | "editorProperty" : { | 116 | "editorProperty" : { |
116 | "boundObject" : {"@": "repetition1"}, | 117 | "boundObject" : {"@": "repetition1"}, |
117 | "boundObjectPropertyPath" : "objectAtCurrentIteration.editorProperty", | 118 | "boundObjectPropertyPath" : "objectAtCurrentIteration.editorProperty", |
118 | "oneway" : false | 119 | "oneway" : false |
119 | }, | 120 | }, |
120 | "isSelected" : { | 121 | "isSelected" : { |
121 | "boundObject" : {"@": "repetition1"}, | 122 | "boundObject" : {"@": "repetition1"}, |
122 | "boundObjectPropertyPath" : "objectAtCurrentIteration.isSelected", | 123 | "boundObjectPropertyPath" : "objectAtCurrentIteration.isSelected", |
123 | "oneway" : false | 124 | "oneway" : false |
124 | }, | 125 | }, |
125 | "isActive" : { | 126 | "isActive" : { |
126 | "boundObject" : {"@": "repetition1"}, | 127 | "boundObject" : {"@": "repetition1"}, |
127 | "boundObjectPropertyPath" : "objectAtCurrentIteration.isActive", | 128 | "boundObjectPropertyPath" : "objectAtCurrentIteration.isActive", |
128 | "oneway" : false | 129 | "oneway" : false |
129 | }, | 130 | }, |