From 7eeec9bc502cf55cf69dde9030b6325487e2e594 Mon Sep 17 00:00:00 2001
From: sparks-alec <sparks.alec@gmail.com>
Date: Wed, 4 Jan 2023 00:52:34 -0500
Subject: [PATCH] add rf antenna A/B indicators

---
 plugins/shure/styles.css   | 15 ++++++++++++++-
 plugins/shure/template.ejs | 18 ++++++++++++++----
 2 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/plugins/shure/styles.css b/plugins/shure/styles.css
index 8e8a336..c7a46b0 100644
--- a/plugins/shure/styles.css
+++ b/plugins/shure/styles.css
@@ -1,6 +1,6 @@
 table.channel {
   width: 120px;
-  height: 300px;
+  height: 320px;
   background-color: #1a1a1d;
   border: #3b3c42 1px solid;
   border-collapse: collapse;
@@ -12,6 +12,7 @@ table.channel {
 }
 table td {
   border: #3b3c42 1px solid;
+  vertical-align: top;
 }
 
 .chan_name {
@@ -55,6 +56,7 @@ table td {
   border: #333 2px solid;
   border-radius: 5px;
   padding: 2px;
+  margin: 10px auto;
   position: relative;
 }
 .batt-wrapper.green {
@@ -80,6 +82,17 @@ table td {
   padding-top: 9px;
 }
 
+.rf-indicator-wrapper {
+  line-height: 8px;
+  margin-bottom: 4px;
+  font-size: 6px;
+  padding-top: 4px;
+  letter-spacing: 1px;
+}
+.rf-indicator {
+  color: #333;
+}
+
 small {
   color: dimgray;
 }
diff --git a/plugins/shure/template.ejs b/plugins/shure/template.ejs
index d76a786..d989f75 100644
--- a/plugins/shure/template.ejs
+++ b/plugins/shure/template.ejs
@@ -12,23 +12,33 @@
     <td colspan="3" class="chan_name"><%= ch.chan_name %></td>
   </tr>
   <tr>
-    <td>
+    <td style="width: 40px">
+      <div class="rf-indicator-wrapper">
+        <span class="rf-indicator" id="ch-<%= i %>-a">&#11044;</span>
+        <span class="rf-indicator" id="ch-<%= i %>-b">&#11044;</span>
+      </div>
       <small>rf</small>
       <div class="bar-wrapper orange">
         <div
           class="bar"
+          id="ch-<%= i %>-rf"
           style="height: <%= 90- ((ch.rx_rf_lvl + 90) * 2) %>"></div>
       </div>
       <small><%= ch.rx_rf_lvl %><br /><small>dBm</small></small>
     </td>
-    <td>
+    <td style="width: 40px">
+      <div class="rf-indicator-wrapper">&nbsp;</div>
       <small>audio</small>
       <div class="bar-wrapper green">
-        <div class="bar" style="height: <%= 90- (ch.audio_lvl * 2) %>"></div>
+        <div
+          class="bar"
+          id="ch-<%= i %>-audio"
+          style="height: <%= 90- (ch.audio_lvl * 2) %>"></div>
       </div>
       <small><%= ch.audio_lvl %><br /><small>dBFS</small></small>
     </td>
-    <td>
+    <td style="width: 40px">
+      <div class="rf-indicator-wrapper">&nbsp;</div>
       <small>gain</small>
       <div class="bar-wrapper pink">
         <div class="bar" style="height: <%= 60- (ch.audio_gain * 1.4) %>"></div>