Tree Components - Adding the tree components

author: Eric Guzman 2012-02-06 11:43:01 -0800
committer: Eric Guzman 2012-02-06 17:12:47 -0800
commit: 673cf363ccc0a0e82237c8a1867d250b6769d9f6 (patch)
tree: 2d93692ee28aa07d102730495bca08c4222f9e33 /js/components/treeview/ninja-branch.reel/ninja-branch.html
parent: 57562aace901f12215895133dc1e7a6fd4daf2a2 (diff)
download: ninja-673cf363ccc0a0e82237c8a1867d250b6769d9f6.tar.gz
1 files changed, 145 insertions, 0 deletions
diff --git a/js/components/treeview/ninja-branch.reel/ninja-branch.html b/js/components/treeview/ninja-branch.reel/ninja-branch.html
new file mode 100644
index 00000000..6e239855
--- /dev/null
+++ b/js/components/treeview/ninja-branch.reel/ninja-branch.html
@@ -0,0 +1,145 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+    <link href="ninja-branch.css" rel="stylesheet" type="text/css" />
+    <script type="text/montage-serialization">
+    {
+        "owner": {
+            "module" : "js/components/treeview/ninja-branch.reel",
+            "name" : "Branch",
+            "properties" : {
+                "element" : {"#" : "branch"},
+                "label" : { "@" : "textComponent" },
+                "branchList": {"#" : "branchList"},
+                "arrayController": {"@": "arrayController" },
+                "repetition": {"@": "repetition"},
+                "leafComponent": {"@": "leaf"},
+                "branchComponent": {"@": "branch"},
+                "collapser": {"#": "branchCollapser" }
+            }
+        },
+        "textComponent" : {
+            "module" : "montage/ui/dynamic-text.reel",
+            "name" : "DynamicText",
+            "properties" : {
+                "element" : { "#" : "label" }
+            },
+            "bindings" : {
+                "value" : {
+                    "boundObject" : {"@": "owner"},
+                    "boundObjectPropertyPath": "_labelText",
+                    "oneway": true
+                }
+            }
+        },
+        "arrayController": {
+            "module": "montage/ui/controller/array-controller",
+            "name": "ArrayController",
+            "bindings": {
+                "content": {
+                    "boundObject": {"@": "owner"},
+                    "boundObjectPropertyPath": "childNodes"
+                }
+            }
+        },
+        "leaf": {
+            "module": "js/components/treeview/ninja-leaf.reel",
+            "name": "Leaf",
+            "bindings": {
+                "sourceObject": {
+                    "boundObject": {"@": "repetition" },
+                    "boundObjectPropertyPath": "objectAtCurrentIteration",
+                    "oneway": true
+                },
+                "labelKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "labelKey",
+                    "oneway": true
+                },
+                "branchKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "branchKey",
+                    "oneway": true
+                },
+                "treeView" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "treeView",
+                    "oneway": true
+                }
+            }
+        },
+        "branch": {
+            "module": "js/components/treeview/ninja-branch.reel",
+            "name": "Branch",
+            "bindings": {
+                "sourceObject": {
+                    "boundObject": {"@": "repetition" },
+                    "boundObjectPropertyPath": "objectAtCurrentIteration",
+                    "oneway": true
+                },
+                "labelKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "labelKey",
+                    "oneway": true
+                },
+                "branchKey" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "branchKey",
+                    "oneway": true
+                },
+                "treeView" : {
+                    "boundObject": {"@": "owner" },
+                    "boundObjectPropertyPath": "treeView",
+                    "oneway": true
+                }
+            }
+        },
+        "repetition": {
+            "module": "montage/ui/repetition.reel",
+            "name": "Repetition",
+            "properties": {
+                "element": { "#": "branchList" },
+                "contentController": {"@": "arrayController" }
+            }
+        },
+        "substitution": {
+            "module": "montage/ui/substitution.reel",
+            "name": "Substitution",
+            "properties": {
+                "element": {"#": "treeItem"},
+                "switchComponents": {
+                    "leaf": {"@": "leaf"},
+                    "branch": {"@": "branch"}
+                }
+            },
+            "bindings": {
+                "switchValue": {
+                    "boundObject": {"@": "repetition"},
+                    "boundObjectPropertyPath": "objectAtCurrentIteration.treeNodeType",
+                    "oneway": true
+                }
+            }
+        }
+    }
+    </script>
+</head>
+<body>
+    <div id="branch" class="branch">
+        <div id="label" class="branch-label"></div>
+        <div id="branchCollapser" class="branchCollapser">
+            <ul id="branchList">
+                <li id="treeItem"></li>
+            </ul>    
+        </div>
+        
+    </div>
+</body>
+</html>
+\ No newline at end of file
author	Eric Guzman	2012-02-06 11:43:01 -0800
committer	Eric Guzman	2012-02-06 17:12:47 -0800
commit	673cf363ccc0a0e82237c8a1867d250b6769d9f6 (patch)
tree	2d93692ee28aa07d102730495bca08c4222f9e33 /js/components/treeview/ninja-branch.reel/ninja-branch.html
parent	57562aace901f12215895133dc1e7a6fd4daf2a2 (diff)
download	ninja-673cf363ccc0a0e82237c8a1867d250b6769d9f6.tar.gz

