From 51fcba18c33c383f7189af4238b5d631999e3149 Mon Sep 17 00:00:00 2001
From: Jack Yen <jack.yen@ca.com>
Date: Fri, 13 Mar 2015 17:24:05 -0500
Subject: [PATCH] Improve doc example

Added toggle one to set the check state of the title header checkbox.
For example, if all rows are checked, automatically mark the header
checkbox checked and vice versa.

Signed-off-by: Jack Yen <jack.yen@ca.com>
---
 demo/advanced/rowSelect.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/demo/advanced/rowSelect.js b/demo/advanced/rowSelect.js
index 80b7ae99e..ee260fee0 100644
--- a/demo/advanced/rowSelect.js
+++ b/demo/advanced/rowSelect.js
@@ -7,6 +7,7 @@ function RowSelect($compile, $scope, $resource, DTOptionsBuilder, DTColumnBuilde
     vm.selected = {};
     vm.selectAll = false;
     vm.toggleAll = toggleAll;
+    vm.toggleOne = toggleOne;
 
     var titleHtml = '<input type="checkbox" ng-model="showCase.selectAll"' +
         'ng-click="showCase.toggleAll(showCase.selectAll, showCase.selected)">';
@@ -30,7 +31,8 @@ function RowSelect($compile, $scope, $resource, DTOptionsBuilder, DTColumnBuilde
         DTColumnBuilder.newColumn(null).withTitle(titleHtml).notSortable()
             .renderWith(function(data, type, full, meta) {
                 vm.selected[full.id] = false;
-                return '<input type="checkbox" ng-model="showCase.selected[' + data.id + ']"/>';
+                return '<input type="checkbox" ng-model="showCase.selected[' + data.id + ']"' +
+                    'ng-click="showCase.toggleOne(showCase.selected)"/>';
             }),
         DTColumnBuilder.newColumn('id').withTitle('ID'),
         DTColumnBuilder.newColumn('firstName').withTitle('First name'),
@@ -50,4 +52,16 @@ function RowSelect($compile, $scope, $resource, DTOptionsBuilder, DTColumnBuilde
             }
         }
     }
+    function toggleOne (selectedItems) {
+        var me = this;
+        for (var id in selectedItems) {
+            if (selectedItems.hasOwnProperty(id)) {
+                if(!selectedItems[id]) {
+                    me.selectAll = false;
+                    return;
+                }
+            }
+        }
+        me.selectAll = true;
+    };
 }