1 files changed, 161 insertions, 0 deletions
diff --git a/js/panels/properties.reel/properties.html b/js/panels/properties.reel/properties.html
new file mode 100755
index 00000000..d903d8ed
--- /dev/null
+++ b/js/panels/properties.reel/properties.html
@@ -0,0 +1,161 @@
+<!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" href="properties.css" type="text/css">
+        <script type="text/montage-serialization">
+        {
+            "elementNameInput1": {
+                "module": "montage/ui/textfield.reel",
+                "name": "Textfield",
+                "properties": {
+                    "element": {"#": "elementName"},
+                    "readOnly": true
+                },
+                "bindings": {
+                    "value": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "elementName",
+                        "oneway": true
+                    }
+                }
+            },
+            "elementID": {
+                "module": "montage/ui/textfield.reel",
+                "name": "Textfield",
+                "properties": {
+                    "element": {"#": "elementID"},
+                    "readOnly": false
+                },
+                "bindings": {
+                    "value": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "elementID",
+                        "oneway": true
+                    }
+                }
+            },
+            "elementClass": {
+                "module": "montage/ui/textfield.reel",
+                "name": "Textfield",
+                "properties": {
+                    "element": {"#": "elementClassName"},
+                    "readOnly": false
+                },
+                "bindings": {
+                    "value": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "elementClassName",
+                        "oneway": true
+                    }
+                }
+            },
+            "PosSizeSection": {
+                "module": "js/panels/properties.reel/section.reel",
+                "name": "Section",
+                "properties": {
+                    "element": {"#": "PosSize"},
+                    "content" : {"@": "PosSize"},
+                    "name" : "Position And Size"
+                }
+            },
+            "PosSize": {
+                "module": "js/panels/properties.reel/sections/position-and-size.reel",
+                "name": "PosSize"
+            },
+            "threeDSection": {
+                "module": "js/panels/properties.reel/section.reel",
+                "name": "Section",
+                "properties": {
+                    "element": {"#": "threeD"},
+                    "content" : {"@": "threeDProperties"},
+                    "name" : "3D Position And View"
+                }
+            },
+            "threeDProperties": {
+                "module": "js/panels/properties.reel/sections/three-d-view.reel",
+                "name": "ThreeD"
+            },
+            "CustomSections": {
+                "module": "montage/ui/repetition.reel",
+                "name": "Repetition",
+                "properties": {
+                    "element": {"#": "customSections"}
+                },
+                "bindings": {
+                    "objects": {
+                        "boundObject": {"@": "owner"},
+                        "boundObjectPropertyPath": "customSections",
+                        "oneway": true
+                    }
+                }
+            },
+            "customSection": {
+                "module": "js/panels/properties.reel/section.reel",
+                "name": "Section",
+                "properties": {
+                    "element": {"#": "customSection"}
+                },
+                "bindings": {
+                    "content": {
+                        "boundObject": {"@": "CustomSections"},
+                        "boundObjectPropertyPath": "objectAtCurrentIteration.content",
+                        "oneway": true
+                    },
+                    "name": {
+                        "boundObject": {"@": "CustomSections"},
+                        "boundObjectPropertyPath": "objectAtCurrentIteration.name",
+                        "oneway": true
+                    }
+                }
+            },
+            "owner": {
+                "module": "js/panels/properties.reel",
+                "name": "Properties",
+                "properties": {
+                    "element":              {"#": "propertiesPanel"},
+                    "elementNameInput":     {"@": "elementNameInput1"},
+                    "elementId":            {"@": "elementID"},
+                    "positionSize":         {"@": "PosSize"},
+                    "threeD":               {"@": "threeDProperties"}
+                }
+            }
+        }
+                </script>
+</head>
+<body>
+    <section id="propertiesPanel" class="propertiesPanel">
+        <section class="sectional">
+            <section class="fieldCol">
+                <label id="lblElement">Element:</label>
+                <article class="fieldRow"><input type="text" id="elementName" class="nj-skinned" readonly="readonly"></article>
+            </section>
+            <section class="fieldCol">
+                <label id="lblID">ID:</label>
+                <article class="fieldRow"><input type="text" id="elementID" class="nj-skinned" /></article>
+            </section>
+            <section class="fieldCol">
+                <label id="lblClass">Class:</label>
+                <article class="fieldRow"><input type="text" id="elementClassName" class="nj-skinned" /></article>
+            </section>
+        </section>
+        <section id="PosSize"></section>
+        <section id="customSections">
+            <div id="customSection"></div>
+        </section>
+        <section id="threeD"></section>
+    </section>
+</body>
+</html>
+\ No newline at end of file

