From 258c9d888224006badd33f7b288adc6eaa8a8ec2 Mon Sep 17 00:00:00 2001
From: laf <neil@lathwood.co.uk>
Date: Mon, 30 Mar 2015 01:05:57 +0100
Subject: [PATCH] Converted alerts table to use bootgrid

---
 html/includes/print-alerts.php | 199 ++++++++-------------------------
 1 file changed, 48 insertions(+), 151 deletions(-)

diff --git a/html/includes/print-alerts.php b/html/includes/print-alerts.php
index a8c90cd638..1a9a78610a 100644
--- a/html/includes/print-alerts.php
+++ b/html/includes/print-alerts.php
@@ -6,162 +6,59 @@
 <?php
 require_once('includes/modal/new_alert_rule.inc.php');
 ?>
-<form method="post" action="" id="result_form">
-<?php
 
-if(isset($_POST['results_amount']) && $_POST['results_amount'] > 0) {
-    $results = $_POST['results'];
-} else {
-    $results = 50;
-}
-
-echo '<div class="table-responsive">
-<table class="table table-hover table-condensed" width="100%">
-  <tr>
-    <th>#</th>
-    <th>Rule</th>
-    <th>Hostname</th>
-    <th>Timestamp</th>
-    <th>Severity</th>
-    <th>Acknowledge</th>
-  </tr>';
-
-echo ('<td colspan="5">');
-if ($_SESSION['userlevel'] >= '10') {
-    echo('<button type="button" class="btn btn-primary btn-sm" data-toggle="modal" data-target="#create-alert" data-device_id="'. $device['device_id'] .'">Create new alert rule</button>');
-}
-echo ('</td>
-<td><select name="results" id="results" class="form-control input-sm" onChange="updateResults(this);">');
-$result_options = array('10','50','100','250','500','1000','5000');
-foreach($result_options as $option) {
-    echo "<option value='$option'";
-    if($results == $option) {
-        echo " selected";
-    }
-    echo ">$option</option>";
-}
-echo('</select></td>');
-
-$rulei=1;
-$count_query = "SELECT COUNT(alerts.id)";
-$full_query = "SELECT alerts.*, devices.hostname";
-$sql = '';
-$param = array();
-if(isset($device['device_id']) && $device['device_id'] > 0) {
-    $sql = 'AND `alerts`.`device_id`=?';
-    $param = array($device['device_id']);
-}
-$query = " FROM `alerts` LEFT JOIN `devices` ON `alerts`.`device_id`=`devices`.`device_id` RIGHT JOIN alert_rules ON alerts.rule_id=alert_rules.id WHERE `state` IN (1,2,3,4) $sql ORDER BY `alerts`.`timestamp` DESC";
-$count_query = $count_query . $query;
-$count = dbFetchCell($count_query,$param);
-if(!isset($_POST['page_number']) && $_POST['page_number'] < 1) {
-    $page_number = 1;
-} else {
-    $page_number = $_POST['page_number'];
-}
-$start = ($page_number - 1) * $results;
-$full_query = $full_query . $query . " LIMIT $start,$results";
-
-foreach( dbFetchRows($full_query, $param) as $alert ) {
-	$rule = dbFetchRow("SELECT * FROM alert_rules WHERE id = ? LIMIT 1", array($alert['rule_id']));
-	$log = dbFetchCell("SELECT details FROM alert_log WHERE rule_id = ? AND device_id = ? ORDER BY id DESC LIMIT 1", array($alert['rule_id'],$alert['device_id']));
-        $log_detail = json_decode(gzuncompress($log),true);
-	$fault_detail = '';
-	foreach( $log_detail['rule'] as $tmp_alerts ) {
-		foreach ($tmp_alerts as $k=>$v) {
-			if( !empty($v) && $k != 'device_id' && (stristr($k,'id') || stristr($k,'desc')) && substr_count($k,'_') <= 1 ) {
-				$fault_detail .= $k.' => '.$v."\n ";
-			}
-	        }
-		$fault_detail .= "\n";
-	}
-
-	$ico = "ok";
-	$col = "green";
-	$extra = "";
-	if( (int) $alert['state'] === 0 ) {
-		$ico = "ok";
-		$col = "green";
-	} elseif( (int) $alert['state'] === 1 ) {
-		$ico = "volume-up";
-		$col = "red";
-		$extra = "danger";
-	} elseif( (int) $alert['state'] === 2 ) {
-		$ico = "volume-off";
-		$col = "#800080";
-		$extra = "warning";
-	}
-        $alert_checked = '';
-        $orig_ico = $ico;
-        $orig_col = $col;
-        $orig_class = $extra;
-	echo "<tr class='".$extra."' id='row_".$alert['id']."'>";
-	echo "<td><i>#".((int) $rulei++)."</i></td>";
-	echo "<td><i title=\"".htmlentities($rule['rule'])."\">".htmlentities($rule['name'])."</i></td>";
-	echo "<td><a href=\"device/device=".$alert['device_id']."\"><i title='".htmlentities($fault_detail)."'>".$alert['hostname']."</i></a></td>";
-	echo "<td>".($alert['timestamp'] ? $alert['timestamp'] : "N/A")."</td>";
-	echo "<td>".$rule['severity'];
-        if($alert['state'] == 3) {
-            echo " <strong>+</strong>";
-        } elseif($alert['state'] == 4) {
-            echo " <strong>-</strong>";
-        }
-        echo "</td>";
-        echo "<td>";
-        if ($_SESSION['userlevel'] >= '10') {
-            $ack_ico = 'volume-up';
-            $ack_col = 'success';
-            if(in_array($alert['state'],array(2,3,4))) {
-                $ack_ico = 'volume-off'; 
-                $ack_col = 'danger';
-            }
-            echo "<button type='button' class='btn btn-".$ack_col." btn-sm'  data-target='#ack-alert' data-state='".$alert['state']."' data-alert_id='".$alert['id']."' name='ack-alert' id='ack-alert'><span class='glyphicon glyphicon-".$ack_ico."' aria-hidden='true'></span></button>";
-        }
-        echo "</td>";
-	echo "</tr>\r\n";
-}
-if($count % $results > 0) {
-    echo('    <tr>
-         <td colspan="6" align="center">'. generate_pagination($count,$results,$page_number) .'</td>
-     </tr>');
-}
-echo '</table>
-<input type="hidden" name="page_number" id="page_number" value="'.$page_number.'">
-<input type="hidden" name="results_amount" id="results_amount" value="'.$results.'">
-</form>
-</div>';
-?>
+<div class="table-responsive">
+    <table id="alerts" class="table table-hover table-condensed alerts">
+        <thead>
+            <tr>
+                <th data-column-id="id" data-sortable="false">#</th>
+                <th data-column-id="rule">Rule</th>
+                <th data-column-id="hostname">Hostname</th>
+                <th data-column-id="timestamp">Timestamp</th>
+                <th data-column-id="severity">Severity</th>
+                <th data-column-id="ack" data-formatter="ack" data-sortable="false">Acknowledge</th>
+            </tr>
+        </thead>
+    </table>
+</div>
 
 <script>
-$("[name='ack-alert']").click('', function(e) {
-    e.preventDefault();
-    var alert_id = $(this).data("alert_id");
-    var state = $(this).data("state");
-    $.ajax({
-        type: "POST",
-        url: "/ajax_form.php",
-        data: { type: "ack-alert", alert_id: alert_id, state: state },
-        success: function(msg){
-            $("#message").html('<div class="alert alert-info">'+msg+'</div>');
-            if(msg.indexOf("ERROR:") <= -1) {
-                location.reload();
-            }
-        },
-        error: function(){
-             $("#message").html('<div class="alert alert-info">An error occurred acking this alert.</div>');
+
+var grid = $("#alerts").bootgrid({
+    ajax: true,
+    post: function ()
+    {
+        return {
+            id: "alerts",
+            device_id: '<?php echo $device['device_id']; ?>'
+        };
+    },
+    url: "/ajax_table.php",
+    formatters: {
+        "ack": function(column,row) {
+            return "<button type='button' class='btn btn-"+row.ack_col+" btn-sm command-ack-alert' data-target='#ack-alert' data-state='"+row.state+"' data-alert_id='"+row.alert_id+"' name='ack-alert' id='ack-alert' data-extra='"+row.extra+"'><span class='glyphicon glyphicon-"+row.ack_ico+"'aria-hidden='true'></span></button>";
         }
+    }
+}).on("loaded.rs.jquery.bootgrid", function() {
+    grid.find(".command-ack-alert").on("click", function(e) {
+        e.preventDefault();
+        var alert_id = $(this).data("alert_id");
+        var state = $(this).data("state");
+        $.ajax({
+            type: "POST",
+            url: "/ajax_form.php",
+            data: { type: "ack-alert", alert_id: alert_id, state: state },
+            success: function(msg){
+                $("#message").html('<div class="alert alert-info">'+msg+'</div>');
+                if(msg.indexOf("ERROR:") <= -1) {
+                    location.reload();
+                }
+            },
+            error: function(){
+                 $("#message").html('<div class="alert alert-info">An error occurred acking this alert.</div>');
+            }
+        });
     });
 });
 
-function updateResults(results) {
-   $('#results_amount').val(results.value);
-   $('#page_number').val(1);
-   $('#result_form').submit();
-}
-
-function changePage(page,e) {
-    e.preventDefault();
-    $('#page_number').val(page);
-    $('#result_form').submit();
-}
 </script>