1 files changed, 122 insertions, 0 deletions
diff --git a/js/panels/Materials/materials-popup.reel/materials-popup.html b/js/panels/Materials/materials-popup.reel/materials-popup.html
new file mode 100644
index 00000000..bac69f25
--- /dev/null
+++ b/js/panels/Materials/materials-popup.reel/materials-popup.html
@@ -0,0 +1,122 @@
+<!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 rel="stylesheet" type="text/css" href="materials-popup.css">
+                <script type="text/montage-serialization">
+        {
+            "okButton": {
+                "module": "js/components/button.reel",
+                "name": "Button",
+                "properties": {
+                    "element": {"#": "mp_ok_btn"},
+                    "label": "OK"
+                }
+            },
+            "cancelButton": {
+                "module": "js/components/button.reel",
+                "name": "Button",
+                "properties": {
+                    "element": {"#": "mp_cancel_btn"},
+                    "label": "Cancel"
+                }
+            },
+            "eventDelegator": {
+                "module": "montage/event/action-event-listener",
+                "name": "ActionEventListener",
+                "properties": {
+                    "handler": {"@": "owner"},
+                    "action": "updatePreview"
+                }
+            },
+            "propControl1": {
+                "module": "js/components/ui/property-control",
+                "name": "PropertyControl",
+                "properties": {
+                    "element": {"#": "mp_property"}
+                },
+                "bindings": {
+                    "data": {
+                        "boundObject": {"@": "materialsProperties"},
+                        "boundObjectPropertyPath": "objectAtCurrentIteration",
+                        "oneway": false
+                    }
+                },
+                "listeners": [
+                                {
+                                    "type": "propertyChange",
+                                    "listener": {"@": "eventDelegator"},
+                                    "capture": false
+                                },
+                                {
+                                    "type": "propertyChanging",
+                                    "listener": {"@": "eventDelegator"},
+                                    "capture": false
+                                }
+                            ]
+            },
+            "materialsProperties": {
+                "module": "montage/ui/repetition",
+                "name": "Repetition",
+                "properties": {
+                    "element": {"#": "mp_properties_list"}
+                },
+                "bindings": {
+                    "objects": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "materialsData",
+                        "oneway": false
+                    }
+                }
+            },
+            "owner": {
+                "module": "js/panels/Materials/materials-popup.reel",
+                "name": "MaterialsPopup",
+                "properties": {
+                    "materialsProperties": {"@": "materialsProperties"},
+                    "element": {"#": "materials_popup"},
+                    "okButton": {"@": "okButton"},
+                    "cancelButton": {"@": "cancelButton"},
+                    "materialTitle": {"#": "mp_title"}
+                }
+            }
+        }
+    </script>
+        </head>
+        <body>
+        <div id="materials_popup">
+            <div id="mp_title">Material Name</div>
+            <hr />
+                <div id="mp_preview">Preview Pane</div>
+            <hr />
+            <div id="mp_properties_list" style="-webkit-user-select: none;">
+                <div id="mp_property"></div>
+            </div>
+            <hr />
+            
+            <div id="mp_buttons">
+                <button id="mp_cancel_btn"></button>
+                <button id="mp_ok_btn"></button>
+            </div>
+        </div>
+        </body>
+</html>
+\ No newline at end of file

diff --git a/js/panels/Materials/materials-popup.reel/materials-popup.html b/js/panels/Materials/materials-popup.reel/materials-popup.html new file mode 100644 index 00000000..bac69f25 --- /dev/null +++ b/js/panels/Materials/materials-popup.reel/materials-popup.html
@@ -0,0 +1,122 @@
	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
	10	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	11
	12	<link rel="stylesheet" type="text/css" href="materials-popup.css">
	13
	14	<script type="text/montage-serialization">
	15	{
	16	"okButton": {
	17	"module": "js/components/button.reel",
	18	"name": "Button",
	19	"properties": {
	20	"element": {"#": "mp_ok_btn"},
	21	"label": "OK"
	22	}
	23	},
	24	"cancelButton": {
	25	"module": "js/components/button.reel",
	26	"name": "Button",
	27	"properties": {
	28	"element": {"#": "mp_cancel_btn"},
	29	"label": "Cancel"
	30	}
	31	},
	32	"eventDelegator": {
	33	"module": "montage/event/action-event-listener",
	34	"name": "ActionEventListener",
	35	"properties": {
	36	"handler": {"@": "owner"},
	37	"action": "updatePreview"
	38	}
	39	},
	40	"propControl1": {
	41	"module": "js/components/ui/property-control",
	42	"name": "PropertyControl",
	43	"properties": {
	44	"element": {"#": "mp_property"}
	45	},
	46	"bindings": {
	47	"data": {
	48	"boundObject": {"@": "materialsProperties"},
	49	"boundObjectPropertyPath": "objectAtCurrentIteration",
	50	"oneway": false
	51	}
	52	},
	53	"listeners": [
	54	{
	55	"type": "propertyChange",
	56	"listener": {"@": "eventDelegator"},
	57	"capture": false
	58	},
	59	{
	60	"type": "propertyChanging",
	61	"listener": {"@": "eventDelegator"},
	62	"capture": false
	63	}
	64	]
	65	},
	66	"materialsProperties": {
	67	"module": "montage/ui/repetition",
	68	"name": "Repetition",
	69	"properties": {
	70	"element": {"#": "mp_properties_list"}
	71	},
	72	"bindings": {
	73	"objects": {
	74	"boundObject": {"@": "owner"},
	75	"boundObjectPropertyPath": "materialsData",
	76	"oneway": false
	77	}
	78	}
	79	},
	80	"owner": {
	81	"module": "js/panels/Materials/materials-popup.reel",
	82	"name": "MaterialsPopup",
	83	"properties": {
	84	"materialsProperties": {"@": "materialsProperties"},
	85	"element": {"#": "materials_popup"},
	86	"okButton": {"@": "okButton"},
	87	"cancelButton": {"@": "cancelButton"},
	88	"materialTitle": {"#": "mp_title"}
	89	}
	90	}
	91	}
	92	</script>
	93
	94	</head>
	95
	96	<body>
	97
	98	<div id="materials_popup">
	99	<div id="mp_title">Material Name</div>
	100
	101	<hr />
	102
	103	<div id="mp_preview">Preview Pane</div>
	104
	105	<hr />
	106
	107	<div id="mp_properties_list" style="-webkit-user-select: none;">
	108	<div id="mp_property"></div>
	109	</div>
	110
	111	<hr />
	112
	113	<div id="mp_buttons">
	114	<button id="mp_cancel_btn"></button>
	115	<button id="mp_ok_btn"></button>
	116	</div>
	117
	118	</div>
	119
	120	</body>
	121
	122	</html> \ No newline at end of file