+ data-scope-kind="{scope_kind}" {filter_i18n}>
{html.escape(status_txt)}
{html.escape(page_label)} · {html.escape(hostname)}
@@ -766,6 +802,7 @@ def sticky_bar_html(
{err_stat}
·
{warn_stat}
+ {filter_chip}
·
{version_html}
·
@@ -849,6 +886,30 @@ STICKY_CSS = """
.stat.warn { color: var(--warn); border-color: #664; background: #1a1608; }
.stat.muted { opacity: 0.55; font-weight: 600; }
a.stat:hover { text-decoration: underline; filter: brightness(1.15); }
+a.stat[aria-pressed="true"] {
+ box-shadow: 0 0 0 1px currentColor inset;
+ filter: brightness(1.2);
+}
+.filter-chip {
+ display: inline-flex; align-items: center; gap: 6px;
+ font-size: 11px; font-weight: 600;
+ padding: 1px 4px 1px 8px; border-radius: 3px;
+ border: 1px solid #456; background: #0a1520; color: #9cf;
+}
+.filter-chip[hidden] { display: none !important; }
+body.filter-error .filter-chip { border-color: #a33; background: #1a0a0a; color: var(--err); }
+body.filter-warn .filter-chip { border-color: #a68b2d; background: #1a1608; color: var(--warn); }
+.filter-clear {
+ font: inherit; font-size: 11px; font-weight: 700;
+ cursor: pointer; color: inherit;
+ background: #0006; border: 1px solid #555; border-radius: 3px;
+ padding: 1px 8px;
+}
+.filter-clear:hover { border-color: #aaa; background: #222; }
+/* Console filter: sticky + overviews stay; hide non-matching log lines */
+body.filter-error #mon-console .line:not(.error):not(.blocker) { display: none !important; }
+body.filter-warn #mon-console .line:not(.warn) { display: none !important; }
+body.filter-warn .err-top { display: none; }
.version-link {
font-weight: 700; font-size: 12px; color: var(--info);
text-decoration: none; padding: 1px 8px; border-radius: 3px;
@@ -1015,6 +1076,107 @@ STICKY_JS = """
if (localStorage.getItem(key) === "1") setOpen(true);
} catch (e) {}
}
+
+ // v1.11.0: click error/warn stats → show only those log lines; sticky + overviews stay
+ var bar = document.getElementById("status-bar");
+ var chip = document.getElementById("filter-chip");
+ var chipLabel = document.getElementById("filter-chip-label");
+ var clearBtn = document.getElementById("filter-clear");
+ var consoleEl = document.getElementById("mon-console");
+
+ function currentFilter() {
+ if (document.body.classList.contains("filter-error")) return "error";
+ if (document.body.classList.contains("filter-warn")) return "warn";
+ return "";
+ }
+
+ function setFilter(mode, opts) {
+ opts = opts || {};
+ document.body.classList.remove("filter-error", "filter-warn");
+ var errA = document.querySelector('a.stat.err[data-filter="error"]');
+ var warnA = document.querySelector('a.stat.warn[data-filter="warn"]');
+ if (errA) errA.setAttribute("aria-pressed", "false");
+ if (warnA) warnA.setAttribute("aria-pressed", "false");
+
+ if (mode === "error") {
+ document.body.classList.add("filter-error");
+ if (errA) errA.setAttribute("aria-pressed", "true");
+ } else if (mode === "warn") {
+ document.body.classList.add("filter-warn");
+ if (warnA) warnA.setAttribute("aria-pressed", "true");
+ }
+
+ if (chip && chipLabel && bar) {
+ if (mode === "error") {
+ chip.hidden = false;
+ chipLabel.textContent = bar.getAttribute("data-i18n-filter-err") || "Filter: errors only";
+ } else if (mode === "warn") {
+ chip.hidden = false;
+ chipLabel.textContent = bar.getAttribute("data-i18n-filter-warn") || "Filter: warnings only";
+ } else {
+ chip.hidden = true;
+ chipLabel.textContent = "";
+ }
+ }
+
+ if (opts.updateHash !== false) {
+ var want = mode === "error" ? "#filter-error"
+ : mode === "warn" ? "#filter-warn" : "";
+ if (want) {
+ if (location.hash !== want) {
+ try { history.replaceState(null, "", want); } catch (e) { location.hash = want; }
+ }
+ } else if (location.hash === "#filter-error" || location.hash === "#filter-warn"
+ || location.hash === "#first-error" || location.hash === "#first-warn") {
+ try { history.replaceState(null, "", location.pathname + location.search); } catch (e) {}
+ }
+ }
+
+ if (opts.scrollFirst && mode) {
+ var id = mode === "error" ? "first-error" : "first-warn";
+ var el = document.getElementById(id);
+ if (el && el.scrollIntoView) {
+ setTimeout(function () { el.scrollIntoView({ block: "start", behavior: "smooth" }); }, 30);
+ } else if (consoleEl) {
+ var sel = mode === "error" ? ".line.error, .line.blocker" : ".line.warn";
+ var first = consoleEl.querySelector(sel);
+ if (first && first.scrollIntoView) {
+ setTimeout(function () { first.scrollIntoView({ block: "start", behavior: "smooth" }); }, 30);
+ }
+ }
+ }
+ }
+
+ function toggleFilter(mode) {
+ if (currentFilter() === mode) setFilter("", { updateHash: true });
+ else setFilter(mode, { updateHash: true, scrollFirst: true });
+ }
+
+ document.querySelectorAll("a.stat[data-filter]").forEach(function (a) {
+ a.addEventListener("click", function (ev) {
+ ev.preventDefault();
+ var mode = a.getAttribute("data-filter");
+ if (mode === "error" || mode === "warn") toggleFilter(mode);
+ });
+ });
+ if (clearBtn) {
+ clearBtn.addEventListener("click", function () {
+ setFilter("", { updateHash: true });
+ });
+ }
+
+ function applyHash() {
+ var h = (location.hash || "").replace(/^#/, "");
+ if (h === "filter-error" || h === "first-error") {
+ setFilter("error", { updateHash: false, scrollFirst: h === "first-error" });
+ } else if (h === "filter-warn" || h === "first-warn") {
+ setFilter("warn", { updateHash: false, scrollFirst: h === "first-warn" });
+ } else if (currentFilter()) {
+ // keep filter if hash is something else (e.g. err-slug)
+ }
+ }
+ applyHash();
+ window.addEventListener("hashchange", applyHash);
})();
"""