nick/overland-controller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve temperature config checkbox layout

Browse Source
This commit is contained in:
nick
2026-06-05 02:06:25 -06:00
parent 261d8983df
commit 1ee73ad00d
2 changed files with 16 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/project-state.md
+1 -1
View File
@@ -163,4 +163,4 @@ Examples:
5. Add config backup/restore. 5. Add config backup/restore.
6. Improve BMS out-of-range behavior without changing NimBLE connect timeout. 6. Improve BMS out-of-range behavior without changing NimBLE connect timeout.
- Fixed WebUI temperature probe scan by registering `/temps/scan`, `/temps/assign`, and `/temps/clear` firmware routes.\n\n- Added per-temperature-sensor `weather` flag and WebUI outside temperature badge with emoji thresholds: below 50°F ice, 50-74°F happy, 75-84°F sun, and 85°F+ fire.\n - Fixed WebUI temperature probe scan by registering `/temps/scan`, `/temps/assign`, and `/temps/clear` firmware routes.\n\n- Added per-temperature-sensor `weather` flag and WebUI outside temperature badge with emoji thresholds: below 50°F ice, 50-74°F happy, 75-84°F sun, and 85°F+ fire.\n\n- Improved WebUI temperature sensor config checkbox layout with compact On/Weather controls.\n
firmware/esp32/overland-controller/overland-controller.ino
+15 -9
View File
@@ -56,6 +56,10 @@ input{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px;ba
.configrow label{color:var(--muted);font-size:12px} .configrow label{color:var(--muted);font-size:12px}
.configrow input[type="checkbox"]{width:auto} .configrow input[type="checkbox"]{width:auto}
.configrow input{margin:0} .configrow input{margin:0}
.tempConfigRow{grid-template-columns:90px 1fr auto}
.checkGroup{display:flex;gap:8px;align-items:center;justify-content:flex-end;white-space:nowrap}
.checkPill{display:flex;gap:5px;align-items:center;background:#111923;border:1px solid var(--line);border-radius:999px;padding:7px 10px;color:var(--muted);font-size:12px}
.checkPill input{width:auto;margin:0}
.kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px} .kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.kpi div{background:#0f151d;border:1px solid var(--line);border-radius:12px;padding:10px} .kpi div{background:#0f151d;border:1px solid var(--line);border-radius:12px;padding:10px}
.kpi .num{font-size:20px;font-weight:800;margin-top:4px} .kpi .num{font-size:20px;font-weight:800;margin-top:4px}
@@ -532,17 +536,19 @@ function renderConfigControls(data){
const tempBox=$("tempConfigList"); const tempBox=$("tempConfigList");
if(tempBox){ if(tempBox){
tempBox.innerHTML=temps.map((t,i)=>` tempBox.innerHTML=temps.map((t,i)=>`
<div class="configrow"> <div class="configrow tempConfigRow">
<label>${t.id}</label> <label>${t.id}</label>
<input id="tempName${i}" value="${t.name||""}" placeholder="Temp name"> <input id="tempName${i}" value="${t.name||""}" placeholder="Temp name">
<label> <div class="checkGroup">
<input id="tempEnabled${i}" type="checkbox" ${t.enabled?"checked":""}> <label class="checkPill">
On <input id="tempEnabled${i}" type="checkbox" ${t.enabled?"checked":""}>
</label> On
<label> </label>
<input id="tempWeather${i}" type="checkbox" ${t.weather?"checked":""}> <label class="checkPill">
Weather <input id="tempWeather${i}" type="checkbox" ${t.weather?"checked":""}>
</label> Weather
</label>
</div>
</div>`).join(""); </div>`).join("");
} }
} }