241 lines
11 KiB
HTML
241 lines
11 KiB
HTML
<div class="row">
|
|
<div class="col-xs-3">
|
|
<h2>Pond 1</h2>
|
|
<form class="form-inline">
|
|
<div class="form-group">
|
|
<label for="high-setpoint-1">High Setpoint</label>
|
|
<input class="form-control setpoint"
|
|
id="high-setpoint-1"
|
|
type="number"
|
|
step="0.1"
|
|
value="<%= channels["plcpond.pond1highalarmsetpoint"].value %>" />
|
|
<a href="#"
|
|
data-confirm-message="Are you sure you want to do this?"
|
|
data-refreshpause="1"
|
|
data-command=""
|
|
data-staticsend="1"
|
|
data-channelId="<%= channels["plcpond.pond1highalarmsetpoint"].channelId %>"
|
|
data-techname="<%=channels["plcpond.pond1highalarmsetpoint"].techName %>"
|
|
data-name="<%= channels["plcpond.pond1highalarmsetpoint"].name%>"
|
|
data-nodechannelcurrentId="<%= channels["plcpond.pond1highalarmsetpoint"].nodechannelcurrentId %>"
|
|
id="<%= channels["plcpond.pond1highalarmsetpoint"].channelId %>"
|
|
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
|
|
</div>
|
|
</form>
|
|
|
|
<br />
|
|
<hr />
|
|
<br />
|
|
|
|
<form class="form-inline">
|
|
<div class="form-group">
|
|
<label for="low-setpoint-1">Low Setpoint</label>
|
|
<input class="form-control setpoint"
|
|
id="low-setpoint-1"
|
|
type="number"
|
|
step="0.1"
|
|
value="<%= channels["plcpond.pond1lowalarmsetpoint"].value %>" />
|
|
<a href="#"
|
|
data-confirm-message="Are you sure you want to do this?"
|
|
data-refreshpause="1"
|
|
data-command=""
|
|
data-staticsend="1"
|
|
data-channelId="<%= channels["plcpond.pond1lowalarmsetpoint"].channelId %>"
|
|
data-techname="<%=channels["plcpond.pond1lowalarmsetpoint"].techName %>"
|
|
data-name="<%= channels["plcpond.pond1lowalarmsetpoint"].name%>"
|
|
data-nodechannelcurrentId="<%= channels["plcpond.pond1lowalarmsetpoint"].nodechannelcurrentId %>"
|
|
id="<%= channels["plcpond.pond1lowalarmsetpoint"].channelId %>"
|
|
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-xs-3">
|
|
<h2>Pond 2</h2>
|
|
<form class="form-inline">
|
|
<div class="form-group">
|
|
<label for="high-setpoint-2">High Setpoint</label>
|
|
<input class="form-control setpoint"
|
|
id="high-setpoint-2"
|
|
type="number"
|
|
step="0.1"
|
|
value="<%= channels["plcpond.pond2highalarmsetpoint"].value %>" />
|
|
<a href="#"
|
|
data-confirm-message="Are you sure you want to do this?"
|
|
data-refreshpause="1"
|
|
data-command=""
|
|
data-staticsend="1"
|
|
data-channelId="<%= channels["plcpond.pond2highalarmsetpoint"].channelId %>"
|
|
data-techname="<%=channels["plcpond.pond2highalarmsetpoint"].techName %>"
|
|
data-name="<%= channels["plcpond.pond2highalarmsetpoint"].name%>"
|
|
data-nodechannelcurrentId="<%= channels["plcpond.pond2highalarmsetpoint"].nodechannelcurrentId %>"
|
|
id="<%= channels["plcpond.pond2highalarmsetpoint"].channelId %>"
|
|
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
|
|
</div>
|
|
</form>
|
|
|
|
<br />
|
|
<hr />
|
|
<br />
|
|
|
|
<form class="form-inline">
|
|
<div class="form-group">
|
|
<label for="low-setpoint-2">Low Setpoint</label>
|
|
<input class="form-control setpoint"
|
|
id="low-setpoint-2"
|
|
type="number"
|
|
step="0.1"
|
|
value="<%= channels["plcpond.pond2lowalarmsetpoint"].value %>" />
|
|
<a href="#"
|
|
data-confirm-message="Are you sure you want to do this?"
|
|
data-refreshpause="1"
|
|
data-command=""
|
|
data-staticsend="1"
|
|
data-channelId="<%= channels["plcpond.pond2lowalarmsetpoint"].channelId %>"
|
|
data-techname="<%=channels["plcpond.pond2lowalarmsetpoint"].techName %>"
|
|
data-name="<%= channels["plcpond.pond2lowalarmsetpoint"].name%>"
|
|
data-nodechannelcurrentId="<%= channels["plcpond.pond2lowalarmsetpoint"].nodechannelcurrentId %>"
|
|
id="<%= channels["plcpond.pond2lowalarmsetpoint"].channelId %>"
|
|
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-xs-3">
|
|
<h2>Pond 3</h2>
|
|
<form class="form-inline">
|
|
<div class="form-group">
|
|
<label for="high-setpoint-3">High Setpoint</label>
|
|
<input class="form-control setpoint"
|
|
id="high-setpoint-3"
|
|
type="number"
|
|
step="0.1"
|
|
value="<%= channels["plcpond.pond3highalarmsetpoint"].value %>" />
|
|
<a href="#"
|
|
data-confirm-message="Are you sure you want to do this?"
|
|
data-refreshpause="1"
|
|
data-command=""
|
|
data-staticsend="1"
|
|
data-channelId="<%= channels["plcpond.pond3highalarmsetpoint"].channelId %>"
|
|
data-techname="<%=channels["plcpond.pond3highalarmsetpoint"].techName %>"
|
|
data-name="<%= channels["plcpond.pond3highalarmsetpoint"].name%>"
|
|
data-nodechannelcurrentId="<%= channels["plcpond.pond3highalarmsetpoint"].nodechannelcurrentId %>"
|
|
id="<%= channels["plcpond.pond3highalarmsetpoint"].channelId %>"
|
|
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
|
|
</div>
|
|
</form>
|
|
|
|
<br />
|
|
<hr />
|
|
<br />
|
|
|
|
<form class="form-inline">
|
|
<div class="form-group">
|
|
<label for="low-setpoint-3">Low Setpoint</label>
|
|
<input class="form-control setpoint"
|
|
id="low-setpoint-3"
|
|
type="number"
|
|
step="0.1"
|
|
value="<%= channels["plcpond.pond3lowalarmsetpoint"].value %>" />
|
|
<a href="#"
|
|
data-confirm-message="Are you sure you want to do this?"
|
|
data-refreshpause="1"
|
|
data-command=""
|
|
data-staticsend="1"
|
|
data-channelId="<%= channels["plcpond.pond3lowalarmsetpoint"].channelId %>"
|
|
data-techname="<%=channels["plcpond.pond3lowalarmsetpoint"].techName %>"
|
|
data-name="<%= channels["plcpond.pond3lowalarmsetpoint"].name%>"
|
|
data-nodechannelcurrentId="<%= channels["plcpond.pond3lowalarmsetpoint"].nodechannelcurrentId %>"
|
|
id="<%= channels["plcpond.pond3lowalarmsetpoint"].channelId %>"
|
|
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="col-xs-3">
|
|
<h2>Pond 4</h2>
|
|
<form class="form-inline">
|
|
<div class="form-group">
|
|
<label for="high-setpoint-4">High Setpoint</label>
|
|
<input class="form-control setpoint"
|
|
id="high-setpoint-4"
|
|
type="number"
|
|
step="0.1"
|
|
value="<%= channels["plcpond.pond4highalarmsetpoint"].value %>" />
|
|
<a href="#"
|
|
data-confirm-message="Are you sure you want to do this?"
|
|
data-refreshpause="1"
|
|
data-command=""
|
|
data-staticsend="1"
|
|
data-channelId="<%= channels["plcpond.pond4highalarmsetpoint"].channelId %>"
|
|
data-techname="<%=channels["plcpond.pond4highalarmsetpoint"].techName %>"
|
|
data-name="<%= channels["plcpond.pond4highalarmsetpoint"].name%>"
|
|
data-nodechannelcurrentId="<%= channels["plcpond.pond4highalarmsetpoint"].nodechannelcurrentId %>"
|
|
id="<%= channels["plcpond.pond4highalarmsetpoint"].channelId %>"
|
|
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
|
|
</div>
|
|
</form>
|
|
<br />
|
|
<hr />
|
|
<br />
|
|
|
|
<form class="form-inline">
|
|
<div class="form-group">
|
|
<label for="low-setpoint-4">Low Setpoint</label>
|
|
<input class="form-control setpoint"
|
|
id="low-setpoint-4"
|
|
type="number"
|
|
step="0.1"
|
|
value="<%= channels["plcpond.pond4lowalarmsetpoint"].value %>" />
|
|
<a href="#"
|
|
data-confirm-message="Are you sure you want to do this?"
|
|
data-refreshpause="1"
|
|
data-command=""
|
|
data-staticsend="1"
|
|
data-channelId="<%= channels["plcpond.pond4lowalarmsetpoint"].channelId %>"
|
|
data-techname="<%=channels["plcpond.pond4lowalarmsetpoint"].techName %>"
|
|
data-name="<%= channels["plcpond.pond4lowalarmsetpoint"].name%>"
|
|
data-nodechannelcurrentId="<%= channels["plcpond.pond4lowalarmsetpoint"].nodechannelcurrentId %>"
|
|
id="<%= channels["plcpond.pond4lowalarmsetpoint"].channelId %>"
|
|
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript">
|
|
$("#high-setpoint-1").change(function(){
|
|
$("#<%= channels["plcpond.pond1highalarmsetpoint"].channelId %>").attr('data-staticsend', $("#high-setpoint-1").val());
|
|
})
|
|
|
|
$("#high-setpoint-2").change(function(){
|
|
$("#<%= channels["plcpond.pond2highalarmsetpoint"].channelId %>").attr('data-staticsend', $("#high-setpoint-2").val());
|
|
})
|
|
|
|
$("#high-setpoint-3").change(function(){
|
|
$("#<%= channels["plcpond.pond3highalarmsetpoint"].channelId %>").attr('data-staticsend', $("#high-setpoint-3").val());
|
|
})
|
|
|
|
$("#high-setpoint-4").change(function(){
|
|
$("#<%= channels["plcpond.pond4highalarmsetpoint"].channelId %>").attr('data-staticsend', $("#high-setpoint-4").val());
|
|
})
|
|
|
|
$("#low-setpoint-1").change(function(){
|
|
$("#<%= channels["plcpond.pond1lowalarmsetpoint"].channelId %>").attr('data-staticsend', $("#low-setpoint-1").val());
|
|
})
|
|
|
|
$("#low-setpoint-2").change(function(){
|
|
$("#<%= channels["plcpond.pond2lowalarmsetpoint"].channelId %>").attr('data-staticsend', $("#low-setpoint-2").val());
|
|
})
|
|
|
|
$("#low-setpoint-3").change(function(){
|
|
$("#<%= channels["plcpond.pond3lowalarmsetpoint"].channelId %>").attr('data-staticsend', $("#low-setpoint-3").val());
|
|
})
|
|
|
|
$("#low-setpoint-4").change(function(){
|
|
$("#<%= channels["plcpond.pond4lowalarmsetpoint"].channelId %>").attr('data-staticsend', $("#low-setpoint-4").val());
|
|
})
|
|
|
|
|
|
</script>
|