Mirrors/espurna
2
0
Fork 0
mirror of https://github.com/xoseperez/espurna.git synced 2026-03-08 01:07:06 +01:00
Code Issues Packages Projects Releases Wiki Activity

Thermostat upgrade (#1711)

Browse Source 
* Add "Enable Thermostat" switch

* Add heater/cooler thermostat mode
This commit is contained in:
DmitryBlinov
2019-05-02 01:06:14 +03:00
committed by Max Prokhorov
parent 62a2b9e882
commit bb33dfd102
5 changed files with 2742 additions and 2661 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
code/html/custom.css
View File

@@ -284,6 +284,9 @@ label[for].toggle {
input[name="relay"] + .toggle:before {
content: "OFF";
}
input[name="thermostatMode"] + .toggle:before {
content: "Heater";
}
.toggle:after{
content: "YES";
right: 20px;
@@ -291,6 +294,9 @@ input[name="relay"] + .toggle:before {
input[name="relay"] + .toggle:after {
content: "ON";
}
input[name="thermostatMode"] + .toggle:after {
content: "Cooler";
}
.toggle__handler {
display: inline-block;
position: relative;
@@ -328,6 +334,9 @@ input:checked + .toggle .toggle__handler {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
input[name="thermostatMode"]:checked + .toggle .toggle__handler {
background: #00c0c0;
}
input[disabled] + .toggle .toggle__handler {
background: #ccc;
}

10
code/html/index.html
View File

@@ -1061,6 +1061,16 @@
<div class="page">
<div class="pure-g">
<label class="pure-u-1 pure-u-lg-1-4">Enable Thermostat</label>
<div class="pure-u-1 pure-u-lg-1-4"><input type="checkbox" name="thermostatEnabled" tabindex="30" /></div>
</div>
<div class="pure-g">
<label class="pure-u-1 pure-u-lg-1-4">Thermostat Mode</label>
<div class="pure-u-1 pure-u-lg-1-4"><input type="checkbox" name="thermostatMode" tabindex="30" /></div>
</div>
<div class="pure-g">
<label class="pure-u-1 pure-u-lg-1-4" for="thermostatOperationMode">Operation mode</label>
<input class="pure-u-1 pure-u-lg-1-4" name="thermostatOperationMode" type="text" readonly />