Completes MAXH2O-81.

Adds toggle to hide/show control buttons.
This commit is contained in:
Patrick McDonagh
2017-12-01 12:33:28 -06:00
parent e4234bc2c3
commit aba5ed61f5
3 changed files with 79 additions and 34 deletions

View File

@@ -67,6 +67,48 @@
</div>
</div>
<div class="row row-flex">
<div class="col-md-6 text-center box-me" id="start-stop-toggle">
<% if (channels['flowmonitor.start_stop_enabled'].value == "True"){ %>
<h2>Start / Stop Relay Enabled</h2>
<% } else { %>
<h2>Start / Stop Relay Disabled</h2>
<% } %>
<div data-valueupdate="start_stop_enabled" data-refreshonupdate=true>
<form>
<% if (channels['flowmonitor.start_stop_enabled'].value == "True"){ %>
<a
href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend="False"
data-channelId="<%= channels["flowmonitor.start_stop_enabled"].channelId %>"
data-techname="<%=channels["flowmonitor.start_stop_enabled"].techName %>"
data-name="<%= channels["flowmonitor.start_stop_enabled"].name%>"
data-nodechannelcurrentId="<%= channels["flowmonitor.start_stop_enabled"].nodechannelcurrentId %>"
id="<%= channels["flowmonitor.start_stop_enabled"].channelId %>"
class="btn btn-large btn-theme animated setstatic">Disable Control</a>
<% } else { %>
<a
href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend="True"
data-channelId="<%= channels["flowmonitor.start_stop_enabled"].channelId %>"
data-techname="<%=channels["flowmonitor.start_stop_enabled"].techName %>"
data-name="<%= channels["flowmonitor.start_stop_enabled"].name%>"
data-nodechannelcurrentId="<%= channels["flowmonitor.start_stop_enabled"].nodechannelcurrentId %>"
id="<%= channels["flowmonitor.start_stop_enabled"].channelId %>"
class="btn btn-large btn-theme animated setstatic">Enable Control</a>
<% } %>
</form>
</div>
</div>
</div>
<script>
$('.channel_value').each(function(topLevel){
@@ -80,4 +122,5 @@ $('.channel_value').each(function(topLevel){
});
});
</script>

View File

@@ -1,32 +1,34 @@
<div class="row row-flex box-me">
<div class="col-md-6 text-center">
<a href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend=1
data-channelId="<%= channels["flowmonitor.startcmd"].channelId %>"
data-techname="<%=channels["flowmonitor.startcmd"].techName %>"
data-name="<%= channels["flowmonitor.startcmd"].name%>"
data-nodechannelcurrentId="<%= channels["flowmonitor.startcmd"].nodechannelcurrentId %>"
id="<%= channels["flowmonitor.startcmd"].channelId %>"
class="btn btn-large btn-theme animated setstatic">Start</a>
</div>
<% if (channels["flowmonitor.start_stop_enabled"].value == "True"){ %>
<div class="row row-flex box-me">
<div class="col-md-6 text-center">
<a href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend=1
data-channelId="<%= channels["flowmonitor.startcmd"].channelId %>"
data-techname="<%=channels["flowmonitor.startcmd"].techName %>"
data-name="<%= channels["flowmonitor.startcmd"].name%>"
data-nodechannelcurrentId="<%= channels["flowmonitor.startcmd"].nodechannelcurrentId %>"
id="<%= channels["flowmonitor.startcmd"].channelId %>"
class="btn btn-large btn-theme animated setstatic">Start</a>
</div>
<div class="col-md-6 text-center">
<a href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend=1
data-channelId="<%= channels["flowmonitor.stopcmd"].channelId %>"
data-techname="<%=channels["flowmonitor.stopcmd"].techName %>"
data-name="<%= channels["flowmonitor.stopcmd"].name%>"
data-nodechannelcurrentId="<%= channels["flowmonitor.stopcmd"].nodechannelcurrentId %>"
id="<%= channels["flowmonitor.stopcmd"].channelId %>"
class="btn btn-large btn-theme animated setstatic">Stop</a>
<div class="col-md-6 text-center">
<a href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend=1
data-channelId="<%= channels["flowmonitor.stopcmd"].channelId %>"
data-techname="<%=channels["flowmonitor.stopcmd"].techName %>"
data-name="<%= channels["flowmonitor.stopcmd"].name%>"
data-nodechannelcurrentId="<%= channels["flowmonitor.stopcmd"].nodechannelcurrentId %>"
id="<%= channels["flowmonitor.stopcmd"].channelId %>"
class="btn btn-large btn-theme animated setstatic">Stop</a>
</div>
</div>
</div>
<% } %>
<div class="row row-flex box-me">
<div class='col-xs-6 text-center box-me'>