webui: render temperature settings as mobile cards
This commit is contained in:
@@ -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("");
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user