myron/jarvis
1
0
Fork 0
mirror of https://github.com/myronblair/jarvis synced 2026-06-30 17:50:23 -05:00
Code Issues Packages Projects Releases Wiki Activity

HA tab: add ALL / ON ONLY toggle filter

Browse Source
This commit is contained in:
Myron Blair
2026-05-30 04:46:29 +00:00
parent cbd63f1a1e
commit 772fc48d00
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public_html/admin/index.php
+16 -1
View File
@@ -572,6 +572,8 @@ select.filter-sel:focus{border-color:var(--cyan)}
<div class="filters"> <div class="filters">
<span class="lbl">DOMAIN:</span> <span class="lbl">DOMAIN:</span>
<select class="filter-sel" id="ha-domain" onchange="loadHA()"><option value="">ALL</option></select> <select class="filter-sel" id="ha-domain" onchange="loadHA()"><option value="">ALL</option></select>
&nbsp;<button class="filter-btn active" id="ha-all-btn" onclick="setHAOnlyOn(false,this)">ALL</button>
<button class="filter-btn" id="ha-on-btn" onclick="setHAOnlyOn(true,this)">ON ONLY</button>
&nbsp;<input id="ha-search" placeholder="search name or entity_id..." style="background:#060a0e;border:1px solid var(--border2);color:var(--text);padding:4px 8px;font-family:var(--font);font-size:0.65rem;width:220px;outline:none" oninput="filterHATable()" onchange="filterHATable()"> &nbsp;<input id="ha-search" placeholder="search name or entity_id..." style="background:#060a0e;border:1px solid var(--border2);color:var(--text);padding:4px 8px;font-family:var(--font);font-size:0.65rem;width:220px;outline:none" oninput="filterHATable()" onchange="filterHATable()">
<span class="lbl" id="ha-count" style="color:var(--cyan)"></span> <span class="lbl" id="ha-count" style="color:var(--cyan)"></span>
</div> </div>
@@ -1132,9 +1134,22 @@ async function loadHA() {
renderHATable(_haEntities); renderHATable(_haEntities);
} }
let _haOnlyOn = false;
function setHAOnlyOn(onlyOn, btn) {
_haOnlyOn = onlyOn;
document.getElementById('ha-all-btn').classList.toggle('active', !onlyOn);
document.getElementById('ha-on-btn').classList.toggle('active', onlyOn);
filterHATable();
}
function filterHATable() { function filterHATable() {
const q = document.getElementById('ha-search')?.value.toLowerCase() || ''; const q = document.getElementById('ha-search')?.value.toLowerCase() || '';
renderHATable(q ? _haEntities.filter(e => (e.name||'').toLowerCase().includes(q)||(e.entity_id||'').toLowerCase().includes(q)) : _haEntities); const ON_STATES = ['on','home','open','playing','mowing','active','idle'];
let list = _haEntities;
if (_haOnlyOn) list = list.filter(e => ON_STATES.includes(e.state));
if (q) list = list.filter(e => (e.name||'').toLowerCase().includes(q)||(e.entity_id||'').toLowerCase().includes(q));
renderHATable(list);
} }
function renderHATable(entities) { function renderHATable(entities) {