feat: Enhance RconServerStatus to support onUpdated callback and improve map highlighting functionality

Author: frasermolyneux

src/XtremeIdiots.Portal.Web/Views/ServerAdmin/ServerDetail.cshtml

@@ -467,7 +467,8 @@
                 antiForgeryToken: antiForgeryToken,
                 mapNameSelector: '#sd-currentMapName',
                 mapImageSelector: '#sd-currentMapImage',
-                playerCountSelector: '#sd-playerCount'
+                playerCountSelector: '#sd-playerCount',
+                onUpdated: highlightCurrentMap
             });
             RconPlayers.init({ serverId: serverId, antiForgeryToken: antiForgeryToken, tableSelector: '#sd-playersTable' });
             RconMapControl.init({
@@ -541,7 +542,12 @@
         // Highlight current map in the rotation carousel
         function highlightCurrentMap() {
             var mapName = $('#sd-currentMapName').text().trim();
-            if (!mapName) return;
+
+            // Clear existing highlights
+            $('#sd-mapRotationCarousel .map-card').removeClass('border border-success border-2 rounded');
+            $('#sd-mapRotationCarousel .map-card .map-card-title .badge.bg-success').remove();
+
+            if (!mapName || mapName === 'Loading...' || mapName === 'Unknown') return;
 
             $('#sd-mapRotationCarousel .map-card').each(function() {
                 var btn = $(this).find('.load-map-btn');

src/XtremeIdiots.Portal.Web/wwwroot/js/rcon-server-status.js

@@ -11,10 +11,12 @@ var RconServerStatus = (function () {
     var _refreshEnabled = true;
     var _lastRefreshTime = new Date();
     var _selectors = {};
+    var _onUpdated = null;
 
     function init(options) {
         _serverId = options.serverId;
         _antiForgeryToken = options.antiForgeryToken;
+        _onUpdated = options.onUpdated || null;
         _selectors = {
             mapName: options.mapNameSelector || '#currentMapName',
             mapImage: options.mapImageSelector || '#currentMapImage',
@@ -27,7 +29,7 @@ var RconServerStatus = (function () {
         };
     }
 
-    function load() {
+    function load(callback) {
         if (!_refreshEnabled || !_serverId) return;
 
         $(_selectors.loadingIndicator).show();
@@ -45,11 +47,14 @@ var RconServerStatus = (function () {
                 }
                 $(_selectors.loadingIndicator).hide();
                 $(_selectors.contentContainer).css('opacity', '1');
+                if (typeof _onUpdated === 'function') _onUpdated();
+                if (typeof callback === 'function') callback();
             },
             error: function () {
                 $(_selectors.statusIndicator).removeClass('bg-success').addClass('bg-danger').text('Error');
                 $(_selectors.loadingIndicator).hide();
                 $(_selectors.contentContainer).css('opacity', '1');
+                if (typeof callback === 'function') callback();
             }
         });
     }