Merge pull request #41 from rahatarmanahmed/master

Added adding classes per node. Auto add leaf class to leaves.

Author: nickperkinslondon

README.md

@@ -64,7 +64,20 @@ There is a short-form for listing nodes children (as used for "children" above),
 If you use the short-form for listing elements, then your "on-select" function will have to act based only upon the "branch.label".  If you use the 
 long-form, where is branch is an object, then you can also attach "data" to a branch.
 
+If you would like to add classes to a certain node, give it an array of classes like so:
 
+    $scope.my_data = [{
+      label: 'Languages',
+      children: ['Jade','Less','Coffeescript']
+      classes: ["special", "red"]
+    }]
+
+Each element without children, or leaf, is automatically given a leaf class. If you would like to force certain nodes not to be leaves (won't get leaf class and will show expand/collapse icons), set noLeaf to true in a long-form listing like so:
+
+    {
+      label: 'Coffeescript',
+      noLeaf: true
+    }
 
 You can supply a single default "on-select" function for the whole tree -- it will be called whenever a branch is selected:
 

dist/abn_tree_directive.js

@@ -190,13 +190,17 @@ module.directive 'abnTree',['$timeout',($timeout)->
         if not branch.expanded?
           branch.expanded = false
 
+        if not branch.classes?
+          branch.classes = []
+
         #
         # icons can be Bootstrap or Font-Awesome icons:
         # they will be rendered like:
         # <i class="icon-plus"></i>
         #
-        if not branch.children or branch.children.length == 0 
+        if not branch.noLeaf and (not branch.children or branch.children.length == 0)
           tree_icon = attrs.iconLeaf
+          branch.classes.push "leaf" if "leaf" not in branch.classes
         else
           if branch.expanded
             tree_icon = attrs.iconCollapse
@@ -211,6 +215,7 @@ module.directive 'abnTree',['$timeout',($timeout)->
           level     : level
           branch    : branch
           label     : branch.label
+          classes   : branch.classes
           tree_icon : tree_icon
           visible   : visible
 

src/abn_tree_directive.coffee

@@ -4,7 +4,7 @@ ul.nav.nav-list.nav-pills.nav-stacked.abn-tree
   li.abn-tree-row(
     ng-repeat='row in tree_rows | filter:{visible:true} track by row.branch.uid'
     ng-animate="'abn-tree-animate'"
-    ng-class="'level-' + {{ row.level }} + (row.branch.selected ? ' active':'')"
+    ng-class="'level-' + {{ row.level }} + (row.branch.selected ? ' active':'') + ' ' +row.classes.join(' ')"
     )
 
     a(ng-click="user_clicks_branch(row.branch)")