diff --git a/README.md b/README.md
index 3c2a7b5..b4f4346 100644
--- a/README.md
+++ b/README.md
@@ -22,16 +22,19 @@ angular.module('myApp', ['angularTreeview']);
Add a tree to your application. See [Usage](#usage).
-## Usage
+## Usage (modified in fork)
Attributes of angular treeview are below.
-- angular-treeview: the treeview directive.
-- tree-id : each tree's unique id.
-- tree-model : the tree model on $scope.
-- node-id : each node's id.
-- node-label : each node's label.
-- node-children: each node's children.
+- angular-treeview: the treeview directive
+- tree-id : tree's unique id
+- tree-model : the tree model on $scope
+- node-id : each node's id
+- node-label : name of key determining a label
+- node-type : each node's type (look `type-container` and `type-leaf`)
+- node-type-container : name of type for nodes which are containers (has children)
+- node-type-leaf : name of type for nodes which don't have children
+- node-children: each node's children
Here is a simple example.
@@ -39,10 +42,13 @@ Here is a simple example.
```html
```
@@ -52,20 +58,22 @@ Example model:
```javascript
$scope.treedata =
[
- { "label" : "User", "id" : "role1", "children" : [
- { "label" : "subUser1", "id" : "role11", "children" : [] },
- { "label" : "subUser2", "id" : "role12", "children" : [
- { "label" : "subUser2-1", "id" : "role121", "children" : [
- { "label" : "subUser2-1-1", "id" : "role1211", "children" : [] },
- { "label" : "subUser2-1-2", "id" : "role1212", "children" : [] }
+ { "name": "Photos", "id": 1, "type": "folder", "children": [
+ { "name": "my photo.jpg", "id": 11, "type": "file", "children": [] },
+ { "name": "Holidays", "id": 12, "type": "folder", "children" : [
+ { "name": "2015 - March", "id": 121, "type": "folder", "children": [
+ { "name": "photo1.jpg", "id": 1211, "type": "file", "children" : [] },
+ { "name": "photo2.jpg", "id": 1212, "type": "file", "children": [] }
]}
]}
]},
- { "label" : "Admin", "id" : "role2", "children" : [] },
- { "label" : "Guest", "id" : "role3", "children" : [] }
+ { "name": "Videos", "id": 2, "type": "folder", "children": [] },
+ { "name": "Notes", "id": 3, "type": "folder", "children": [] }
];
```
+Note: unfortunately, AFAIR, even file nodes need empty `children` collection. Probably needs a fix (PRs?).
+
## Selection
If tree node is selected, then that selected tree node is saved to $scope."TREE ID".currentNode. By using $watch, the controller can recognize the tree selection.
diff --git a/angular.treeview.js b/angular.treeview.js
index 4b23b95..b708942 100644
--- a/angular.treeview.js
+++ b/angular.treeview.js
@@ -15,9 +15,12 @@
*/
@@ -29,30 +32,32 @@
return {
restrict: 'A',
link: function ( scope, element, attrs ) {
- //tree id
var treeId = attrs.treeId;
-
- //tree model
var treeModel = attrs.treeModel;
-
- //node id
var nodeId = attrs.nodeId || 'id';
-
- //node label
var nodeLabel = attrs.nodeLabel || 'label';
-
- //children
var nodeChildren = attrs.nodeChildren || 'children';
+ var nodeType = attrs.nodeType || 'type';
+ var nodeTypeContainer = attrs.nodeTypeContainer || 'folder';
+ var nodeTypeLeaf = attrs.nodeTypeLeaf || 'file';
//tree template
var template =
'' +
'- ' +
- '' +
- '' +
- ' ' +
+ '' +
+ '' +
+ '' +
+ '' +
+ '' +
+ ' ' +
+ '' +
'{{node.' + nodeLabel + '}}' +
- '' +
+
+ // template recurrency
+ '' +
'
' +
'
';
diff --git a/angular.treeview.min.js b/angular.treeview.min.js
index e02a85b..3f6a5ae 100644
--- a/angular.treeview.min.js
+++ b/angular.treeview.min.js
@@ -4,6 +4,4 @@
License: MIT
*/
-(function(f){f.module("angularTreeview",[]).directive("treeModel",function($compile){return{restrict:"A",link:function(b,h,c){var a=c.treeId,g=c.treeModel,e=c.nodeLabel||"label",d=c.nodeChildren||"children",e='- {{node.'+e+'}}
- {{node.'+c+'}}