Adds HTML Templates

This commit is contained in:
Patrick McDonagh
2017-08-15 14:52:50 -05:00
parent 2f3a9b1625
commit 1e49613c51
7 changed files with 296 additions and 11 deletions

50
HTML/Configuration.html Normal file
View File

@@ -0,0 +1,50 @@
<div class="row row-flex">
<div class="col-md-6 box-me entry-top-level" id="low_flow_gpm">
<div style="margin-left:15px;">
<h2>Low Flow Setpoint</h2>
<form class="form-inline">
<div class="form-group" style="margin-bottom:15px;">
<label
class="sr-only"
for="<%= channels["flowmonitor.low_flow_gpm"].channelId %>">Low Flow Limit (GPM)</label>
<div class="input-group">
<input
class="form-control channel_value"
type="number"
step="any"
value="<%=channels['flowmonitor.low_flow_gpm'].value %>">
<div class="input-group-addon">GPM</div>
</div>
</div>
<hr />
<a
href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend=1.0
data-channelId="<%= channels["flowmonitor.low_flow_gpm"].channelId %>"
data-techname="<%=channels["flowmonitor.low_flow_gpm"].techName %>"
data-name="<%= channels["flowmonitor.low_flow_gpm"].name%>"
data-nodechannelcurrentId="<%= channels["flowmonitor.low_flow_gpm"].nodechannelcurrentId %>"
id="<%= channels["flowmonitor.low_flow_gpm"].channelId %>"
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
</form>
</div>
</div>
</div>
<script>
$('.channel_value').each(function(topLevel){
$(this).change(function(){
var id = "#" + $(this).closest(".entry-top-level").attr('id');
if (id !== "#undefined"){
var val = $(id).find('.channel_value').val();
var tag = $(id).find('.setstatic').attr('data-staticsend', val);
console.log($(id).find('.setstatic').attr('data-staticsend'));
}
});
});
</script>