From c54304bc0ca464f766cc7528424fd3713298a66c Mon Sep 17 00:00:00 2001 From: Lars Windolf Date: Sat, 13 Apr 2024 23:28:04 +0200 Subject: [PATCH] Less DOM elements in reduced mode. Fix CSS link. --- frontend/js/MultiStatusCloud.js | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/frontend/js/MultiStatusCloud.js b/frontend/js/MultiStatusCloud.js index 77548f6..4466a0f 100644 --- a/frontend/js/MultiStatusCloud.js +++ b/frontend/js/MultiStatusCloud.js @@ -29,7 +29,7 @@ class MultiStatusCloud extends HTMLElement { const linkElem = document.createElement("link"); linkElem.setAttribute("rel", "stylesheet"); - linkElem.setAttribute("href", this.#path + "css/style.css"); + linkElem.setAttribute("href", (this.#path?this.#path:'') + "css/style.css"); this.shadowRoot.append(this.#cloud); this.shadowRoot.append(this.#info); @@ -79,13 +79,6 @@ class MultiStatusCloud extends HTMLElement { const s = this.#data.aggregators[e.dataset.nr]; MultiStatus.renderStatus(e, s); - - // Hide all good for reduced mode - if(this.#reduced && s.results.length == 0) { - e.style.display = 'none'; - } else { - e.style.display = 'inline-block'; - } } async #update() { @@ -102,11 +95,16 @@ class MultiStatusCloud extends HTMLElement { if (a.name.toLowerCase() < b.name.toLowerCase()) return -1; return 0; }).forEach((s, nr) => { + // Hide all good for reduced mode + if(this.#reduced && s.results.length == 0) + return; + if (filter.length == 0 || filter.includes(s.name)) { var e = document.createElement('div'); e.className = 'status'; e.setAttribute('data-nr', nr); e.onclick = this.toggleDetails; + e.style.display = 'inline-block'; this.#cloud.append(e); this.#renderStatus(e); }