From 394df4804edd644a7686d7fc5cec1aa4e7b30030 Mon Sep 17 00:00:00 2001
From: Kim - DG9VH <dg9vh@users.noreply.github.com>
Date: Fri, 6 Nov 2020 22:23:58 +0100
Subject: [PATCH] Inserting warning and danger-badges if counter reaches
 specified levels

---
 html/index.html      |  2 +-
 html/js/config.js    |  9 ++++++++-
 html/js/functions.js | 28 ++++++++++++++++++++++++++++
 3 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/html/index.html b/html/index.html
index 83fa4fc..117e681 100644
--- a/html/index.html
+++ b/html/index.html
@@ -133,7 +133,7 @@
 					<!-- Standard-Panel-Inhalt -->
 					<div class="panel-heading">Dapnet-Messages<span class="pull-right clickable"><i class="glyphicon glyphicon-chevron-up"></i></span></div>
 					<div class="panel-body">
-						<div id="messagesinqueue">Messages in Queue: 0</div>
+						<span class="badge badge-light" id="messagesinqueue">Messages in Queue: 0</span>
 						<!-- Tabelle -->
 						<div class="table-responsive">
 							<table id="dapnetmessages" class="table dapnetmessages table-condensed table-striped table-hover">
diff --git a/html/js/config.js b/html/js/config.js
index d885fc3..cc25f44 100644
--- a/html/js/config.js
+++ b/html/js/config.js
@@ -1,2 +1,9 @@
+# 1 = show link to QRZ.com, 0 = off
 var qrz = 1;
-var debug = 0;
\ No newline at end of file
+
+# 1 = enable debug in javascript-console, 0 = 0ff
+var debug = 0;
+
+# Set messagecounters for different badge-colors
+var warnlevel = 200;
+var emergencylevel = 500;
\ No newline at end of file
diff --git a/html/js/functions.js b/html/js/functions.js
index 83aed1c..0d930b6 100644
--- a/html/js/functions.js
+++ b/html/js/functions.js
@@ -288,16 +288,44 @@ function getDapnetMessages(document, event) {
 				if (messagecount < 0 ) {
 					messagecount = 0;
 				}
+				if (messagecount <= warnlevel) {
+					document.getElementById('messagesinqueue').className = "badge badge-light";
+				}
+				if (messagecount > warnlevel) {
+					document.getElementById('messagesinqueue').className = "badge badge-warning";
+				}
+				if (messagecount > emergencylevel) {
+					document.getElementById('messagesinqueue').className = "badge badge-danger";
+				}
 				document.getElementById('messagesinqueue').innerHTML = "Messages in Queue: " + messagecount;
 			}
 			if (line.indexOf("Messages in Queue") > 0 ) {
 				 getMessagesInQueue(line);
+				if (messagecount <= warnlevel) {
+					document.getElementById('messagesinqueue').className = "badge badge-light";
+				}
+				if (messagecount > warnlevel) {
+					document.getElementById('messagesinqueue').className = "badge badge-warning";
+				}
+				if (messagecount > emergencylevel) {
+					document.getElementById('messagesinqueue').className = "badge badge-danger";
+				}
 				 document.getElementById('messagesinqueue').innerHTML = "Messages in Queue: " + messagecount;
 			}
 			if (line.indexOf("Rejecting") > 0 ) {
 				 messagecount--;
 				if (messagecount < 0 ) {
 					messagecount = 0;
+					if (messagecount <= warnlevel) {
+						document.getElementById('messagesinqueue').className = "badge badge-light";
+					}
+					if (messagecount > warnlevel) {
+						document.getElementById('messagesinqueue').className = "badge badge-warning";
+					}
+					if (messagecount > emergencylevel) {
+						document.getElementById('messagesinqueue').className = "badge badge-danger";
+					}
+					
 					document.getElementById('messagesinqueue').innerHTML = "Messages in Queue: " + messagecount;
 				}
 			}