86 lines
2.7 KiB
HTML
86 lines
2.7 KiB
HTML
<style>
|
|
.tankcheckbox {
|
|
min-width: 20px;
|
|
margin: 0px;
|
|
}
|
|
.tankkey{
|
|
min-width: 250px;
|
|
}
|
|
.tankvalue{
|
|
flex-grow: 1;
|
|
margin: 0px;
|
|
}
|
|
.hidden {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|
|
|
|
<div class="flexcontainer">
|
|
<span style="flex-grow: 1; text-align: center; font-weight: bold;">
|
|
Tank:
|
|
</span>
|
|
<input id="tankview_auto_refresh" type="checkbox">⟳
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<span class="tankkey">Enable Tank Sensor</span>
|
|
<input class="tankcheckbox" type="checkbox" id="tank_sensor_enabled">
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<div class="tankkey">Ignore Sensor Error</div>
|
|
<input class="tankcheckbox" type="checkbox" id="tank_allow_pumping_if_sensor_error">
|
|
</div>
|
|
|
|
|
|
<div class="flexcontainer">
|
|
<div class="tankkey">Useable ml full% to empty%</div>
|
|
<input class="tankvalue" type="number" min="2" max="500000" id="tank_useable_ml">
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<div class="tankkey">Warn below %</div>
|
|
<input class="tankvalue" type="number" min="1" max="500000" id="tank_warn_percent">
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<div class="tankkey">Empty at %</div>
|
|
<input class="tankvalue" type="number" min="0" max="100" id="tank_empty_percent">
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<div class="tankkey">Full at %</div>
|
|
<input class="tankvalue" type="number" min="0" max="100" id="tank_full_percent">
|
|
</div>
|
|
<button id="tank_update">Update Tank</button>
|
|
|
|
|
|
<div id="tank_measure_error_container" class="flexcontainer hidden">
|
|
<div class="tankkey">Sensor Error</div>
|
|
<label class="tankvalue" id="tank_measure_error"></label>
|
|
</div>
|
|
<div id="tank_measure_ml_container" class="flexcontainer">
|
|
<div class="tankkey">Left ml</div>
|
|
<label class="tankvalue" id="tank_measure_ml"></label>
|
|
</div>
|
|
<div id="tank_measure_percent_container" class="flexcontainer">
|
|
<div class="tankkey">Current %</div>
|
|
<label class="tankvalue" id="tank_measure_percent"></label>
|
|
</div>
|
|
<div id="tank_measure_temperature_container" class="flexcontainer">
|
|
<div class="tankkey">Temperature °C</div>
|
|
<label class="tankvalue" id="tank_measure_temperature"></label>
|
|
</div>
|
|
<div id="tank_measure_rawvolt_container" class="flexcontainer">
|
|
<div class="tankkey">Probe Voltage</div>
|
|
<label class="tankvalue" id="tank_measure_rawvolt"></label>
|
|
</div>
|
|
<div id="tank_measure_temperature_error_container" class="flexcontainer">
|
|
<div class="tankkey">Temperature Error</div>
|
|
<label class="tankvalue" id="tank_measure_temperature_error"></label>
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<div class="tankkey">Enough Water</div>
|
|
<label class="tankvalue" id="tank_measure_enoughwater"></label>
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<div class="tankkey">Warn Level</div>
|
|
<label class="tankvalue" id="tank_measure_warnlevel"></label>
|
|
</div>
|