Changeset 14 for trunk/web-app

Timestamp:

Feb 16, 2011, 2:24:56 PM (11 years ago)

Author:

robert@…

Message:

Implemented improved authorization (#16)
Built in select all checkboxes (#25)

Location:

trunk/web-app

Files:

• css/buttons.css (modified) (3 diffs)
• css/datatables/demo_table_jui.css (modified) (1 diff)
• js/paginate.js (modified) (1 diff)

trunk/web-app/css/buttons.css

@@ -6 +6 @@
         padding-bottom: 2px;
         line-height: 20px;
-        padding-left: 28px;     
+        padding-left: 26px;     
+        
+        background-image: transparent;
+        background-repeat: no-repeat;
+        background-position: 3px 50%;
 }
 
@@ -12 +16 @@
 
 .options a.fasta {
-        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/brick_go.png) 5px 50% no-repeat;
+        background-image: url(../plugins/famfamfam-1.0.1/images/icons/brick_go.png);
 }
 .options a.excel {
@@ -18 +22 @@
 }
 .options a.edit {
-        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/pencil.png) 5px 50% no-repeat;
+        background-image:  url(../plugins/famfamfam-1.0.1/images/icons/pencil.png);
 }
 .options a.add {
-        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/add.png) 5px 50% no-repeat;
+        background-image:  url(../plugins/famfamfam-1.0.1/images/icons/add.png);
 }
 .options a.addSequences {
-        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/page_attach.png) 5px 50% no-repeat;
+        background-image:  url(../plugins/famfamfam-1.0.1/images/icons/page_attach.png);
 }
 
 .options a.addAssociation {
-        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_add.png) 5px 50% no-repeat;
+        background-image:  url(../plugins/famfamfam-1.0.1/images/icons/application_add.png);
 }
 .options a.editAssociation {
-        background: transparent url(../plugins/famfamfam-1.0.1/images/icons/application_edit.png) 5px 50% no-repeat;
+        background-image:  url(../plugins/famfamfam-1.0.1/images/icons/application_edit.png);
 }

trunk/web-app/css/datatables/demo_table_jui.css

@@ -78 +78 @@
 .dataTables_wrapper { font-size: 10px; }
 
+/* Check all checkbox */
+input.transparent { 
+        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+        filter: alpha(opacity=30);
+        opacity: 0.3;
+        -moz-opacity: 0.3;
+        -khtml-opacity: 0.3;
+}
+
 /*
  * Sort arrow icon positioning

trunk/web-app/js/paginate.js

@@ -49 +49 @@
                 }
         });
+}
+
+function checkAllPaginated( input ) {
+        var paginatedTable = $(input).closest( '.paginate' );
+        var dataTable = paginatedTable.closest( '.dataTables_wrapper' );
+        var checkAll = $( '#checkAll', paginatedTable );
         
+        var oTable = paginatedTable.dataTable();
+        var inputs = $('input', oTable.fnGetNodes())
+        
+        // If any of the inputs is checked, uncheck all. Otherwise, check all
+        var check = false;
+        
+        for(var i = 0; i < inputs.length; i++ ) {
+                if( !$(inputs[i]).attr( 'checked' ) ) {
+                        check = true;
+                        break;
+                }
+        }
+        
+        inputs.each( function( idx, el ) {
+                $(el).attr( 'checked', check );
+        })
+        
+        updateCheckAll( checkAll );
+}
+
+function updateCheckAll( input ) {
+        var paginatedTable = $(input).closest( '.paginate' );
+        var dataTable = paginatedTable.closest( '.dataTables_wrapper' );
+        
+        var checkAll = $( '#checkAll', paginatedTable );
+        
+        var oTable = paginatedTable.dataTable();
+        var inputs = $('input', oTable.fnGetNodes())
+        
+        // Is none checked, are all checked or are some checked
+        var numChecked = 0
+        for(var i = 0; i < inputs.length; i++ ) {
+                if( $(inputs[i]).attr( 'checked' ) ) {
+                        numChecked++;
+                }
+        }
+        
+        checkAll.attr( 'checked', numChecked > 0 );
+        
+        if( numChecked > 0 && numChecked < inputs.length - 1 ) {
+                checkAll.addClass( 'transparent' );
+        } else {
+                checkAll.removeClass( 'transparent' );
+        }
 }