aboutsummaryrefslogtreecommitdiff
path: root/js/panels/css-panel/style-shorthand.reel/style-shorthand.html
diff options
context:
space:
mode:
Diffstat (limited to 'js/panels/css-panel/style-shorthand.reel/style-shorthand.html')
-rw-r--r--js/panels/css-panel/style-shorthand.reel/style-shorthand.html174
1 files changed, 174 insertions, 0 deletions
diff --git a/js/panels/css-panel/style-shorthand.reel/style-shorthand.html b/js/panels/css-panel/style-shorthand.reel/style-shorthand.html
new file mode 100644
index 00000000..0311798b
--- /dev/null
+++ b/js/panels/css-panel/style-shorthand.reel/style-shorthand.html
@@ -0,0 +1,174 @@
1<!DOCTYPE html>
2<!-- <copyright>
3This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
4No 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> -->
7<html lang="en">
8<head>
9 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
10 <link href="style-shorthand.css" rel="stylesheet" type="text/css" />
11 <script type="text/montage-serialization">
12 {
13 "owner": {
14 "module" : "js/panels/css-panel/style-shorthand.reel",
15 "name" : "StyleShorthand",
16 "properties" : {
17 "element" : {"#" : "branch"},
18 "label" : { "@" : "textComponent" },
19 "branchList": {"#" : "branchList"},
20 "arrayController": {"@": "arrayController" },
21 "repetition": {"@": "repetition"},
22 "leafComponent": {"@": "style"},
23 "branchComponent": {"@": "shorthand"},
24 "branchCollapser": {"#": "collapser" }
25 }
26 },
27
28 "property": {
29 "module": "montage/ui/dynamic-text.reel",
30 "name": "DynamicText",
31 "properties": {
32 "element": {"#": "property"}
33 },
34 "bindings": {
35 "value" : {
36 "boundObject": {"@": "owner"},
37 "boundObjectPropertyPath": "propertyText",
38 "oneway": true
39 }
40 }
41 },
42 "value": {
43 "module": "montage/ui/dynamic-text.reel",
44 "name": "DynamicText",
45 "properties": {
46 "element": {"#": "value"}
47 },
48 "bindings": {
49 "value" : {
50 "boundObject": {"@": "owner"},
51 "boundObjectPropertyPath": "valueText",
52 "oneway": true
53 }
54 }
55 },
56
57 "arrayController": {
58 "module": "montage/ui/controller/array-controller",
59 "name": "ArrayController",
60 "bindings": {
61 "content": {
62 "boundObject": {"@": "owner"},
63 "boundObjectPropertyPath": "childNodes"
64 }
65 }
66 },
67
68 "style": {
69 "module": "js/panels/css-panel/style.reel",
70 "name": "Style",
71 "bindings": {
72 "sourceObject": {
73 "boundObject": {"@": "repetition" },
74 "boundObjectPropertyPath": "objectAtCurrentIteration",
75 "oneway": true
76 },
77 "labelKey" : {
78 "boundObject": {"@": "owner" },
79 "boundObjectPropertyPath": "labelKey",
80 "oneway": true
81 },
82 "branchKey" : {
83 "boundObject": {"@": "owner" },
84 "boundObjectPropertyPath": "branchKey",
85 "oneway": true
86 },
87 "treeView" : {
88 "boundObject": {"@": "owner" },
89 "boundObjectPropertyPath": "treeView",
90 "oneway": true
91 }
92 }
93 },
94
95 "shorthand": {
96 "module": "js/panels/css-panel/style-shorthand.reel",
97 "name": "StyleShorthand",
98 "bindings": {
99 "sourceObject": {
100 "boundObject": {"@": "repetition" },
101 "boundObjectPropertyPath": "objectAtCurrentIteration",
102 "oneway": true
103 },
104 "labelKey" : {
105 "boundObject": {"@": "owner" },
106 "boundObjectPropertyPath": "labelKey",
107 "oneway": true
108 },
109 "branchKey" : {
110 "boundObject": {"@": "owner" },
111 "boundObjectPropertyPath": "branchKey",
112 "oneway": true
113 },
114 "treeView" : {
115 "boundObject": {"@": "owner" },
116 "boundObjectPropertyPath": "treeView",
117 "oneway": true
118 }
119 }
120 },
121
122 "repetition": {
123 "module": "montage/ui/repetition.reel",
124 "name": "Repetition",
125 "properties": {
126 "element": { "#": "branchList" },
127 "contentController": {"@": "arrayController" },
128 "selectionEnabled": true
129 }
130 },
131
132 "substitution": {
133 "module": "montage/ui/substitution.reel",
134 "name": "Substitution",
135 "properties": {
136 "element": {"#": "treeItem"},
137 "switchComponents": {
138 "leaf": {"@": "style"},
139 "branch": {"@": "shorthand"}
140
141 }
142 },
143 "bindings": {
144 "switchValue": {
145 "boundObject": {"@": "repetition"},
146 "boundObjectPropertyPath": "objectAtCurrentIteration.treeNodeType",
147 "oneway": true
148 }
149 }
150 },
151
152 "collapser" : {
153 "module": "js/panels/collapse-composer",
154 "name": "CollapseComposer",
155 "properties" : {
156 "element": {"#":"collapser"},
157 "component": {"@": "repetition"}
158 }
159 }
160 }
161 </script>
162</head>
163<body>
164 <div id="branch" class="style-shorthand-branch">
165 <div class="style-item" id="collapser">
166 <dt id="property" class="css-property"></dt>
167 <dd id="value" class="css-value"></dd>
168 </div>
169 <dl id="branchList" class="css-tree-branch">
170 <div id="treeItem"></div>
171 </dl>
172 </div>
173</body>
174</html> \ No newline at end of file