From 984d65c818969ea3bef57ade9cbf5fc50d9a2316 Mon Sep 17 00:00:00 2001
From: Eric Guzman
Date: Mon, 6 Feb 2012 11:43:01 -0800
Subject: Tree Components - Adding the tree components
---
js/components/treeview/branch.reel/branch.css | 16 +++
js/components/treeview/branch.reel/branch.html | 142 +++++++++++++++++++++++++
js/components/treeview/branch.reel/branch.js | 48 +++++++++
3 files changed, 206 insertions(+)
create mode 100644 js/components/treeview/branch.reel/branch.css
create mode 100644 js/components/treeview/branch.reel/branch.html
create mode 100644 js/components/treeview/branch.reel/branch.js
(limited to 'js/components/treeview/branch.reel')
diff --git a/js/components/treeview/branch.reel/branch.css b/js/components/treeview/branch.reel/branch.css
new file mode 100644
index 00000000..5998e0f0
--- /dev/null
+++ b/js/components/treeview/branch.reel/branch.css
@@ -0,0 +1,16 @@
+.treeRoot > .branch > ul {
+ margin-top: 0;
+}
+.branch > .branch-label {
+ font-weight: bold;
+ cursor: pointer;
+}
+.branch ul {
+ list-style: none;
+}
+.branch ul {
+ padding-left: 30px;
+}
+.branch .collapse {
+ display: none;
+}
\ No newline at end of file
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 @@
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/js/components/treeview/branch.reel/branch.js b/js/components/treeview/branch.reel/branch.js
new file mode 100644
index 00000000..892da71a
--- /dev/null
+++ b/js/components/treeview/branch.reel/branch.js
@@ -0,0 +1,48 @@
+/*
+ This file contains proprietary software owned by Motorola Mobility, Inc.
+ No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
+ (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
+ */
+
+var Montage = require("montage").Montage,
+ Component = require("montage/ui/component").Component,
+ TreeNode = require("js/components/treeview/tree-node").TreeNode;
+
+var Branch = exports.Branch = Montage.create(TreeNode, {
+ hasTemplate:{
+ value:true
+ },
+ repetition:{
+ value: null
+ },
+ prepareForDraw : {
+ value: function() {
+ this.label._element.addEventListener('click', this, false);
+
+ this.treeView.contentController.addBranchController(this.arrayController);
+ }
+ },
+ draw:{
+ value: function () {
+
+ if (this.sourceObject[this.labelKey]) {
+ this._labelText = this.sourceObject[this.labelKey];
+ } else {
+ console.log("Label key unknown");
+ }
+
+ }
+ },
+ handleClick : {
+ value: function(e) {
+ e.preventDefault();
+ this.toggleExpand();
+
+ }
+ },
+ collapseClass : {
+ value: 'collapse'
+ }
+
+
+});
--
cgit v1.2.3