webui: render temperature settings as mobile cards

This commit is contained in:
2026-06-08 11:07:48 -06:00
parent 989e0458aa
commit fc4999b9d2
2 changed files with 32 additions and 9 deletions
@@ -1149,21 +1149,30 @@ function renderConfigControls(data){
const tempBox=$("tempConfigList");
if(tempBox){
tempBox.innerHTML=temps.map((t,i)=>`
<div class="configrow tempConfigRow">
<label>${t.id}</label>
<div class="tempConfigCard">
<div class="tempConfigTop">
<div class="tempConfigTitle">Temp Slot ${i+1}</div>
<button class="danger tempClear" onclick="clearTempAssignment('${t.id}')">Clear Assignment</button>
</div>
<label class="inputHelp" for="tempName${i}">Name</label>
<input id="tempName${i}" value="${t.name||""}" placeholder="Temp name">
<div class="checkGroup">
<label class="checkPill">
<div>
<div class="inputHelp">Address</div>
<div class="tempConfigAddress">${t.address||"unassigned"}</div>
</div>
<div class="tempConfigControls">
<label class="tempCheck">
<input id="tempEnabled${i}" type="checkbox" ${t.enabled?"checked":""} onchange="saveTempConfig()">
On
Enabled
</label>
<label class="checkPill">
<label class="tempCheck">
<input id="tempWeather${i}" type="checkbox" ${t.weather?"checked":""} onchange="saveTempConfig()">
Weather
Weather Badge
</label>
<button class="off" onclick="clearTempAssignment('${t.id}')">Clear</button>
</div>
<div class="tempAddress">Address: ${t.address||"unassigned"}</div>
</div>`).join("");
}
}