1 files changed, 134 insertions, 0 deletions
diff --git a/js/panels/css-panel/style-sheet.reel/style-sheet.html b/js/panels/css-panel/style-sheet.reel/style-sheet.html
new file mode 100644
index 00000000..1820f780
--- /dev/null
+++ b/js/panels/css-panel/style-sheet.reel/style-sheet.html
@@ -0,0 +1,134 @@
+<!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-sheet.css" rel="stylesheet" type="text/css">
+    <script type="text/montage-serialization">
+        {
+            "owner": {
+                "module" : "js/panels/css-panel/style-sheet.reel",
+                "name" : "StyleSheet",
+                "properties" : {
+                    "element" : {"#" : "style-sheet-container"},
+                    "nameText": {"@": "name"},
+                    "mediaInput": {"@": "mediaInput"},
+                    "editButton": {"@": "editButton"},
+                    "editView": {"#": "style-sheet-edit"},
+                    "disableButton": {"@": "disableButton"},
+                    "importButton": {"@": "importButton"},
+                    "deleteButton": {"@": "deleteButton"}
+                }
+            },
+            "disableCheckbox": {
+                "module": "js/components/checkbox.reel",
+                "name": "Checkbox",
+                "properties": {
+                    "element": { "#": "disable-checkbox" },
+                    "checked": true
+                }
+            },
+            "name": {
+                "module": "montage/ui/dynamic-text.reel",
+                "name": "DynamicText",
+                "properties": {
+                    "element": {"#": "sheet-name"},
+                    "defaultText": "Style sheet"
+                },
+                "bindings": {
+                    "value": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "name",
+                        "onewway": true
+                    }
+                }
+            },
+            "mediaInput": {
+                "module": "js/components/textfield.reel",
+                "name": "TextField",
+                "properties": {
+                    "element": {"#": "media-input"}
+                }
+            },
+            "editButton": {
+                "module": "montage/ui/button.reel",
+                "name": "Button",
+                "properties": {
+                    "element": {"#": "edit-button"},
+                    "identifier": "editButton",
+                    "label": " "
+                },
+                "listeners": [{
+                    "type": "action",
+                    "listener": {"@": "owner"}
+                }]
+            },
+            "disableButton": {
+                "module": "montage/ui/button.reel",
+                "name": "Button",
+                "properties": {
+                    "element": {"#": "disable-button"},
+                    "identifier": "disableButton",
+                    "label": "Disable"
+                },
+                "listeners": [{
+                    "type": "action",
+                    "listener": {"@": "owner"}
+                }]
+            },
+            "importButton": {
+                "module": "montage/ui/button.reel",
+                "name": "Button",
+                "properties": {
+                    "element": {"#": "import-button"},
+                    "identifier": "importButton",
+                    "label": "Import"
+                },
+                "listeners": [{
+                    "type": "action",
+                    "listener": {"@": "owner"}
+                }]
+            },
+            "deleteButton": {
+                "module": "montage/ui/button.reel",
+                "name": "Button",
+                "properties": {
+                    "element": {"#": "delete-button"},
+                    "identifier": "deleteButton",
+                    "label": "Delete"
+                },
+                "listeners": [{
+                    "type": "action",
+                    "listener": {"@": "owner"}
+                }]
+            }
+        }
+    </script>
+</head>
+<body>
+<div id="style-sheet-container" class="style-sheet-container">
+    <div class="ss-icon"></div>
+    <!--<div id="disable-checkbox"></div>-->
+    <span id="sheet-name"></span>
+    <label>Media:</label>
+    <div id="media-input"></div>
+    <div data-montage-id="style-sheet-edit" class="style-sheet-edit">
+        <button data-montage-id="edit-button" class="ss-edit-button"></button>
+        <button data-montage-id="delete-button" class="ss-delete-button nj-skinned"></button>
+        <button data-montage-id="import-button" class="ss-import-button nj-skinned"></button>
+        <button data-montage-id="disable-button" class="ss-disable-button nj-skinned"></button>
+    </div>
+</div>
+</body>
+</html>
+\ No newline at end of file

