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,