@bobfrankston/rmfmail 1.1.181 → 1.1.182

package/client/app.bundle.js

@@ -3289,7 +3289,7 @@ function renderMessages(body, accountId, items) {
     fragment.appendChild(tempDiv.firstChild);
   body.replaceChildren(fragment);
   try {
-    logClientEvent("renderMessages", { items: items.length, domRows: body.querySelectorAll(".ml-row").length, bodyClass: body.className, bodyChildren: body.childElementCount });
+    maybeShowFilterEmptyState(body);
   } catch {
   }
   if (focusedRow) {
@@ -3385,6 +3385,42 @@ async function showThreadPopup(pillEl, headMsg) {
     document.addEventListener("mousedown", dismiss, true);
   }, 0);
 }
+function maybeShowFilterEmptyState(body) {
+  const EXISTING = body.querySelector(":scope > .ml-filter-empty");
+  const rows = body.querySelectorAll(".ml-row");
+  const flaggedOnly = body.classList.contains("flagged-only");
+  const priorityOnly = body.classList.contains("priority-only");
+  if (!flaggedOnly && !priorityOnly || rows.length === 0) {
+    EXISTING?.remove();
+    return;
+  }
+  let visible = 0;
+  for (const r of rows) {
+    const el = r;
+    if (flaggedOnly && !el.classList.contains("flagged"))
+      continue;
+    if (priorityOnly && !el.classList.contains("priority"))
+      continue;
+    visible++;
+  }
+  if (visible > 0) {
+    EXISTING?.remove();
+    return;
+  }
+  if (EXISTING)
+    return;
+  const which = flaggedOnly && priorityOnly ? "flagged + priority" : flaggedOnly ? "flagged" : "priority";
+  const overlay = document.createElement("div");
+  overlay.className = "ml-empty ml-filter-empty";
+  overlay.innerHTML = `<div style="text-align:center;padding:24px 16px;"><div style="font-weight:600;margin-bottom:6px;">No ${escapeHtmlText(which)} messages</div><div style="opacity:0.75;margin-bottom:12px;">A "${escapeHtmlText(which)} only" filter is hiding ${rows.length} message${rows.length === 1 ? "" : "s"}.</div><button type="button" class="ml-filter-clear" style="padding:6px 14px;cursor:pointer;">Show all messages</button></div>`;
+  body.appendChild(overlay);
+  overlay.querySelector(".ml-filter-clear")?.addEventListener("click", () => {
+    document.dispatchEvent(new CustomEvent("mailx-clear-list-filters"));
+  });
+}
+function escapeHtmlText(s) {
+  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
 function appendMessages(body, accountId, items) {
   const threaded = body.classList.contains("threaded");
   let rowsToRender = items;
@@ -10261,6 +10297,15 @@ if (optPriorityOnly) {
     localStorage.setItem("mailx-priority-only", String(optPriorityOnly.checked));
   });
 }
+document.addEventListener("mailx-clear-list-filters", () => {
+  applyFlaggedFilter(false);
+  if (optPriorityOnly?.checked) {
+    optPriorityOnly.checked = false;
+    document.getElementById("ml-body")?.classList.remove("priority-only");
+    localStorage.setItem("mailx-priority-only", "false");
+  }
+  reloadCurrentFolder();
+});
 optFolderCounts?.addEventListener("change", () => {
   const tree = document.getElementById("folder-tree");
   if (optFolderCounts.checked) {