diff --git a/js/panels/properties.reel/properties.html b/js/panels/properties.reel/properties.html new file mode 100755 index 00000000..d903d8ed --- /dev/null +++ b/js/panels/properties.reel/properties.html
@@ -0,0 +1,161 @@
	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 rel="stylesheet" href="properties.css" type="text/css">
	11	<script type="text/montage-serialization">
	12	{
	13	"elementNameInput1": {
	14	"module": "montage/ui/textfield.reel",
	15	"name": "Textfield",
	16	"properties": {
	17	"element": {"#": "elementName"},
	18	"readOnly": true
	19	},
	20	"bindings": {
	21	"value": {
	22	"boundObject": {"@": "owner"},
	23	"boundObjectPropertyPath": "elementName",
	24	"oneway": true
	25	}
	26	}
	27	},
	28
	29	"elementID": {
	30	"module": "montage/ui/textfield.reel",
	31	"name": "Textfield",
	32	"properties": {
	33	"element": {"#": "elementID"},
	34	"readOnly": false
	35	},
	36	"bindings": {
	37	"value": {
	38	"boundObject": {"@": "owner"},
	39	"boundObjectPropertyPath": "elementID",
	40	"oneway": true
	41	}
	42	}
	43	},
	44
	45	"elementClass": {
	46	"module": "montage/ui/textfield.reel",
	47	"name": "Textfield",
	48	"properties": {
	49	"element": {"#": "elementClassName"},
	50	"readOnly": false
	51	},
	52	"bindings": {
	53	"value": {
	54	"boundObject": {"@": "owner"},
	55	"boundObjectPropertyPath": "elementClassName",
	56	"oneway": true
	57	}
	58	}
	59	},
	60
	61
	62	"PosSizeSection": {
	63	"module": "js/panels/properties.reel/section.reel",
	64	"name": "Section",
	65	"properties": {
	66	"element": {"#": "PosSize"},
	67	"content" : {"@": "PosSize"},
	68	"name" : "Position And Size"
	69	}
	70	},
	71	"PosSize": {
	72	"module": "js/panels/properties.reel/sections/position-and-size.reel",
	73	"name": "PosSize"
	74	},
	75	"threeDSection": {
	76	"module": "js/panels/properties.reel/section.reel",
	77	"name": "Section",
	78	"properties": {
	79	"element": {"#": "threeD"},
	80	"content" : {"@": "threeDProperties"},
	81	"name" : "3D Position And View"
	82	}
	83	},
	84	"threeDProperties": {
	85	"module": "js/panels/properties.reel/sections/three-d-view.reel",
	86	"name": "ThreeD"
	87	},
	88
	89	"CustomSections": {
	90	"module": "montage/ui/repetition.reel",
	91	"name": "Repetition",
	92	"properties": {
	93	"element": {"#": "customSections"}
	94	},
	95	"bindings": {
	96	"objects": {
	97	"boundObject": {"@": "owner"},
	98	"boundObjectPropertyPath": "customSections",
	99	"oneway": true
	100	}
	101	}
	102	},
	103
	104	"customSection": {
	105	"module": "js/panels/properties.reel/section.reel",
	106	"name": "Section",
	107	"properties": {
	108	"element": {"#": "customSection"}
	109	},
	110	"bindings": {
	111	"content": {
	112	"boundObject": {"@": "CustomSections"},
	113	"boundObjectPropertyPath": "objectAtCurrentIteration.content",
	114	"oneway": true
	115	},
	116	"name": {
	117	"boundObject": {"@": "CustomSections"},
	118	"boundObjectPropertyPath": "objectAtCurrentIteration.name",
	119	"oneway": true
	120	}
	121	}
	122	},
	123
	124	"owner": {
	125	"module": "js/panels/properties.reel",
	126	"name": "Properties",
	127	"properties": {
	128	"element": {"#": "propertiesPanel"},
	129	"elementNameInput": {"@": "elementNameInput1"},
	130	"elementId": {"@": "elementID"},
	131	"positionSize": {"@": "PosSize"},
	132	"threeD": {"@": "threeDProperties"}
	133	}
	134	}
	135	}
	136	</script>
	137	</head>
	138	<body>
	139	<section id="propertiesPanel" class="propertiesPanel">
	140	<section class="sectional">
	141	<section class="fieldCol">
	142	<label id="lblElement">Element:</label>
	143	<article class="fieldRow"><input type="text" id="elementName" class="nj-skinned" readonly="readonly"></article>
	144	</section>
	145	<section class="fieldCol">
	146	<label id="lblID">ID:</label>
	147	<article class="fieldRow"><input type="text" id="elementID" class="nj-skinned" /></article>
	148	</section>
	149	<section class="fieldCol">
	150	<label id="lblClass">Class:</label>
	151	<article class="fieldRow"><input type="text" id="elementClassName" class="nj-skinned" /></article>
	152	</section>
	153	</section>
	154	<section id="PosSize"></section>
	155	<section id="customSections">
	156	<div id="customSection"></div>
	157	</section>
	158	<section id="threeD"></section>
	159	</section>
	160	</body>
	161	</html> \ No newline at end of file