aboutsummaryrefslogtreecommitdiff
path: root/js/components/treeview/branch.reel/branch.html
diff options
context:
space:
mode:
authorValerio Virgillito2012-02-06 14:09:29 -0800
committerValerio Virgillito2012-02-06 14:09:29 -0800
commit07e5839e0ec6da2eb71056ff18b90226af213eef (patch)
treebfc93091f03f2c2383ccfe3ec73dd85bf0a0ccf3 /js/components/treeview/branch.reel/branch.html
parent671a27069db6a121507c2b342653aede685cff67 (diff)
parentc83b0d9bf3f37ae8569e8afc51dbcba9ed003929 (diff)
downloadninja-07e5839e0ec6da2eb71056ff18b90226af213eef.tar.gz
Merge pull request #16 from ericguzman/TreeComponents
Tree components
Diffstat (limited to 'js/components/treeview/branch.reel/branch.html')
-rw-r--r--js/components/treeview/branch.reel/branch.html142
1 files changed, 142 insertions, 0 deletions
diff --git a/js/components/treeview/branch.reel/branch.html b/js/components/treeview/branch.reel/branch.html
new file mode 100644
index 00000000..31a4cf18
--- /dev/null
+++ b/js/components/treeview/branch.reel/branch.html
@@ -0,0 +1,142 @@
1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta http-equiv="content-type" content="text/html; charset=utf-8" />
5 <link href="branch.css" rel="stylesheet" type="text/css" />
6 <script type="text/montage-serialization">
7 {
8 "owner": {
9 "module" : "js/components/treeview/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 }
20 },
21
22 "textComponent" : {
23 "module" : "montage/ui/dynamic-text.reel",
24 "name" : "DynamicText",
25 "properties" : {
26 "element" : { "#" : "label" }
27 },
28 "bindings" : {
29 "value" : {
30 "boundObject" : {"@": "owner"},
31 "boundObjectPropertyPath": "_labelText",
32 "oneway": true
33 }
34 }
35 },
36
37 "arrayController": {
38 "module": "montage/ui/controller/array-controller",
39 "name": "ArrayController",
40 "bindings": {
41 "content": {
42 "boundObject": {"@": "owner"},
43 "boundObjectPropertyPath": "childNodes"
44 }
45 }
46 },
47
48 "leaf": {
49 "module": "js/components/treeview/leaf.reel",
50 "name": "Leaf",
51 "bindings": {
52 "sourceObject": {
53 "boundObject": {"@": "repetition" },
54 "boundObjectPropertyPath": "objectAtCurrentIteration",
55 "oneway": true
56 },
57 "labelKey" : {
58 "boundObject": {"@": "owner" },
59 "boundObjectPropertyPath": "labelKey",
60 "oneway": true
61 },
62 "branchKey" : {
63 "boundObject": {"@": "owner" },
64 "boundObjectPropertyPath": "branchKey",
65 "oneway": true
66 },
67 "treeView" : {
68 "boundObject": {"@": "owner" },
69 "boundObjectPropertyPath": "treeView",
70 "oneway": true
71 }
72 }
73 },
74
75 "branch": {
76 "module": "js/components/treeview/branch.reel",
77 "name": "Branch",
78 "bindings": {
79 "sourceObject": {
80 "boundObject": {"@": "repetition" },
81 "boundObjectPropertyPath": "objectAtCurrentIteration",
82 "oneway": true
83 },
84 "labelKey" : {
85 "boundObject": {"@": "owner" },
86 "boundObjectPropertyPath": "labelKey",
87 "oneway": true
88 },
89 "branchKey" : {
90 "boundObject": {"@": "owner" },
91 "boundObjectPropertyPath": "branchKey",
92 "oneway": true
93 },
94 "treeView" : {
95 "boundObject": {"@": "owner" },
96 "boundObjectPropertyPath": "treeView",
97 "oneway": true
98 }
99 }
100 },
101
102 "repetition": {
103 "module": "montage/ui/repetition.reel",
104 "name": "Repetition",
105 "properties": {
106 "element": { "#": "branchList" },
107 "contentController": {"@": "arrayController" }
108 }
109 },
110
111 "substitution": {
112 "module": "montage/ui/substitution.reel",
113 "name": "Substitution",
114 "properties": {
115 "element": {"#": "treeItem"},
116 "switchComponents": {
117 "leaf": {"@": "leaf"},
118 "branch": {"@": "branch"}
119
120 }
121 },
122 "bindings": {
123 "switchValue": {
124 "boundObject": {"@": "repetition"},
125 "boundObjectPropertyPath": "objectAtCurrentIteration.treeNodeType",
126 "oneway": true
127 }
128 }
129 }
130 }
131 </script>
132</head>
133<body>
134 <div id="branch" class="branch">
135 <span id="label" class="branch-label"></span>
136
137 <ul id="branchList">
138 <li id="treeItem"></li>
139 </ul>
140 </div>
141</body>
142</html> \ No newline at end of file