aboutsummaryrefslogtreecommitdiff
path: root/js/components/treeview/ninja-branch.reel/ninja-branch.html
diff options
context:
space:
mode:
authorEric Guzman2012-02-06 11:43:01 -0800
committerEric Guzman2012-02-06 17:12:47 -0800
commit673cf363ccc0a0e82237c8a1867d250b6769d9f6 (patch)
tree2d93692ee28aa07d102730495bca08c4222f9e33 /js/components/treeview/ninja-branch.reel/ninja-branch.html
parent57562aace901f12215895133dc1e7a6fd4daf2a2 (diff)
downloadninja-673cf363ccc0a0e82237c8a1867d250b6769d9f6.tar.gz
Tree Components - Adding the tree components
Diffstat (limited to 'js/components/treeview/ninja-branch.reel/ninja-branch.html')
-rw-r--r--js/components/treeview/ninja-branch.reel/ninja-branch.html145
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 @@
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