Add selectall checkbox handling

public/sihnon-framework.js

@@ -19,6 +19,12 @@
 */
 var sf = {
 
+    /**
+    * Library version
+    *
+    */
+    version: '0.1.0',
+
     /**
     * Initialises the library
     * 
@@ -170,6 +176,7 @@ var sf = {
         */
         init: function() {
             sf.ui.dialog.init();
+            sf.ui.selectall.init();
         },
         
         /**
@@ -335,6 +342,38 @@ var sf = {
             },
             
         },
+
+        /**
+        * Submodule for handling select-all checkbox groups
+        */
+    selectall: {
+        init: function() {
+        // Enable select all/none for checkboxes
+        $('input[type=checkbox].select-all').click(sf.ui.selectall.updateChildren);
+        
+        // Enable update of the select-all checkbox as the children are manually changed
+        $('input[type=checkbox].select-all').each(function() {
+            $('input[type=checkbox][data-select-all="' + $(this).attr('id') + '"]').click(sf.ui.selectall.updateParent);
+        });
+        },
+        
+        updateChildren: function(parent_id, children) {
+        $('input[type=checkbox][data-select-all="'+$(this).attr('id')+'"]')
+            .attr('checked', $(this).attr('checked') == 'checked')
+            .trigger('change');
+        },
+
+        updateParent: function() {
+        var parent = $('#' + $(this).attr('data-select-all'));
+        var children = $('input[type=checkbox][data-select-all="' + parent.attr('id') + '"]');
+
+        if (children.filter(':checked').length != children.length) {
+            parent.attr('checked', false);
+        } else if (children.not(':checked').length == 0) {
+            parent.attr('checked', true);
+        }
+        },
+    },
     },
     
     /**