veenm/ha-dashboard-studio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Dashboard Studio 1.13.1: car card battery bar along the bottom

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Mel van Veen
2026-10-26 16:22:23 +01:00
parent a28f8227c6
commit 93bb42dcbb
5 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dashboard_studio/web/widgets.js
+2 -2
View File
@@ -1235,7 +1235,7 @@
const bar = pct != null ? `<div class="tz-bar"><i style="width:${p}%"></i>${limPct != null ? `<b style="left:${Math.max(0, Math.min(100, limPct))}%"></b>` : ""}</div>` : "";
const chargeInfo = plugged
? `<div class="tz-charge"><div class="tz-cl"><span class="tz-ct">${charging ? t("Charging") : t("Plugged in")}${charging && power && Number(power.state) > 0 ? ` <span class="num">${esc(fmtState(power))}</span>` : ""}</span><span class="tz-cr num">${esc(left || (limPct != null ? t("Charges to {0}%", Math.round(limPct)) : ""))}</span></div>${bar}${fullAt || limPct != null ? `<div class="tz-cs"><span>${esc(fullAt)}</span><span>${limPct != null ? esc(t("Limit {0}%", Math.round(limPct))) : ""}</span></div>` : ""}</div>`
: `<div class="tz-charge tz-idle">${bar}</div>`;
: bar ? `<div class="tz-charge tz-idle">${bar}</div>` : "";
// icon buttons
const ctrl = (act, eid, ico, label, cls = "", extra = "") => `<button class="tz-btn wbtn ${cls}" data-act="${act}" data-e="${esc(eid)}" ${extra} aria-label="${esc(label)}" title="${esc(label)}">${Icons.svg(ico)}</button>`;
@@ -1259,8 +1259,8 @@
<div class="tz-head"><div class="tz-title"><div class="tz-name">${esc(c.name || t("Car"))}</div>${status ? `<div class="tz-status">${esc(status)}</div>` : ""}</div>${batt}</div>
${big}
<div class="tz-art">${art}</div>
${chargeInfo}
${ctrls.length ? `<div class="tz-ctrls">${ctrls.join("")}</div>` : ""}
${chargeInfo}
${rows ? `<div class="tz-rows">${rows}</div>` : ""}
</div>`;
},