From 591796873164d0fb470d514bd7ef2ac7e7aa4657 Mon Sep 17 00:00:00 2001
From: Kim Huebel <dg9vh@darc.de>
Date: Tue, 24 Nov 2020 11:09:45 +0000
Subject: [PATCH] Added highlighting of txing station in Last Heard

---
 html/css/styles.css  | 7 ++++++-
 html/index.html      | 7 +++++++
 html/js/functions.js | 6 ++++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/html/css/styles.css b/html/css/styles.css
index 2ee2fea..8b898de 100644
--- a/html/css/styles.css
+++ b/html/css/styles.css
@@ -28,4 +28,9 @@ body {
 
 nowrap {
 	white-space:nowrap
-}
\ No newline at end of file
+}
+
+.red {
+  background-color: Coral !important;
+}
+
diff --git a/html/index.html b/html/index.html
index 73c938e..3dff722 100644
--- a/html/index.html
+++ b/html/index.html
@@ -241,6 +241,13 @@
 			} );
 			
 			var t_lh = $('#lastHeard').DataTable( {
+				"createdRow": function( row, data, dataIndex ) {
+					if ( data[5] == "TXing" ) {        
+						$(row).addClass('red');
+     					} else {
+						$(row).removeClass('red');
+     					}
+       				},
 				"order": [[ 0, "desc" ]]
 			} );
 			
diff --git a/html/js/functions.js b/html/js/functions.js
index aceb577..646ba5b 100644
--- a/html/js/functions.js
+++ b/html/js/functions.js
@@ -344,6 +344,12 @@ function getLastHeard(document, event) {
 							addToQSO
 						]
 						t_lh.row(rowIndexes[0]).data( newData ).draw(false);
+						var row = t_lh.row(rowIndexes[0]).node();
+						if (txing) {
+							$(row).addClass('red');
+						} else {
+							$(row).removeClass('red');
+						}
 					} else {
 						t_lh.row.add( [
 							timestamp,