diff --git a/js/components/treeview/ninja-branch.reel/ninja-branch.html b/js/components/treeview/ninja-branch.reel/ninja-branch.html new file mode 100644 index 00000000..6e239855 --- /dev/null +++ b/js/components/treeview/ninja-branch.reel/ninja-branch.html
@@ -0,0 +1,145 @@
	1	<!DOCTYPE html>
	2	<html lang="en">
	3	<head>
	4	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	5	<link href="ninja-branch.css" rel="stylesheet" type="text/css" />
	6	<script type="text/montage-serialization">
	7	{
	8	"owner": {
	9	"module" : "js/components/treeview/ninja-branch.reel",
	10	"name" : "Branch",
	11	"properties" : {
	12	"element" : {"#" : "branch"},
	13	"label" : { "@" : "textComponent" },
	14	"branchList": {"#" : "branchList"},
	15	"arrayController": {"@": "arrayController" },
	16	"repetition": {"@": "repetition"},
	17	"leafComponent": {"@": "leaf"},
	18	"branchComponent": {"@": "branch"},
	19	"collapser": {"#": "branchCollapser" }
	20	}
	21	},
	22
	23	"textComponent" : {
	24	"module" : "montage/ui/dynamic-text.reel",
	25	"name" : "DynamicText",
	26	"properties" : {
	27	"element" : { "#" : "label" }
	28	},
	29	"bindings" : {
	30	"value" : {
	31	"boundObject" : {"@": "owner"},
	32	"boundObjectPropertyPath": "_labelText",
	33	"oneway": true
	34	}
	35	}
	36	},
	37
	38	"arrayController": {
	39	"module": "montage/ui/controller/array-controller",
	40	"name": "ArrayController",
	41	"bindings": {
	42	"content": {
	43	"boundObject": {"@": "owner"},
	44	"boundObjectPropertyPath": "childNodes"
	45	}
	46	}
	47	},
	48
	49	"leaf": {
	50	"module": "js/components/treeview/ninja-leaf.reel",
	51	"name": "Leaf",
	52	"bindings": {
	53	"sourceObject": {
	54	"boundObject": {"@": "repetition" },
	55	"boundObjectPropertyPath": "objectAtCurrentIteration",
	56	"oneway": true
	57	},
	58	"labelKey" : {
	59	"boundObject": {"@": "owner" },
	60	"boundObjectPropertyPath": "labelKey",
	61	"oneway": true
	62	},
	63	"branchKey" : {
	64	"boundObject": {"@": "owner" },
	65	"boundObjectPropertyPath": "branchKey",
	66	"oneway": true
	67	},
	68	"treeView" : {
	69	"boundObject": {"@": "owner" },
	70	"boundObjectPropertyPath": "treeView",
	71	"oneway": true
	72	}
	73	}
	74	},
	75
	76	"branch": {
	77	"module": "js/components/treeview/ninja-branch.reel",
	78	"name": "Branch",
	79	"bindings": {
	80	"sourceObject": {
	81	"boundObject": {"@": "repetition" },
	82	"boundObjectPropertyPath": "objectAtCurrentIteration",
	83	"oneway": true
	84	},
	85	"labelKey" : {
	86	"boundObject": {"@": "owner" },
	87	"boundObjectPropertyPath": "labelKey",
	88	"oneway": true
	89	},
	90	"branchKey" : {
	91	"boundObject": {"@": "owner" },
	92	"boundObjectPropertyPath": "branchKey",
	93	"oneway": true
	94	},
	95	"treeView" : {
	96	"boundObject": {"@": "owner" },
	97	"boundObjectPropertyPath": "treeView",
	98	"oneway": true
	99	}
	100	}
	101	},
	102
	103	"repetition": {
	104	"module": "montage/ui/repetition.reel",
	105	"name": "Repetition",
	106	"properties": {
	107	"element": { "#": "branchList" },
	108	"contentController": {"@": "arrayController" }
	109	}
	110	},
	111
	112	"substitution": {
	113	"module": "montage/ui/substitution.reel",
	114	"name": "Substitution",
	115	"properties": {
	116	"element": {"#": "treeItem"},
	117	"switchComponents": {
	118	"leaf": {"@": "leaf"},
	119	"branch": {"@": "branch"}
	120
	121	}
	122	},
	123	"bindings": {
	124	"switchValue": {
	125	"boundObject": {"@": "repetition"},
	126	"boundObjectPropertyPath": "objectAtCurrentIteration.treeNodeType",
	127	"oneway": true
	128	}
	129	}
	130	}
	131	}
	132	</script>
	133	</head>
	134	<body>
	135	<div id="branch" class="branch">
	136	<div id="label" class="branch-label"></div>
	137	<div id="branchCollapser" class="branchCollapser">
	138	<ul id="branchList">
	139	<li id="treeItem"></li>
	140	</ul>
	141	</div>
	142
	143	</div>
	144	</body>
	145	</html> \ No newline at end of file