Add first version of Audit log

api_FTL.php

@@ -71,7 +71,11 @@ if (isset($_GET['overTimeData10mins']))
 
 if (isset($_GET['topItems']) && $auth)
 {
-	if(is_numeric($_GET['topItems']))
+	if($_GET['topItems'] === "audit")
+	{
+		sendRequestFTL("top-domains for audit");
+	}
+	else if(is_numeric($_GET['topItems']))
 	{
 		sendRequestFTL("top-domains (".$_GET['topItems'].")");
 	}

auditlog.php

@@ -0,0 +1,78 @@
+<?php /*
+*    Pi-hole: A black hole for Internet advertisements
+*    (c) 2017 Pi-hole, LLC (https://pi-hole.net)
+*    Network-wide ad blocking via your own hardware.
+*
+*    This file is copyright under the latest version of the EUPL.
+*    Please see LICENSE file for your rights under this license. */
+    require "scripts/pi-hole/php/header.php";
+?>
+<!-- Send PHP info to JS -->
+<div id="token" hidden><?php echo $token ?></div>
+<!-- Title -->
+<div class="page-header">
+    <h1>Audit log</h1>
+</div>
+
+<div class="row">
+    <div class="col-md-6">
+      <div class="box" id="domain-frequency">
+        <div class="box-header with-border">
+          <h3 class="box-title">Allowed queries</h3>
+        </div>
+        <!-- /.box-header -->
+        <div class="box-body">
+            <div class="table-responsive">
+                <table class="table table-bordered">
+                  <tbody>
+                    <tr>
+                    <th>Domain</th>
+                    <th>Hits</th>
+                    <th>Action</th>
+                    </tr>
+                  </tbody>
+                </table>
+            </div>
+        </div>
+        <div class="overlay">
+          <i class="fa fa-refresh fa-spin"></i>
+        </div>
+        <!-- /.box-body -->
+      </div>
+      <!-- /.box -->
+    </div>
+    <!-- /.col -->
+    <div class="col-md-6">
+      <div class="box" id="ad-frequency">
+        <div class="box-header with-border">
+          <h3 class="box-title">Blocked queries</h3>
+        </div>
+        <!-- /.box-header -->
+        <div class="box-body">
+            <div class="table-responsive">
+                <table class="table table-bordered">
+                  <tbody>
+                    <tr>
+                    <th>Domain</th>
+                    <th>Hits</th>
+                    <th>Action</th>
+                    </tr>
+                  </tbody>
+                </table>
+            </div>
+        </div>
+        <div class="overlay">
+          <i class="fa fa-refresh fa-spin"></i>
+        </div>
+        <!-- /.box-body -->
+      </div>
+      <!-- /.box -->
+    </div>
+    <!-- /.col -->
+</div>
+<!-- /.row -->
+<?php
+    require "scripts/pi-hole/php/footer.php";
+?>
+
+<script src="scripts/pi-hole/js/auditlog.js"></script>

scripts/pi-hole/js/auditlog.js

@@ -0,0 +1,94 @@
+/* Pi-hole: A black hole for Internet advertisements
+*  (c) 2017 Pi-hole, LLC (https://pi-hole.net)
+*  Network-wide ad blocking via your own hardware.
+*
+*  This file is copyright under the latest version of the EUPL.
+*  Please see LICENSE file for your rights under this license. */
+// Define global variables
+var timeLineChart, queryTypeChart, forwardDestinationChart;
+
+function padNumber(num) {
+    return ("00" + num).substr(-2,2);
+}
+
+// Helper function needed for converting the Objects to Arrays
+
+function objectToArray(p){
+    var keys = Object.keys(p);
+    keys.sort(function(a, b) {
+        return a - b;
+    });
+
+    var arr = [], idx = [];
+    for (var i = 0; i < keys.length; i++) {
+        arr.push(p[keys[i]]);
+        idx.push(keys[i]);
+    }
+    return [idx,arr];
+}
+
+// Functions to update data in page
+
+var failures = 0;
+
+// Credit: http://stackoverflow.com/questions/1787322/htmlspecialchars-equivalent-in-javascript/4835406#4835406
+function escapeHtml(text) {
+  var map = {
+    "&": "&amp;",
+    "<": "&lt;",
+    ">": "&gt;",
+    "\"": "&quot;",
+    "\'": "&#039;"
+  };
+
+  return text.replace(/[&<>"']/g, function(m) { return map[m]; });
+}
+
+function updateTopLists() {
+    $.getJSON("api.php?topItems=audit", function(data) {
+
+        if("FTLnotrunning" in data)
+        {
+            return;
+        }
+
+        // Clear tables before filling them with data
+        $("#domain-frequency td").parent().remove();
+        $("#ad-frequency td").parent().remove();
+        var domaintable = $("#domain-frequency").find("tbody:last");
+        var adtable = $("#ad-frequency").find("tbody:last");
+        var url, domain, percentage;
+        for (domain in data.top_queries) {
+            if ({}.hasOwnProperty.call(data.top_queries,domain)){
+                // Sanitize domain
+                domain = escapeHtml(domain);
+                url = "<a href=\"queries.php?domain="+domain+"\">"+domain+"</a>";
+                percentage = data.top_queries[domain] / data.dns_queries_today * 100;
+                domaintable.append("<tr> <td>" + url +
+                    "</td> <td>" + data.top_queries[domain] + "</td> <td> Buttons ... </td> </tr> ");
+            }
+        }
+
+        for (domain in data.top_ads) {
+            if ({}.hasOwnProperty.call(data.top_ads,domain)){
+                // Sanitize domain
+                domain = escapeHtml(domain);
+                url = "<a href=\"queries.php?domain="+domain+"\">"+domain+"</a>";
+                percentage = data.top_ads[domain] / data.ads_blocked_today * 100;
+                adtable.append("<tr> <td>" + url +
+                    "</td> <td>" + data.top_ads[domain] + "</td> <td> Buttons ... </td> </tr> ");
+            }
+        }
+
+        $("#domain-frequency .overlay").hide();
+        $("#ad-frequency .overlay").hide();
+        // Update top lists data every 10 seconds
+        setTimeout(updateTopLists, 10000);
+    });
+}
+
+$(document).ready(function() {
+
+        // Pull in data via AJAX
+        updateTopLists();
+    });

scripts/pi-hole/php/header.php

@@ -459,7 +459,7 @@ if($auth) {
                     <a href="#"><i class="fa fa-play"></i> <span id="enableLabel">Enable</span>&nbsp;&nbsp;&nbsp;<span id="flip-status-enable"></span></a>
                 </li>
                 <!-- Tools -->
-                <li class="treeview <?php if($scriptname === "gravity.php" || $scriptname === "queryads.php" || $scriptname === "debug.php"){ ?>active<?php } ?>">
+                <li class="treeview <?php if($scriptname === "gravity.php" || $scriptname === "queryads.php" || $scriptname === "debug.php" || $scriptname === "auditlog.php"){ ?>active<?php } ?>">
                   <a href="#">
                     <i class="fa fa-folder"></i> <span>Tools</span>
                     <span class="pull-right-container">
@@ -479,6 +479,12 @@ if($auth) {
                             <i class="fa fa-search"></i> <span>Query adlists</span>
                         </a>
                     </li>
+                    <!-- Audit log -->
+                    <li<?php if($scriptname === "auditlog.php"){ ?> class="active"<?php } ?>>
+                        <a href="auditlog.php">
+                            <i class="fa fa-balance-scale"></i> <span>Audit log</span>
+                        </a>
+                    </li>
                     <!-- Tail pihole.log -->
                     <li<?php if($scriptname === "taillog.php"){ ?> class="active"<?php } ?>>
                         <a href="taillog.php">