3 files changed, 119 insertions, 0 deletions
diff --git a/js/components/ui/tree-basic/tree.reel/tree.css b/js/components/ui/tree-basic/tree.reel/tree.css
new file mode 100644
index 00000000..878068b7
--- /dev/null
+++ b/js/components/ui/tree-basic/tree.reel/tree.css
@@ -0,0 +1,9 @@
+/* <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> */
+.atree ul{
+    -webkit-padding-start: 20px;
+}
+\ No newline at end of file
diff --git a/js/components/ui/tree-basic/tree.reel/tree.html b/js/components/ui/tree-basic/tree.reel/tree.html
new file mode 100644
index 00000000..ba594926
--- /dev/null
+++ b/js/components/ui/tree-basic/tree.reel/tree.html
@@ -0,0 +1,67 @@
+<!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>
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <link rel="stylesheet" type="text/css" href="tree.css">
+    <script type="text/montage-serialization">
+    {
+        "treeItem": {
+            "module" : "js/components/ui/tree-basic/treeItem.reel",
+            "name": "TreeItem",
+            "properties": {
+                "element": {"#": "treeItem"}
+            },
+            "bindings": {
+                "treeItemData": {
+                    "boundObject": {"@": "repetition1"},
+                    "boundObjectPropertyPath": "objectAtCurrentIteration",
+                    "oneway": true
+                },
+                "showIcon": {
+                    "boundObject": {"@": "owner"},
+                    "boundObjectPropertyPath": "showIcons",
+                    "oneway": true
+                }
+            }
+        },
+        "repetition1" : {
+            "module": "montage/ui/repetition.reel",
+            "name": "Repetition",
+            "properties": {
+                "element": {"#": "treeView"}
+            },
+            "bindings": {
+                "objects": {
+                    "boundObject": {"@": "owner"},
+                    "boundObjectPropertyPath": "treeViewDataObject",
+                    "oneway": true
+                }
+            }
+        },
+        "owner":{
+            "module": "js/components/ui/tree-basic/tree.reel",
+            "name": "Tree",
+            "properties" : {
+                "element": {"#": "atree"},
+                "components": [{"@": "repetition1"}]
+            }
+        }
+    }
+    </script>
+</head>
+<body>
+<div id="atree" class="atree">
+    <ul id="treeView" style="display:block;">
+        <li id="treeItem"></li>
+    </ul>
+</div>
+</body>
+</html>
+\ No newline at end of file
diff --git a/js/components/ui/tree-basic/tree.reel/tree.js b/js/components/ui/tree-basic/tree.reel/tree.js
new file mode 100644
index 00000000..67fa20e5
--- /dev/null
+++ b/js/components/ui/tree-basic/tree.reel/tree.js
@@ -0,0 +1,43 @@
+/* <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> */
+var Montage = require("montage/core/core").Montage;
+var Component = require("montage/ui/component").Component;
+exports.Tree = Montage.create(Component, {
+    treeViewDataObject:{
+        writable:true,
+        enumerable:true,
+        value:null
+    },
+    showIcons :{
+        writable:true,
+        enumerable:true,
+        value:true
+    },
+    willDraw: {
+        enumerable: false,
+        value: function() {
+        }
+    },
+    draw: {
+        enumerable: false,
+        value: function() {
+        }
+    },
+    didDraw: {
+        enumerable: false,
+        value: function() {
+        }
+    }
+});
+\ No newline at end of file

diff --git a/js/components/ui/tree-basic/tree.reel/tree.css b/js/components/ui/tree-basic/tree.reel/tree.css new file mode 100644 index 00000000..878068b7 --- /dev/null +++ b/js/components/ui/tree-basic/tree.reel/tree.css
@@ -0,0 +1,9 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6
	7	.atree ul{
	8	-webkit-padding-start: 20px;
	9	} \ No newline at end of file


diff --git a/js/components/ui/tree-basic/tree.reel/tree.html b/js/components/ui/tree-basic/tree.reel/tree.html new file mode 100644 index 00000000..ba594926 --- /dev/null +++ b/js/components/ui/tree-basic/tree.reel/tree.html
@@ -0,0 +1,67 @@
	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>
	8	<head>
	9	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	10	<link rel="stylesheet" type="text/css" href="tree.css">
	11	<script type="text/montage-serialization">
	12	{
	13	"treeItem": {
	14	"module" : "js/components/ui/tree-basic/treeItem.reel",
	15	"name": "TreeItem",
	16	"properties": {
	17	"element": {"#": "treeItem"}
	18	},
	19	"bindings": {
	20	"treeItemData": {
	21	"boundObject": {"@": "repetition1"},
	22	"boundObjectPropertyPath": "objectAtCurrentIteration",
	23	"oneway": true
	24	},
	25	"showIcon": {
	26	"boundObject": {"@": "owner"},
	27	"boundObjectPropertyPath": "showIcons",
	28	"oneway": true
	29	}
	30	}
	31	},
	32
	33	"repetition1" : {
	34	"module": "montage/ui/repetition.reel",
	35	"name": "Repetition",
	36	"properties": {
	37	"element": {"#": "treeView"}
	38	},
	39	"bindings": {
	40	"objects": {
	41	"boundObject": {"@": "owner"},
	42	"boundObjectPropertyPath": "treeViewDataObject",
	43	"oneway": true
	44	}
	45	}
	46	},
	47
	48	"owner":{
	49	"module": "js/components/ui/tree-basic/tree.reel",
	50	"name": "Tree",
	51	"properties" : {
	52	"element": {"#": "atree"},
	53	"components": [{"@": "repetition1"}]
	54	}
	55	}
	56
	57	}
	58	</script>
	59	</head>
	60	<body>
	61	<div id="atree" class="atree">
	62	<ul id="treeView" style="display:block;">
	63	<li id="treeItem"></li>
	64	</ul>
	65	</div>
	66	</body>
	67	</html> \ No newline at end of file


diff --git a/js/components/ui/tree-basic/tree.reel/tree.js b/js/components/ui/tree-basic/tree.reel/tree.js new file mode 100644 index 00000000..67fa20e5 --- /dev/null +++ b/js/components/ui/tree-basic/tree.reel/tree.js
@@ -0,0 +1,43 @@
	1	/* <copyright>
	2	This file contains proprietary software owned by Motorola Mobility, Inc.<br/>
	3	No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/>
	4	(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
	5	</copyright> */
	6
	7	var Montage = require("montage/core/core").Montage;
	8	var Component = require("montage/ui/component").Component;
	9
	10	exports.Tree = Montage.create(Component, {
	11
	12	treeViewDataObject:{
	13	writable:true,
	14	enumerable:true,
	15	value:null
	16	},
	17
	18	showIcons :{
	19	writable:true,
	20	enumerable:true,
	21	value:true
	22	},
	23
	24	willDraw: {
	25	enumerable: false,
	26	value: function() {
	27
	28	}
	29	},
	30	draw: {
	31	enumerable: false,
	32	value: function() {
	33
	34	}
	35	},
	36	didDraw: {
	37	enumerable: false,
	38	value: function() {
	39
	40	}
	41	}
	42
	43	}); \ No newline at end of file