From ff16f4889b7888eeab7d9263b2a5fda34d8b19a5 Mon Sep 17 00:00:00 2001
From: XhmikosR <xhmikosr@gmail.com>
Date: Sat, 30 May 2020 18:20:18 +0300
Subject: [PATCH] network.js: minor consistency changes

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
---
 scripts/pi-hole/js/network.js | 33 +++++++++++++++++----------------
 1 file changed, 17 insertions(+), 16 deletions(-)

diff --git a/scripts/pi-hole/js/network.js b/scripts/pi-hole/js/network.js
index 88b94db3..504cef21 100644
--- a/scripts/pi-hole/js/network.js
+++ b/scripts/pi-hole/js/network.js
@@ -9,11 +9,13 @@
 
 var tableApi;
 
-var APIstring = "api_db.php?network";
+var API_STRING = "api_db.php?network";
 
 // How many IPs do we show at most per device?
 var MAXIPDISPLAY = 3;
 
+var DAY_IN_SECONDS = 24 * 60 * 60;
+
 function handleAjaxError(xhr, textStatus) {
   if (textStatus === "timeout") {
     alert("The server took too long to send the data.");
@@ -56,32 +58,31 @@ function mixColors(ratio, rgb1, rgb2) {
 }
 
 function parseColor(input) {
-  var m;
-  m = input.match(/^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i);
-  if (m) {
-    return [m[1], m[2], m[3]];
+  var match = input.match(/^rgb\s*\(\s*(\d+)\s*,\s*(\d+)\s*,\s*(\d+)\s*\)$/i);
+
+  if (match) {
+    return [match[1], match[2], match[3]];
   }
 }
 
 $(function () {
   tableApi = $("#network-entries").DataTable({
     rowCallback: function (row, data) {
-      var color,
-        iconClasses,
-        lastQuery = parseInt(data.lastQuery);
+      var color;
+      var iconClasses;
+      var lastQuery = parseInt(data.lastQuery);
+      var diff = getTimestamp() - lastQuery;
       var networkRecent = $(".network-recent").css("background-color");
       var networkOld = $(".network-old").css("background-color");
       var networkOlder = $(".network-older").css("background-color");
       var networkNever = $(".network-never").css("background-color");
+
       if (lastQuery > 0) {
-        var diff = getTimestamp() - lastQuery;
-        if (diff <= 86400) {
-          // Last query came in within the last 24 hours (24*60*60 = 86400)
+        if (diff <= DAY_IN_SECONDS) {
+          // Last query came in within the last 24 hours
           // Color: light-green to light-yellow
-          var ratio = Number(diff) / 86400;
-          var lightgreen = parseColor(networkRecent);
-          var lightyellow = parseColor(networkOld);
-          color = rgbToHex(mixColors(ratio, lightgreen, lightyellow));
+          var ratio = Number(diff) / DAY_IN_SECONDS;
+          color = rgbToHex(mixColors(ratio, parseColor(networkRecent), parseColor(networkOld)));
           iconClasses = "fas fa-check";
         } else {
           // Last query was longer than 24 hours ago
@@ -146,7 +147,7 @@ $(function () {
       "<'row'<'col-sm-4'l><'col-sm-8'p>>" +
       "<'row'<'col-sm-12'<'table-responsive'tr>>>" +
       "<'row'<'col-sm-5'i><'col-sm-7'p>>",
-    ajax: { url: APIstring, error: handleAjaxError, dataSrc: "network" },
+    ajax: { url: API_STRING, error: handleAjaxError, dataSrc: "network" },
     autoWidth: false,
     processing: true,
     order: [[5, "desc"]],