Added option to filter processes

Author: vernes

css/pages/dashboard.css

@@ -352,4 +352,5 @@ margin-bottom: 26px;}
 .dataTables_paginate{ width:100%; text-align:center; margin-top:10px; margin-left:-30px;}
 .dataTables_paginate a{ margin-left:8px;}
 .dataTables_paginate a:hover{ pointer:pointer;}
-.navbar-fixed-top{  margin-left:0px;}
+.navbar-fixed-top{  margin-left:0px;}
+.widget-search{display: inline-block; vertical-align: middle; margin: 0 6px; width: 200px;}

index.html

@@ -272,6 +272,9 @@ <h3>Internet Speed</h3>
               <h3> Processes </h3>
               <div id="refresh-ps" onClick="javascript:get_ps();" class="btn btn-mini">
                 <i class="icon-refresh"></i> &nbsp;&nbsp;Refresh
+              </div>
+			  <div class="pull-right">
+                <input type="text" id="filter-ps" class="widget-search" placeholder="search..." />
               </div>
             </div>
             <!-- /widget-header -->

js/magic_happens_here.js

@@ -54,8 +54,9 @@
         $.get( "sh/ps.php", function( data ) {
 
         	destroy_dataTable('ps_dashboard');
+			$('#filter-ps').val('').off('keyup');
 
-            $('#ps_dashboard').dataTable({
+            var psTable = $('#ps_dashboard').dataTable({
                 "aaData": data,
                 "aoColumns": [
                     { "sTitle":"USER","mDataProp":null },
@@ -72,10 +73,15 @@
                 ],
                 "bPaginate": true,
                 "sPaginationType": "full_numbers",
-                "bFilter": false,
+                "bFilter": true,
+                "sDom": "lrtip",
                 "bAutoWidth": false,
                 "bInfo": false
             }).fadeIn();
+			
+			$('#filter-ps').on('keyup',function(){
+                psTable.fnFilter(this.value);
+            });
         }, "json" );
 
     }