1 files changed, 79 insertions, 0 deletions
diff --git a/js/panels/css-panel/style-declaration.reel/style-declaration.html b/js/panels/css-panel/style-declaration.reel/style-declaration.html
new file mode 100644
index 00000000..2fdb11d5
--- /dev/null
+++ b/js/panels/css-panel/style-declaration.reel/style-declaration.html
@@ -0,0 +1,79 @@
+<!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-declaration.css" rel="stylesheet" type="text/css" />
+    <script type="text/montage-serialization">
+        {
+            "owner": {
+                "module" : "js/panels/css-panel/style-declaration.reel",
+                "name" : "Declaration",
+                "properties" : {
+                    "element" : {"#" : "container"},
+                    "arrayController": {"@": "arrayController"},
+                    "styleComponent": {"@":"styleItem"},
+                    "repetition": {"@": "repetition"}
+                }
+            },
+            "arrayController": {
+                "prototype": "montage/ui/controller/array-controller",
+                "properties": {
+                    "automaticallyOrganizeObjects": true
+                },
+                "bindings": {
+                    "content": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "styles",
+                        "oneway": true
+                    }
+                }
+            },
+            "repetition": {
+                "prototype": "montage/ui/repetition.reel",
+                "properties": {
+                    "element": {"#": "declaration-list"},
+                    "contentController": {"@": "arrayController"}
+                }
+            },
+            "styleItem": {
+                "prototype": "js/panels/css-panel/css-style.reel",
+                "properties": {
+                    "element" : {"#": "style-item"},
+                    "declaration": {"@": "owner"}
+                },
+                "bindings": {
+                    "propertyText" : {
+                        "boundObject": {"@": "repetition"},
+                        "boundObjectPropertyPath": "objectAtCurrentIteration.name"
+                    },
+                    "valueText" : {
+                        "boundObject": {"@": "repetition"},
+                        "boundObjectPropertyPath": "objectAtCurrentIteration.value"
+                    },
+                    "empty" : {
+                        "boundObject": {"@": "repetition"},
+                        "boundObjectPropertyPath": "objectAtCurrentIteration.isEmpty"
+                    },
+                    "delegate": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "focusDelegate"
+                    }
+                }
+            }
+        }
+    </script>
+</head>
+<body>
+<div id="container">
+    <dl data-montage-id="declaration-list" class="declaration-list">
+        <div data-montage-id="style-item"></div>
+    </dl>
+</div>
+</body>
+</html>
+\ No newline at end of file

diff --git a/js/panels/css-panel/style-declaration.reel/style-declaration.html b/js/panels/css-panel/style-declaration.reel/style-declaration.html new file mode 100644 index 00000000..2fdb11d5 --- /dev/null +++ b/js/panels/css-panel/style-declaration.reel/style-declaration.html
@@ -0,0 +1,79 @@
	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-declaration.css" rel="stylesheet" type="text/css" />
	11	<script type="text/montage-serialization">
	12	{
	13	"owner": {
	14	"module" : "js/panels/css-panel/style-declaration.reel",
	15	"name" : "Declaration",
	16	"properties" : {
	17	"element" : {"#" : "container"},
	18	"arrayController": {"@": "arrayController"},
	19	"styleComponent": {"@":"styleItem"},
	20	"repetition": {"@": "repetition"}
	21	}
	22	},
	23	"arrayController": {
	24	"prototype": "montage/ui/controller/array-controller",
	25	"properties": {
	26	"automaticallyOrganizeObjects": true
	27	},
	28	"bindings": {
	29	"content": {
	30	"boundObject": {"@": "owner"},
	31	"boundObjectPropertyPath": "styles",
	32	"oneway": true
	33	}
	34	}
	35	},
	36	"repetition": {
	37	"prototype": "montage/ui/repetition.reel",
	38	"properties": {
	39	"element": {"#": "declaration-list"},
	40	"contentController": {"@": "arrayController"}
	41	}
	42	},
	43	"styleItem": {
	44	"prototype": "js/panels/css-panel/css-style.reel",
	45	"properties": {
	46	"element" : {"#": "style-item"},
	47	"declaration": {"@": "owner"}
	48	},
	49	"bindings": {
	50	"propertyText" : {
	51	"boundObject": {"@": "repetition"},
	52	"boundObjectPropertyPath": "objectAtCurrentIteration.name"
	53	},
	54	"valueText" : {
	55	"boundObject": {"@": "repetition"},
	56	"boundObjectPropertyPath": "objectAtCurrentIteration.value"
	57	},
	58	"empty" : {
	59	"boundObject": {"@": "repetition"},
	60	"boundObjectPropertyPath": "objectAtCurrentIteration.isEmpty"
	61	},
	62	"delegate": {
	63	"boundObject": {"@": "owner"},
	64	"boundObjectPropertyPath": "focusDelegate"
	65	}
	66	}
	67	}
	68
	69	}
	70	</script>
	71	</head>
	72	<body>
	73	<div id="container">
	74	<dl data-montage-id="declaration-list" class="declaration-list">
	75	<div data-montage-id="style-item"></div>
	76	</dl>
	77	</div>
	78	</body>
	79	</html> \ No newline at end of file