diff options
| author | Valerio Virgillito | 2012-02-06 14:09:29 -0800 |
|---|---|---|
| committer | Valerio Virgillito | 2012-02-06 14:09:29 -0800 |
| commit | 07e5839e0ec6da2eb71056ff18b90226af213eef (patch) | |
| tree | bfc93091f03f2c2383ccfe3ec73dd85bf0a0ccf3 /js/components/treeview/leaf.reel | |
| parent | 671a27069db6a121507c2b342653aede685cff67 (diff) | |
| parent | c83b0d9bf3f37ae8569e8afc51dbcba9ed003929 (diff) | |
| download | ninja-07e5839e0ec6da2eb71056ff18b90226af213eef.tar.gz | |
Merge pull request #16 from ericguzman/TreeComponents
Tree components
Diffstat (limited to 'js/components/treeview/leaf.reel')
| -rw-r--r-- | js/components/treeview/leaf.reel/leaf.css | 4 | ||||
| -rw-r--r-- | js/components/treeview/leaf.reel/leaf.html | 38 | ||||
| -rw-r--r-- | js/components/treeview/leaf.reel/leaf.js | 44 |
3 files changed, 86 insertions, 0 deletions
diff --git a/js/components/treeview/leaf.reel/leaf.css b/js/components/treeview/leaf.reel/leaf.css new file mode 100644 index 00000000..fea5a2c4 --- /dev/null +++ b/js/components/treeview/leaf.reel/leaf.css | |||
| @@ -0,0 +1,4 @@ | |||
| 1 | .leaf > .leaf-label { | ||
| 2 | opacity: 0.8; | ||
| 3 | cursor: pointer; | ||
| 4 | } \ No newline at end of file | ||
diff --git a/js/components/treeview/leaf.reel/leaf.html b/js/components/treeview/leaf.reel/leaf.html new file mode 100644 index 00000000..991a4323 --- /dev/null +++ b/js/components/treeview/leaf.reel/leaf.html | |||
| @@ -0,0 +1,38 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <html lang="en"> | ||
| 3 | <head> | ||
| 4 | <meta http-equiv="content-type" content="text/html; charset=utf-8" /> | ||
| 5 | <link href="leaf.css" rel="stylesheet" type="text/css" /> | ||
| 6 | <script type="text/montage-serialization"> | ||
| 7 | { | ||
| 8 | "owner": { | ||
| 9 | "module" : "js/components/treeview/leaf.reel", | ||
| 10 | "name" : "Leaf", | ||
| 11 | "properties" : { | ||
| 12 | "element" : {"#" : "leaf"}, | ||
| 13 | "label" : { "@" : "textComponent" } | ||
| 14 | } | ||
| 15 | }, | ||
| 16 | "textComponent" : { | ||
| 17 | "module" : "montage/ui/dynamic-text.reel", | ||
| 18 | "name" : "DynamicText", | ||
| 19 | "properties" : { | ||
| 20 | "element" : { "#" : "label" } | ||
| 21 | }, | ||
| 22 | "bindings" : { | ||
| 23 | "value" : { | ||
| 24 | "boundObject" : {"@": "owner"}, | ||
| 25 | "boundObjectPropertyPath": "_labelText", | ||
| 26 | "oneway": true | ||
| 27 | } | ||
| 28 | } | ||
| 29 | } | ||
| 30 | } | ||
| 31 | </script> | ||
| 32 | </head> | ||
| 33 | <body> | ||
| 34 | <div id="leaf" class="leaf"> | ||
| 35 | <span id="label" class="leaf-label"></span> | ||
| 36 | </div> | ||
| 37 | </body> | ||
| 38 | </html> \ No newline at end of file | ||
diff --git a/js/components/treeview/leaf.reel/leaf.js b/js/components/treeview/leaf.reel/leaf.js new file mode 100644 index 00000000..3a63f5ed --- /dev/null +++ b/js/components/treeview/leaf.reel/leaf.js | |||
| @@ -0,0 +1,44 @@ | |||
| 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 | Component = require("montage/ui/component").Component; | ||
| 9 | TreeNode = require("js/components/treeview/tree-node").TreeNode; | ||
| 10 | |||
| 11 | exports.Leaf = Montage.create(TreeNode, { | ||
| 12 | hasTemplate: { | ||
| 13 | value: true | ||
| 14 | }, | ||
| 15 | deserializedFromTemplate : { | ||
| 16 | value: function() { | ||
| 17 | //console.log('Leaf deserialized.'); | ||
| 18 | } | ||
| 19 | }, | ||
| 20 | templateDidLoad : { | ||
| 21 | value: function() { | ||
| 22 | //debugger; | ||
| 23 | console.log('Leaf\'s template did load.'); | ||
| 24 | this.needsDraw = true; | ||
| 25 | } | ||
| 26 | }, | ||
| 27 | prepareForDraw: { | ||
| 28 | value : function() { | ||
| 29 | console.log('Leafs prepare for draw.', this.labelKey); | ||
| 30 | } | ||
| 31 | }, | ||
| 32 | draw : { | ||
| 33 | value : function() { | ||
| 34 | if(this.sourceObject[this.labelKey]) { | ||
| 35 | this._labelText = this.sourceObject[this.labelKey]; | ||
| 36 | } else { | ||
| 37 | console.log("Label key unknown"); | ||
| 38 | } | ||
| 39 | |||
| 40 | } | ||
| 41 | } | ||
| 42 | |||
| 43 | |||
| 44 | }); | ||