Add mode badges

application/views/components/hamsat/table.php

@@ -70,9 +70,17 @@
                        } else if ($row['mhz_direction'] == 'down') {
                           $direction = '↓';
                        }
+                       $modeclass = '';
+                       if ($rove['mode'] == 'SSB') {
+                          $modeclass = 'hamsatBgLin';
+                       } else if ($rove['mode'] == 'Data') {
+                          $modeclass = 'hamsatBgData';
+                       } else if ($rove['mode'] == 'FM') {
+                          $modeclass = 'hamsatBgFm';
+                       }
 
                     ?>
-                    <td><span data-bs-toggle="tooltip" title="<?php if ($rove['mhz'] != '') { printf("%.3f", $rove['mhz']); echo " ".$direction ?? ''; } ?>"><?= $rove['satellite']['name'] ?></span></td>
+                    <td><span data-bs-toggle="tooltip" title="<?php if ($rove['mhz'] != '') { printf("%.3f", $rove['mhz']); echo " ".$direction ?? ''; } ?>"><?= $rove['satellite']['name'] ?></span> <span title="<?php echo $rove['mode']; ?>" class="badge <?php echo $modeclass; ?>"><?php echo $rove['mode']; ?></span></td>
                     <td>
 
 

assets/css/default/overrides.css

@@ -60,4 +60,4 @@ thead > tr > td {
 
 .dxccsummaryheader:after {
 	background-image: linear-gradient(to right, black 0, black 12ch, black 12ch, black 100%);
-}
+}

assets/css/general.css

@@ -767,4 +767,19 @@ label {
 
 .dxccsummaryheaderopened:after {
 	content: "\2796"; /* Unicode character for "minus" sign (-) */
-}
+}
+
+.hamsatBgLin {
+	background-color: rgb(224 242 254) !important;
+	--bs-badge-color: rgb(2 132 199) !important;
+}
+
+.hamsatBgData {
+	background-color: rgb(250 232 255) !important;
+	--bs-badge-color: rgb(192 38 211) !important;
+}
+
+.hamsatBgFm {
+	background-color: rgb(254 243 199) !important;
+	--bs-badge-color: rgb(217 119 6) !important;
+}