From 536e7a8a378d05dc1568eba1ade7045a0a825e9a Mon Sep 17 00:00:00 2001
From: Alexander Moisseev <moiseev@mezonplus.ru>
Date: Tue, 25 Mar 2025 14:00:21 +0300
Subject: [PATCH] [WebUI] Update Maps table

- Display new map flags.
- Rename "Lists" heading to "Maps".
- Add table header.
---
 interface/index.html       |  4 +++-
 interface/js/app/config.js | 21 +++++++++++++--------
 interface/js/app/rspamd.js |  2 +-
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/interface/index.html b/interface/index.html
index 9c42f4e7f6..a759ac48f9 100644
--- a/interface/index.html
+++ b/interface/index.html
@@ -328,7 +328,7 @@
 				<div class="card bg-light shadow my-3">
 					<div class="card-header text-secondary py-2 d-flex align-items-center">
 						<span class="icon me-3"><i class="fas fa-list"></i></span>
-						<span class="h6 fw-bolder my-auto">Lists</span>
+						<span class="h6 fw-bolder my-auto">Maps</span>
 						<div class="input-group-sm ms-auto me-1">
 							Editor:
 							<div id="btnGroupEditor" class="btn-group btn-group-xs ms-1">
@@ -342,6 +342,8 @@
 					</div>
 					<div class="card-body p-0">
 						<table class="table table-sm table-hover mb-0" id="listMaps">
+							<thead><tr><th>Flags</th><th>Type</th><th>URL</th><th>Description</th></tr></thead>
+							<tbody/>
 						</table>
 					</div>
 				</div>
diff --git a/interface/js/app/config.js b/interface/js/app/config.js
index 0f35e31073..48cac10872 100644
--- a/interface/js/app/config.js
+++ b/interface/js/app/config.js
@@ -115,22 +115,27 @@ define(["jquery", "app/common"],
             common.query("maps", {
                 success: function (json) {
                     const [{data}] = json;
-                    $listmaps.empty();
-                    const $tbody = $("<tbody>");
+                    const $tbody = $listmaps.children("tbody").empty();
 
                     $.each(data, (i, item) => {
-                        let $td = '<td><span class="badge text-bg-secondary">Read</span></td>';
-                        if (!(item.editable === false || common.read_only)) {
-                            $td = $($td).append('&nbsp;<span class="badge text-bg-success">Write</span>');
-                        }
-                        const $tr = $("<tr>").append($td);
+                        const $td = $("<td>");
+
+                        const badges = [
+                            {text: "Not loaded", cls: "text-bg-warning", cond: !item.loaded},
+                            {text: "Cached", cls: "text-bg-info", cond: item.cached},
+                            {text: "Writable", cls: "text-bg-success", cond: !(item.editable === false || common.read_only)}
+                        ];
+                        badges.forEach((b) => {
+                            if (b.cond) $td.append($(`<span class="badge me-1 ${b.cls}">${b.text}</span>`));
+                        });
+
+                        const $tr = $("<tr>").append($td).append($("<td>" + item.type + "</td>"));
 
                         const $span = $('<span class="map-link">' + item.uri + "</span>").data("item", item);
                         $span.wrap("<td>").parent().appendTo($tr);
                         $("<td>" + item.description + "</td>").appendTo($tr);
                         $tr.appendTo($tbody);
                     });
-                    $tbody.appendTo($listmaps);
                     $listmaps.closest(".card").show();
                 },
                 server: common.getServer()
diff --git a/interface/js/app/rspamd.js b/interface/js/app/rspamd.js
index 61b7cf1554..6d047d6f66 100644
--- a/interface/js/app/rspamd.js
+++ b/interface/js/app/rspamd.js
@@ -52,7 +52,7 @@ define(["jquery", "app/common", "stickytabs", "visibility",
     function cleanCredentials() {
         sessionStorage.clear();
         $("#statWidgets").empty();
-        $("#listMaps").empty();
+        $("#listMaps").children("tbody").empty();
         $("#modalBody").empty();
     }
 
-- 
2.47.3