4.7.2 delete maps

www/maps.js

@@ -25,8 +25,11 @@
   const sitesDialogEl = el("mapsSitesDialog");
   const sitesListEl = el("mapsSitesList");
   const siteFormDialogEl = el("mapsSiteFormDialog");
+  const deleteDialogEl = el("mapsDeleteDialog");
   const createSiteSelectEl = el("mapsCreateSite");
 
+  let deleteDialogResolve = null;
+
   const SITE_ICONS = {
     chevron: `<svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true"><path d="M4 3l3 4-3 4M8 3l3 4-3 4" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"/></svg>`,
     edit: `<svg width="14" height="14" viewBox="0 0 14 14" aria-hidden="true"><path d="M9.5 2.5l2 2L5 11H3v-2L9.5 2.5z" fill="none" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"/></svg>`,
@@ -48,6 +51,19 @@
     return window.AuthApp?.canWrite?.("maps") ?? true;
   }
 
+  function currentUser() {
+    return window.AuthApp?.getUser?.() || null;
+  }
+
+  function canDeleteMap(map) {
+    if (!canWrite() || !map) return false;
+    const user = currentUser();
+    if (!user) return true;
+    const mapGroup = map.created_by_group;
+    if (mapGroup) return mapGroup === user.group_id;
+    return true;
+  }
+
   function escapeHtml(str) {
     return String(str)
       .replace(/&/g, "&amp;")
@@ -216,7 +232,7 @@
         ? `<div class="mapsMirRowActions">
             <button type="button" class="mapsMirIconBtn" data-edit="${map.id}" data-i18n-title="common.edit" title="${escapeHtml(t("common.edit"))}">${ICONS.edit}</button>
             <button type="button" class="mapsMirIconBtn" data-view="${map.id}" data-i18n-title="maps.view" title="${escapeHtml(t("maps.view"))}">${ICONS.view}</button>
-            <button type="button" class="mapsMirIconBtn mapsMirIconBtn--danger" data-delete="${map.id}" data-i18n-title="common.delete" title="${escapeHtml(t("common.delete"))}">${ICONS.delete}</button>
+            ${canDeleteMap(map) ? `<button type="button" class="mapsMirIconBtn mapsMirIconBtn--danger" data-delete="${map.id}" data-i18n-title="common.delete" title="${escapeHtml(t("common.delete"))}">${ICONS.delete}</button>` : ""}
           </div>`
         : `<div class="mapsMirRowActions">
             <button type="button" class="mapsMirIconBtn" data-view="${map.id}" data-i18n-title="maps.view" title="${escapeHtml(t("maps.view"))}">${ICONS.view}</button>
@@ -310,11 +326,31 @@
     });
   }
 
+  function confirmDeleteMap(map) {
+    return new Promise((resolve) => {
+      deleteDialogResolve = resolve;
+      const textEl = el("mapsDeleteDialogText");
+      const activeWarnEl = el("mapsDeleteDialogActiveWarn");
+      if (textEl) textEl.textContent = t("maps.deleteDialog.text", { name: map.name || map.id });
+      if (activeWarnEl) {
+        const isActive = map.id === store.activeMapId;
+        activeWarnEl.hidden = !isActive;
+        if (isActive) activeWarnEl.textContent = t("maps.deleteDialog.activeWarning");
+      }
+      deleteDialogEl?.showModal();
+    });
+  }
+
   async function deleteMapFromList(mapId) {
     const map = findMap(mapId);
-    if (!map) return;
-    if (!confirm(t("maps.deleteConfirm", { name: map.name }))) return;
-    await api(`/api/maps/${encodeURIComponent(map.id)}`, { method: "DELETE" });
+    if (!map || !canDeleteMap(map)) return;
+    if (!(await confirmDeleteMap(map))) return;
+    try {
+      await api(`/api/maps/${encodeURIComponent(map.id)}`, { method: "DELETE" });
+    } catch (e) {
+      alert(e.message || t("maps.deleteForbidden"));
+      return;
+    }
     store.maps = store.maps.filter((m) => m.id !== map.id);
     if (store.activeMapId === map.id) store.activeMapId = null;
     renderList();
@@ -465,6 +501,8 @@
         name,
         site_id,
         created_by: user?.display_name || user?.username || "",
+        created_by_user: user?.id || "",
+        created_by_group: user?.group_id || "",
         resolution: 0.05,
         origin_x: 0,
         origin_y: 0,
@@ -515,6 +553,22 @@
     el("mapsCreateForm")?.addEventListener("submit", (evt) => {
       createMap(evt).catch((e) => alert(e.message));
     });
+    el("mapsDeleteYesBtn")?.addEventListener("click", () => {
+      deleteDialogEl?.close();
+      deleteDialogResolve?.(true);
+      deleteDialogResolve = null;
+    });
+    el("mapsDeleteNoBtn")?.addEventListener("click", () => {
+      deleteDialogEl?.close();
+      deleteDialogResolve?.(false);
+      deleteDialogResolve = null;
+    });
+    deleteDialogEl?.addEventListener("cancel", (evt) => {
+      evt.preventDefault();
+      deleteDialogEl.close();
+      deleteDialogResolve?.(false);
+      deleteDialogResolve = null;
+    });
     el("mapsSiteForm")?.addEventListener("submit", (evt) => {
       saveSite(evt).catch((e) => alert(e.message));
     });