nmelone/Pond-Level-Sensor
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adds driverConfig.json, persistence, scaling, etc.

Browse Source
This commit is contained in:
Patrick McDonagh
2017-11-27 22:20:10 -06:00
parent 7d39dd5e63
commit b87eb09d79
4 changed files with 264 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

162
html_templates/Scaling.html Normal file
View File

@@ -0,0 +1,162 @@
<div class="row row-flex">
<div class="col-md-6 box-me entry-top-level" id="setrawmax">
<div class="pad15">
<h2>Raw Max (mA)</h2>
<form class="form-inline">
<div class="form-group">
<input class="form-control val_box"
type="number"
step="any"
value="<%=channels['pondlevel.setrawmax'].value %>">
</div>
<a href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend=25.0
data-channelId="<%= channels["pondlevel.setrawmax"].channelId %>"
data-techname="<%=channels["pondlevel.setrawmax"].techName %>"
data-name="<%= channels["pondlevel.setrawmax"].name%>"
data-nodechannelcurrentId="<%= channels["pondlevel.setrawmax"].nodechannelcurrentId %>"
id="<%= channels["pondlevel.setrawmax"].channelId %>"
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
</form>
</div>
</div>
<div class="col-md-6 box-me entry-top-level" id="setrawmin">
<div class="pad15">
<h2>Raw Min (mA)</h2>
<form class="form-inline">
<div class="form-group">
<input class="form-control val_box"
type="number"
step="any"
value="<%=channels['pondlevel.setrawmin'].value %>">
</div>
<a href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend=25.0
data-channelId="<%= channels["pondlevel.setrawmin"].channelId %>"
data-techname="<%=channels["pondlevel.setrawmin"].techName %>"
data-name="<%= channels["pondlevel.setrawmin"].name%>"
data-nodechannelcurrentId="<%= channels["pondlevel.setrawmin"].nodechannelcurrentId %>"
id="<%= channels["pondlevel.setrawmin"].channelId %>"
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
</form>
</div>
</div>
<div class="col-md-6 box-me entry-top-level" id="seteumax">
<div class="pad15">
<h2>EU Max (Ft.)</h2>
<form class="form-inline">
<div class="form-group">
<input class="form-control val_box"
type="number"
step="any"
value="<%=channels['pondlevel.seteumax'].value %>">
</div>
<a href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend=25.0
data-channelId="<%= channels["pondlevel.seteumax"].channelId %>"
data-techname="<%=channels["pondlevel.seteumax"].techName %>"
data-name="<%= channels["pondlevel.seteumax"].name%>"
data-nodechannelcurrentId="<%= channels["pondlevel.seteumax"].nodechannelcurrentId %>"
id="<%= channels["pondlevel.seteumax"].channelId %>"
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
</form>
</div>
</div>
<div class="col-md-6 box-me entry-top-level" id="seteumin">
<div class="pad15">
<h2>EU Min (Ft.)</h2>
<form class="form-inline">
<div class="form-group">
<input class="form-control val_box"
type="number"
step="any"
value="<%=channels['pondlevel.seteumin'].value %>">
</div>
<a href="#"
data-confirm-message="Are you sure you want to do this?"
data-refreshpause="1"
data-command=""
data-staticsend=25.0
data-channelId="<%= channels["pondlevel.seteumin"].channelId %>"
data-techname="<%=channels["pondlevel.seteumin"].techName %>"
data-name="<%= channels["pondlevel.seteumin"].name%>"
data-nodechannelcurrentId="<%= channels["pondlevel.seteumin"].nodechannelcurrentId %>"
id="<%= channels["pondlevel.seteumin"].channelId %>"
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
</form>
</div>
</div>
</div>
<style>
.box-me {
position: relative;
padding: 0.5em;
padding-bottom: 1.5em;
border: 1px solid #eee;
/*margin: 1em 0;*/
}
.box-me .gauge-box {
margin-top: -0.25em;
}
.pad15 {
margin: 15px 15px;
}
.box-me h2 {
text-transform: uppercase;
font-size: 14px;
color: #666;
font-weight: 400;
letter-spacing: 1px;
z-index: 100;
}
.row-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
}
.row-flex > [class*='col-'] {
display: flex;
flex-direction: column;
}
</style>
<script>
$('.val_box').each(function(topLevel){
$(this).change(function(){
var id = "#" + $(this).closest(".entry-top-level").attr('id');
if (id !== "#undefined"){
var val = $(id).find('.val_box').val();
var tag = $(id).find('.setstatic').attr('data-staticsend', val);
console.log($(id).find('.setstatic').attr('data-staticsend'));
}
});
});
</script>