137 lines
4.9 KiB
HTML
137 lines
4.9 KiB
HTML
<style>
|
|
.plantsensorkey {
|
|
min-width: 100px;
|
|
}
|
|
|
|
.plantsensorvalue {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.plantkey {
|
|
min-width: 195px;
|
|
}
|
|
|
|
.plantvalue {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
.plantcheckbox {
|
|
min-width: 20px;
|
|
margin: 0;
|
|
}
|
|
|
|
.plantTargetEnabledOnly_${plantId}{
|
|
}
|
|
|
|
.plantPumpEnabledOnly_${plantId}{
|
|
}
|
|
|
|
.plantSensorEnabledOnly_${plantId}{
|
|
}
|
|
|
|
.plantHidden_${plantId} {
|
|
display: none;
|
|
}
|
|
</style>
|
|
|
|
|
|
<div>
|
|
<div class="subtitle"
|
|
id="plant_${plantId}_header">
|
|
Plant ${plantId}
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<div class="plantkey">Sensor A installed:</div>
|
|
<input class="plantcheckbox" id="plant_${plantId}_sensor_a" type="checkbox">
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<div class="plantkey">Sensor B installed:</div>
|
|
<input class="plantcheckbox" id="plant_${plantId}_sensor_b" type="checkbox">
|
|
</div>
|
|
<div class="flexcontainer">
|
|
<div class="plantkey">
|
|
Mode:
|
|
</div>
|
|
<select class="plantvalue" id="plant_${plantId}_mode">
|
|
<option value="OFF">Off</option>
|
|
<option value="TargetMoisture">Target</option>
|
|
<option value="TimerOnly">Timer</option>
|
|
</select>
|
|
|
|
</div>
|
|
<div class="flexcontainer plantTargetEnabledOnly_${plantId}">
|
|
<div class="plantkey">Target Moisture:</div>
|
|
<input class="plantvalue" id="plant_${plantId}_target_moisture" type="number" min="0" max="100" placeholder="0">
|
|
</div>
|
|
<div class="flexcontainer plantPumpEnabledOnly_${plantId}">
|
|
<div class="plantkey">Pump Time (s):</div>
|
|
<input class="plantvalue" id="plant_${plantId}_pump_time_s" type="number" min="0" max="600" placeholder="30">
|
|
</div>
|
|
|
|
<div class="flexcontainer plantPumpEnabledOnly_${plantId}">
|
|
<div class="plantkey">Pump Cooldown (m):</div>
|
|
<input class="plantvalue" id="plant_${plantId}_pump_cooldown_min" type="number" min="0" max="600"
|
|
placeholder="30">
|
|
</div>
|
|
<div class="flexcontainer plantPumpEnabledOnly_${plantId}">
|
|
<div class="plantkey">"Pump Hour Start":</div>
|
|
<select class="plantvalue" id="plant_${plantId}_pump_hour_start">10</select>
|
|
</div>
|
|
<div class="flexcontainer plantPumpEnabledOnly_${plantId}">
|
|
<div class="plantkey">"Pump Hour End":</div>
|
|
<select class="plantvalue" id="plant_${plantId}_pump_hour_end">19</select>
|
|
</div>
|
|
<div class="flexcontainer plantTargetEnabledOnly_${plantId}">
|
|
<div class="plantkey">Warn Pump Count:</div>
|
|
<input class="plantvalue" id="plant_${plantId}_max_consecutive_pump_count" type="number" min="1" max="50"
|
|
placeholder="10">
|
|
</div>
|
|
<div class="flexcontainer plantSensorEnabledOnly_${plantId}">
|
|
<div class="plantkey">Min Frequency Override</div>
|
|
<input class="plantvalue" id="plant_${plantId}_min_frequency" type="number" min="1000" max="25000">
|
|
</div>
|
|
<div class="flexcontainer plantSensorEnabledOnly_${plantId}">
|
|
<div class="plantkey">Max Frequency Override</div>
|
|
<input class="plantvalue" id="plant_${plantId}_max_frequency" type="number" min="1000" max="25000">
|
|
</div>
|
|
|
|
|
|
<div class="flexcontainer plantPumpEnabledOnly_${plantId}">
|
|
<h2 class="plantkey">Current config:</h2>
|
|
</div>
|
|
<div class="flexcontainer plantPumpEnabledOnly_${plantId}">
|
|
<div class="plantkey">Min current</div>
|
|
<input class="plantvalue" id="plant_${plantId}_min_pump_current_ma" type="number" min="0" max="4500">
|
|
</div>
|
|
<div class="flexcontainer plantPumpEnabledOnly_${plantId}">
|
|
<div class="plantkey">Max current</div>
|
|
<input class="plantvalue" id="plant_${plantId}_max_pump_current_ma" type="number" min="0" max="4500">
|
|
</div>
|
|
<div class="flexcontainer plantPumpEnabledOnly_${plantId}">
|
|
<div class="plantkey">Ignore current sensor error</div>
|
|
<input class="plantcheckbox" id="plant_${plantId}_ignore_current_error" type="checkbox">
|
|
</div>
|
|
|
|
|
|
<div class="flexcontainer plantPumpEnabledOnly_${plantId}">
|
|
<button class="subtitle" id="plant_${plantId}_test">Test Pump</button>
|
|
</div>
|
|
|
|
<div class="flexcontainer plantSensorEnabledOnly_${plantId}">
|
|
<div class="subtitle">Live:</div>
|
|
</div>
|
|
<div class="flexcontainer plantSensorEnabledOnly_${plantId}">
|
|
<span class="plantsensorkey">Sensor A:</span>
|
|
<span class="plantsensorvalue" id="plant_${plantId}_moisture_a">not measured</span>
|
|
</div>
|
|
<div class="flexcontainer plantSensorEnabledOnly_${plantId}">
|
|
<div class="plantsensorkey">Sensor B:</div>
|
|
<span class="plantsensorvalue" id="plant_${plantId}_moisture_b">not measured</span>
|
|
</div>
|
|
<div class="flexcontainer plantPumpEnabledOnly_${plantId}">
|
|
<div class="plantsensorkey">Test Current</div>
|
|
<span class="plantsensorvalue" id="plant_${plantId}_pump_current_result">not_tested</span>
|
|
</div>
|
|
|
|
|
|
</div> |