1 files changed, 92 insertions, 0 deletions
diff --git a/js/panels/css-panel/styles-view-container.reel/styles-view-container.html b/js/panels/css-panel/styles-view-container.reel/styles-view-container.html
new file mode 100644
index 00000000..1dd83468
--- /dev/null
+++ b/js/panels/css-panel/styles-view-container.reel/styles-view-container.html
@@ -0,0 +1,92 @@
+<!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="styles-view-container.css" rel="stylesheet" type="text/css">
+    <script type="text/montage-serialization">
+        {
+            "owner": {
+                "module" : "js/panels/css-panel/styles-view-container.reel",
+                "name" : "StylesViewContainer",
+                "properties" : {
+                    "element" : {"#" : "container"},
+                    "ruleListContainer": {"@": "ruleListContainer" },
+                    "computedStyleView": {"@": "computedStyleView" },
+                    "substitution": {"@": "substitution" },
+                    "delegate": {"@": "stylesViewDelegate"},
+                    "toolbar": {"@": "toolbar"}
+                }
+            },
+            "substitution": {
+                "module": "montage/ui/substitution.reel",
+                "name": "Substitution",
+                "properties": {
+                    "element": {"#": "sub-panel-slot"},
+                    "switchComponents": {
+                        "rules": {"@": "ruleListContainer"},
+                        "computed": {"@": "computedStyleView"}
+                    }
+                },
+                "bindings": {
+                    "switchValue": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "contentPanel",
+                        "oneway": true
+                    }
+                }
+            },
+            "stylesViewDelegate" : {
+                "module": "js/panels/css-panel/styles-view-delegate",
+                "name": "StylesViewMediator",
+                "properties": {
+                    "ruleListContainer": {"@": "ruleListContainer"}
+                }
+            },
+            "ruleListContainer": {
+                "module": "js/panels/css-panel/rule-list-container.reel",
+                "name": "RuleListContainer",
+                "properties": {
+                    "focusDelegate": {"@": "stylesViewDelegate"}
+                }
+            },
+            "computedStyleView": {
+                "module": "js/panels/CSSPanel/ComputedStyleSubPanel.reel",
+                "name": "ComputedStyleSubPanel"
+            },
+            "toolbar": {
+                "module": "js/components/toolbar.reel",
+                "name": "Toolbar",
+                "properties": {
+                    "element": {"#": "styles-view-toolbar"},
+                    "delegate": {"@": "stylesViewDelegate" },
+                    "buttons": [
+                        {
+                            "title": "Add",
+                            "identifier": "add"
+                        },
+                        {
+                            "title": "Computed Styles",
+                            "identifier": "computed",
+                            "leftAlign": true
+                        }
+                    ]
+                }
+            }
+        }
+    </script>
+</head>
+<body>
+<div id="container" class="styles-view-container">
+    <h4 data-montage-id="no-styles-message" class="panel-message">No styles to display.</h4>
+    <div data-montage-id="sub-panel-slot" class="sub-panel-slot"></div>
+    <div class="styles-view-toolbar-container">
+        <div data-montage-id="styles-view-toolbar"></div>
+    </div>
+</div>
+</body>
+</html>
+\ No newline at end of file

diff --git a/js/panels/css-panel/styles-view-container.reel/styles-view-container.html b/js/panels/css-panel/styles-view-container.reel/styles-view-container.html new file mode 100644 index 00000000..1dd83468 --- /dev/null +++ b/js/panels/css-panel/styles-view-container.reel/styles-view-container.html
@@ -0,0 +1,92 @@
	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="styles-view-container.css" rel="stylesheet" type="text/css">
	11	<script type="text/montage-serialization">
	12	{
	13	"owner": {
	14	"module" : "js/panels/css-panel/styles-view-container.reel",
	15	"name" : "StylesViewContainer",
	16	"properties" : {
	17	"element" : {"#" : "container"},
	18	"ruleListContainer": {"@": "ruleListContainer" },
	19	"computedStyleView": {"@": "computedStyleView" },
	20	"substitution": {"@": "substitution" },
	21	"delegate": {"@": "stylesViewDelegate"},
	22	"toolbar": {"@": "toolbar"}
	23	}
	24	},
	25	"substitution": {
	26	"module": "montage/ui/substitution.reel",
	27	"name": "Substitution",
	28	"properties": {
	29	"element": {"#": "sub-panel-slot"},
	30	"switchComponents": {
	31	"rules": {"@": "ruleListContainer"},
	32	"computed": {"@": "computedStyleView"}
	33	}
	34	},
	35	"bindings": {
	36	"switchValue": {
	37	"boundObject": {"@": "owner"},
	38	"boundObjectPropertyPath": "contentPanel",
	39	"oneway": true
	40	}
	41	}
	42	},
	43	"stylesViewDelegate" : {
	44	"module": "js/panels/css-panel/styles-view-delegate",
	45	"name": "StylesViewMediator",
	46	"properties": {
	47	"ruleListContainer": {"@": "ruleListContainer"}
	48	}
	49	},
	50	"ruleListContainer": {
	51	"module": "js/panels/css-panel/rule-list-container.reel",
	52	"name": "RuleListContainer",
	53	"properties": {
	54	"focusDelegate": {"@": "stylesViewDelegate"}
	55	}
	56	},
	57	"computedStyleView": {
	58	"module": "js/panels/CSSPanel/ComputedStyleSubPanel.reel",
	59	"name": "ComputedStyleSubPanel"
	60	},
	61	"toolbar": {
	62	"module": "js/components/toolbar.reel",
	63	"name": "Toolbar",
	64	"properties": {
	65	"element": {"#": "styles-view-toolbar"},
	66	"delegate": {"@": "stylesViewDelegate" },
	67	"buttons": [
	68	{
	69	"title": "Add",
	70	"identifier": "add"
	71	},
	72	{
	73	"title": "Computed Styles",
	74	"identifier": "computed",
	75	"leftAlign": true
	76	}
	77	]
	78	}
	79	}
	80	}
	81	</script>
	82	</head>
	83	<body>
	84	<div id="container" class="styles-view-container">
	85	<h4 data-montage-id="no-styles-message" class="panel-message">No styles to display.</h4>
	86	<div data-montage-id="sub-panel-slot" class="sub-panel-slot"></div>
	87	<div class="styles-view-toolbar-container">
	88	<div data-montage-id="styles-view-toolbar"></div>
	89	</div>
	90	</div>
	91	</body>
	92	</html> \ No newline at end of file