diff --git a/js/panels/css-panel/style-sheet.reel/style-sheet.html b/js/panels/css-panel/style-sheet.reel/style-sheet.html new file mode 100644 index 00000000..1820f780 --- /dev/null +++ b/js/panels/css-panel/style-sheet.reel/style-sheet.html
@@ -0,0 +1,134 @@
	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-sheet.css" rel="stylesheet" type="text/css">
	11	<script type="text/montage-serialization">
	12	{
	13	"owner": {
	14	"module" : "js/panels/css-panel/style-sheet.reel",
	15	"name" : "StyleSheet",
	16	"properties" : {
	17	"element" : {"#" : "style-sheet-container"},
	18	"nameText": {"@": "name"},
	19	"mediaInput": {"@": "mediaInput"},
	20	"editButton": {"@": "editButton"},
	21	"editView": {"#": "style-sheet-edit"},
	22	"disableButton": {"@": "disableButton"},
	23	"importButton": {"@": "importButton"},
	24	"deleteButton": {"@": "deleteButton"}
	25	}
	26	},
	27	"disableCheckbox": {
	28	"module": "js/components/checkbox.reel",
	29	"name": "Checkbox",
	30	"properties": {
	31	"element": { "#": "disable-checkbox" },
	32	"checked": true
	33	}
	34	},
	35	"name": {
	36	"module": "montage/ui/dynamic-text.reel",
	37	"name": "DynamicText",
	38	"properties": {
	39	"element": {"#": "sheet-name"},
	40	"defaultText": "Style sheet"
	41	},
	42	"bindings": {
	43	"value": {
	44	"boundObject": {"@": "owner"},
	45	"boundObjectPropertyPath": "name",
	46	"onewway": true
	47	}
	48	}
	49	},
	50	"mediaInput": {
	51	"module": "js/components/textfield.reel",
	52	"name": "TextField",
	53	"properties": {
	54	"element": {"#": "media-input"}
	55	}
	56	},
	57	"editButton": {
	58	"module": "montage/ui/button.reel",
	59	"name": "Button",
	60	"properties": {
	61	"element": {"#": "edit-button"},
	62	"identifier": "editButton",
	63	"label": " "
	64	},
	65	"listeners": [{
	66	"type": "action",
	67	"listener": {"@": "owner"}
	68	}]
	69
	70	},
	71	"disableButton": {
	72	"module": "montage/ui/button.reel",
	73	"name": "Button",
	74	"properties": {
	75	"element": {"#": "disable-button"},
	76	"identifier": "disableButton",
	77	"label": "Disable"
	78	},
	79	"listeners": [{
	80	"type": "action",
	81	"listener": {"@": "owner"}
	82	}]
	83
	84	},
	85	"importButton": {
	86	"module": "montage/ui/button.reel",
	87	"name": "Button",
	88	"properties": {
	89	"element": {"#": "import-button"},
	90	"identifier": "importButton",
	91	"label": "Import"
	92	},
	93	"listeners": [{
	94	"type": "action",
	95	"listener": {"@": "owner"}
	96	}]
	97
	98	},
	99	"deleteButton": {
	100	"module": "montage/ui/button.reel",
	101	"name": "Button",
	102	"properties": {
	103	"element": {"#": "delete-button"},
	104	"identifier": "deleteButton",
	105	"label": "Delete"
	106	},
	107	"listeners": [{
	108	"type": "action",
	109	"listener": {"@": "owner"}
	110	}]
	111
	112	}
	113	}
	114	</script>
	115	</head>
	116	<body>
	117	<div id="style-sheet-container" class="style-sheet-container">
	118	<div class="ss-icon"></div>
	119	<!--<div id="disable-checkbox"></div>-->
	120	<span id="sheet-name"></span>
	121	<label>Media:</label>
	122	<div id="media-input"></div>
	123
	124	<div data-montage-id="style-sheet-edit" class="style-sheet-edit">
	125
	126	<button data-montage-id="edit-button" class="ss-edit-button"></button>
	127	<button data-montage-id="delete-button" class="ss-delete-button nj-skinned"></button>
	128	<button data-montage-id="import-button" class="ss-import-button nj-skinned"></button>
	129	<button data-montage-id="disable-button" class="ss-disable-button nj-skinned"></button>
	130
	131	</div>
	132	</div>
	133	</body>
	134	</html> \ No newline at end of file