added support for $selectedNode, $first, $middle, $last, $odd and $even in tree label scope

Author: yoavaa

angular-tree-control.js

@@ -166,6 +166,7 @@
                                 if (angular.isDefined(scope.node) && angular.equals(scope.node[scope.options.nodeChildren], newValue))
                                     return;
                                 scope.node = {};
+                                scope.synteticRoot = scope.node;
                                 scope.node[scope.options.nodeChildren] = newValue;
                             }
                             else {
@@ -250,6 +251,13 @@
                     // create a scope for the transclusion, whos parent is the parent of the tree control
                     scope.transcludeScope = scope.parentScopeOfTree.$new();
                     scope.transcludeScope.node = scope.node;
+                    scope.transcludeScope.$parentNode = (scope.$parent.node === scope.synteticRoot)?null:scope.$parent.node;
+                    scope.transcludeScope.$index = scope.$index;
+                    scope.transcludeScope.$first = scope.$first;
+                    scope.transcludeScope.$middle = scope.$middle;
+                    scope.transcludeScope.$last = scope.$last;
+                    scope.transcludeScope.$odd = scope.$odd;
+                    scope.transcludeScope.$even = scope.$even;
                     scope.$on('$destroy', function() {
                         scope.transcludeScope.$destroy();
                     });

test/angular-tree-control-test.js

@@ -102,7 +102,6 @@ describe('treeControl', function() {
         beforeEach(function () {
             $rootScope.label = "exLabel";
             $rootScope.treedata = createSubTree(2, 2);
-            $rootScope.treedata.push({});
             element = $compile('<treecontrol tree-model="treedata">{{label}} - {{node.label}}</treecontrol>')($rootScope);
             $rootScope.$digest();
         });
@@ -113,6 +112,88 @@ describe('treeControl', function() {
         });
     });
 
+    describe('support special members in label scope', function () {
+        beforeEach(function () {
+            $rootScope.label = "exLabel";
+            $rootScope.treedata = createSubTree(2, 4);
+        });
+
+        it('should render $parentNode for a tree with multiple roots', function () {
+            element = $compile('<treecontrol tree-model="treedata">{{node.label}} parent:{{$parentNode?$parentNode.label:"N/A"}}</treecontrol>')($rootScope);
+            $rootScope.$digest();
+            expect(element.find('li:eq(0) span').text()).toBe('node 1 parent:N/A');
+            expect(element.find('li:eq(1) span').text()).toBe('node 6 parent:N/A');
+            expect(element.find('li:eq(2) span').text()).toBe('node 11 parent:N/A');
+            expect(element.find('li:eq(3) span').text()).toBe('node 16 parent:N/A');
+            element.find('li:eq(0) .tree-branch-head').click();
+            expect(element.find('li:eq(0) li:eq(0) span').text()).toBe('node 2 parent:node 1');
+        });
+
+        it('should render $parentNode for a tree with a single root', function () {
+            num = 1;
+            $rootScope.treedata = createSubTree(2, 1);
+            element = $compile('<treecontrol tree-model="treedata">{{node.label}} parent:{{$parentNode?$parentNode.label:"N/A"}}</treecontrol>')($rootScope);
+            $rootScope.$digest();
+            expect(element.find('li:eq(0) span').text()).toBe('node 1 parent:N/A');
+            element.find('li:eq(0) .tree-branch-head').click();
+            expect(element.find('li:eq(0) li:eq(0) span').text()).toBe('node 2 parent:node 1');
+        });
+
+        it('should render $index', function () {
+            element = $compile('<treecontrol tree-model="treedata">{{node.label}} index:{{$index}}</treecontrol>')($rootScope);
+            $rootScope.$digest();
+            expect(element.find('li:eq(0) span').text()).toBe('node 1 index:0');
+            expect(element.find('li:eq(1) span').text()).toBe('node 6 index:1');
+            expect(element.find('li:eq(2) span').text()).toBe('node 11 index:2');
+            expect(element.find('li:eq(3) span').text()).toBe('node 16 index:3');
+        });
+
+        it('should render $first', function () {
+            element = $compile('<treecontrol tree-model="treedata">{{node.label}} first:{{$first}}</treecontrol>')($rootScope);
+            $rootScope.$digest();
+            expect(element.find('li:eq(0) span').text()).toBe('node 1 first:true');
+            expect(element.find('li:eq(1) span').text()).toBe('node 6 first:false');
+            expect(element.find('li:eq(2) span').text()).toBe('node 11 first:false');
+            expect(element.find('li:eq(3) span').text()).toBe('node 16 first:false');
+        });
+
+        it('should render $middle', function () {
+            element = $compile('<treecontrol tree-model="treedata">{{node.label}} middle:{{$middle}}</treecontrol>')($rootScope);
+            $rootScope.$digest();
+            expect(element.find('li:eq(0) span').text()).toBe('node 1 middle:false');
+            expect(element.find('li:eq(1) span').text()).toBe('node 6 middle:true');
+            expect(element.find('li:eq(2) span').text()).toBe('node 11 middle:true');
+            expect(element.find('li:eq(3) span').text()).toBe('node 16 middle:false');
+        });
+
+        it('should render $last', function () {
+            element = $compile('<treecontrol tree-model="treedata">{{node.label}} last:{{$last}}</treecontrol>')($rootScope);
+            $rootScope.$digest();
+            expect(element.find('li:eq(0) span').text()).toBe('node 1 last:false');
+            expect(element.find('li:eq(1) span').text()).toBe('node 6 last:false');
+            expect(element.find('li:eq(2) span').text()).toBe('node 11 last:false');
+            expect(element.find('li:eq(3) span').text()).toBe('node 16 last:true');
+        });
+
+        it('should render $even', function () {
+            element = $compile('<treecontrol tree-model="treedata">{{node.label}} even:{{$even}}</treecontrol>')($rootScope);
+            $rootScope.$digest();
+            expect(element.find('li:eq(0) span').text()).toBe('node 1 even:true');
+            expect(element.find('li:eq(1) span').text()).toBe('node 6 even:false');
+            expect(element.find('li:eq(2) span').text()).toBe('node 11 even:true');
+            expect(element.find('li:eq(3) span').text()).toBe('node 16 even:false');
+        });
+
+        it('should render $odd', function () {
+            element = $compile('<treecontrol tree-model="treedata">{{node.label}} odd:{{$odd}}</treecontrol>')($rootScope);
+            $rootScope.$digest();
+            expect(element.find('li:eq(0) span').text()).toBe('node 1 odd:false');
+            expect(element.find('li:eq(1) span').text()).toBe('node 6 odd:true');
+            expect(element.find('li:eq(2) span').text()).toBe('node 11 odd:false');
+            expect(element.find('li:eq(3) span').text()).toBe('node 16 odd:true');
+        });
+    });
+
     describe('selection', function() {
         it('should publish the currently selected node on scope', function () {
             $rootScope.treedata = createSubTree(2, 2);