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..243d9cc7
--- /dev/null
+++ b/js/panels/css-panel/style-shorthand.reel/style-shorthand.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<!-- <copyright>
+This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
+No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
+(c) Copyright 2011 Motorola Mobility, Inc.  All Rights Reserved.
+</copyright> -->
+<html lang="en">
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <link href="style-shorthand.css" rel="stylesheet" type="text/css" />
+    <script type="text/montage-serialization">
+    {
+        "owner": {
+            "module" : "js/panels/css-panel/style-shorthand.reel",
+            "name" : "StyleShorthand",
+            "properties" : {
+                "element" : {"#" : "branch"},
+                "label" : { "@" : "textComponent" },
+                "branchList": {"#" : "branchList"},
+                "arrayController": {"@": "arrayController" },
+                "repetition": {"@": "repetition"},
+                "leafComponent": {"@": "leaf"},
+                "branchComponent": {"@": "branch"},
+                "branchCollapser": {"#": "collapser" }
+            }
+        },
+        "property": {
+            "module": "montage/ui/dynamic-text.reel",
+            "name": "DynamicText",
+            "properties": {
+                "element": {"#": "property"}
+            },
+            "bindings": {
+                "value" : {
+                    "boundObject": {"@": "owner"},
+                    "boundObjectPropertyPath": "propertyText",
+                    "oneway": true
+                }
+            }
+        },
+        "value": {
+            "module": "montage/ui/dynamic-text.reel",
+            "name": "DynamicText",
+            "properties": {
+                "element": {"#": "value"}
+            },
+            "bindings": {
+                "value" : {
+                    "boundObject": {"@": "owner"},
+                    "boundObjectPropertyPath": "valueText",
+                    "oneway": true
+                }
+            }
+        },
+        "arrayController": {
+            "module": "montage/ui/controller/array-controller",
+            "name": "ArrayController",
+            "bindings": {
+                "content": {
+                    "boundObject": {"@": "owner"},
+                    "boundObjectPropertyPath": "childNodes"
+                }
+            }
+        },
+        "style": {
+            "module": "js/panels/css-panel/style.reel",
+            "name": "Style",
+            "bindings": {
+                "sourceObject": {
+                    "boundObject": {"@": "repetition" },
+                    "boundObjectPropertyPath": "objectAtCurrentIteration",
+                    "oneway": true
+                },
+                "labelKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "labelKey",
+                    "oneway": true
+                },
+                "branchKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "branchKey",
+                    "oneway": true
+                },
+                "treeView" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "treeView",
+                    "oneway": true
+                }
+            }
+        },
+        "shorthand": {
+            "module": "js/panels/css-panel/style-shorthand.reel",
+            "name": "StyleShorthand",
+            "bindings": {
+                "sourceObject": {
+                    "boundObject": {"@": "repetition" },
+                    "boundObjectPropertyPath": "objectAtCurrentIteration",
+                    "oneway": true
+                },
+                "labelKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "labelKey",
+                    "oneway": true
+                },
+                "branchKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "branchKey",
+                    "oneway": true
+                },
+                "treeView" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "treeView",
+                    "oneway": true
+                }
+            }
+        },
+        "repetition": {
+            "module": "montage/ui/repetition.reel",
+            "name": "Repetition",
+            "properties": {
+                "element": { "#": "branchList" },
+                "contentController": {"@": "arrayController" },
+                "selectionEnabled": true
+            }
+        },
+        "substitution": {
+            "module": "montage/ui/substitution.reel",
+            "name": "Substitution",
+            "properties": {
+                "element": {"#": "treeItem"},
+                "switchComponents": {
+                    "leaf": {"@": "style"},
+                    "branch": {"@": "shorthand"}
+                }
+            },
+            "bindings": {
+                "switchValue": {
+                    "boundObject": {"@": "repetition"},
+                    "boundObjectPropertyPath": "objectAtCurrentIteration.treeNodeType",
+                    "oneway": true
+                }
+            }
+        },
+        "collapser" : {
+            "module": "js/panels/collapse-composer",
+            "name": "CollapseComposer",
+            "properties" : {
+                "element": {"#":"collapser"},
+                "component": {"@": "repetition"}
+            }
+        }
+    }
+    </script>
+</head>
+<body>
+    <div id="branch" class="style-shorthand-branch">
+        <div class="style-item" id="collapser">
+            <dt id="property" class="css-property"></dt>
+            <dd id="value" class="css-value"></dd>
+        </div>
+        <dl id="branchList" class="css-tree-branch">
+            <div id="treeItem"></div>
+        </dl>
+    </div>
+</body>
+</html>
+\ No newline at end of file

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..243d9cc7 --- /dev/null +++ b/js/panels/css-panel/style-shorthand.reel/style-shorthand.html
@@ -0,0 +1,174 @@
	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> -->
	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": {"@": "leaf"},
	23	"branchComponent": {"@": "branch"},
	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