Switch to Micro850 controller
This commit is contained in:
Patrick McDonagh
@@ -39,4 +39,5 @@ id,name,deviceTypeId,fromMe,io,subTitle,helpExplanation,channelType,dataType,def
|
||||
,an4ispond,465,FALSE,readonly,Analog 4 Is Pond Level,Use the input for pond level monitoring,device,boolean,FALSE,,,,,,,,
|
||||
,an5ispond,465,FALSE,readonly,Analog 5 Is Pond Level,Use the input for pond level monitoring,device,boolean,FALSE,,,,,,,,
|
||||
,an6ispond,465,FALSE,readonly,Analog 6 Is Pond Level,Use the input for pond level monitoring,device,boolean,FALSE,,,,,,,,
|
||||
,an7ispond,465,FALSE,readonly,Analog 7 Is Pond Level,Use the input for pond level monitoring,device,boolean,FALSE,,,,,,,,
|
||||
,an7ispond,465,FALSE,readonly,Analog 7 Is Pond Level,Use the input for pond level monitoring,device,boolean,FALSE,,,,,,,,
|
||||
,public_ip_address,465,FALSE,readonly,Public IP Address,Network Address,device,string,,,,,,,,,
|
||||
|
240
POCloud/html-templates/Alarm Setpoints.html
Normal file
240
POCloud/html-templates/Alarm Setpoints.html
Normal file
@@ -0,0 +1,240 @@
|
||||
<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>
|
||||
1
POCloud/html-templates/Alerts.html
Normal file
1
POCloud/html-templates/Alerts.html
Normal file
@@ -0,0 +1 @@
|
||||
<module>Alerts</module>
|
||||
180
POCloud/html-templates/Calibration.html
Normal file
180
POCloud/html-templates/Calibration.html
Normal file
@@ -0,0 +1,180 @@
|
||||
<div class="row">
|
||||
<div class="col-xs-10 col-xs-offset-1">
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="number-of-ponds">Number of Ponds</label>
|
||||
<input class="form-control"
|
||||
id="number-of-ponds"
|
||||
type="number"
|
||||
step="1"
|
||||
value="<%= channels["plcpond.cfgnumberofponds"].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.cfgnumberofponds"].channelId %>"
|
||||
data-techname="<%=channels["plcpond.cfgnumberofponds"].techName %>"
|
||||
data-name="<%= channels["plcpond.cfgnumberofponds"].name%>"
|
||||
data-nodechannelcurrentId="<%= channels["plcpond.cfgnumberofponds"].nodechannelcurrentId %>"
|
||||
id="<%= channels["plcpond.cfgnumberofponds"].channelId %>"
|
||||
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h2>Pond 1 Calibration</h2>
|
||||
<table id="calibration-data-table-1" class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Level (Ft.)</th>
|
||||
<th>Volume</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<h2>Pond 2 Calibration</h2>
|
||||
<table id="calibration-data-table-2" class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Level (Ft.)</th>
|
||||
<th>Volume</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-xs-6">
|
||||
<h2>Pond 3 Calibration</h2>
|
||||
<table id="calibration-data-table-3" class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Level (Ft.)</th>
|
||||
<th>Volume</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-6">
|
||||
<h2>Pond 4 Calibration</h2>
|
||||
<table id="calibration-data-table-4" class="table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Level (Ft.)</th>
|
||||
<th>Volume</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row pad15">
|
||||
<div class="col-md-12 entry-top-level" id="new-entry">
|
||||
<h2>Add a new Calibration Point</h2>
|
||||
<form>
|
||||
<div class="form-group">
|
||||
<label for="pond-select">Pond Number</label>
|
||||
<select class="form-control" id="pond-select">
|
||||
<option value=1 >1</option>
|
||||
<option value=2 >2</option>
|
||||
<option value=3 >3</option>
|
||||
<option value=4 >4</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label for="height-box">Height</label>
|
||||
<input class="form-control height_box"
|
||||
id="height-box"
|
||||
type="number"
|
||||
step="any"
|
||||
value="0">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="volume-box">Volume</label>
|
||||
<input class="form-control volume_box"
|
||||
id="volume-box"
|
||||
type="number"
|
||||
step="any"
|
||||
value="0">
|
||||
</div>
|
||||
|
||||
<a href="#"
|
||||
data-confirm-message="Are you sure you want to do this?"
|
||||
data-refreshpause="1"
|
||||
data-command=""
|
||||
data-staticsend="{'pond':0, 'height':0.0, 'volume':0.0}"
|
||||
data-channelId="<%= channels["plcpond.addcalibrationpoint"].channelId %>"
|
||||
data-techname="<%=channels["plcpond.addcalibrationpoint"].techName %>"
|
||||
data-name="<%= channels["plcpond.addcalibrationpoint"].name%>"
|
||||
data-nodechannelcurrentId="<%= channels["plcpond.addcalibrationpoint"].nodechannelcurrentId %>"
|
||||
id="<%= channels["plcpond.addcalibrationpoint"].channelId %>"
|
||||
class="btn btn-large btn-theme animated setstatic material-icons">send</a>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
String.prototype.replaceAll = function(search, replacement) {
|
||||
var target = this;
|
||||
return target.replace(new RegExp(search, 'g'), replacement);
|
||||
};
|
||||
|
||||
var configRaw = [""];
|
||||
configRaw.push("<%= channels["plcpond.pond1calibration"].value %>");
|
||||
configRaw.push("<%= channels["plcpond.pond2calibration"].value %>");
|
||||
configRaw.push("<%= channels["plcpond.pond3calibration"].value %>");
|
||||
configRaw.push("<%= channels["plcpond.pond4calibration"].value %>");
|
||||
|
||||
for (var j = 1; j<=4; j++){
|
||||
var configData = JSON.parse(configRaw[j].replaceAll("'", '"'));
|
||||
console.log(configData);
|
||||
var tableRows = [];
|
||||
for (var i = 0; i < configData.length; i++){
|
||||
var thisHtml = "<tr><td>" + configData[i].height + "</td><td>" + configData[i].volume + '</td><td><a href="#" data-confirm-message="Are you sure you want to do this?" data-refreshpause="1" data-command="" data-staticsend="{\'pond\': '+ j +', \'point\': '+ i +'}" data-channelId="<%= channels["plcpond.deletecalibrationpoint"].channelId %>" data-techname="<%=channels["plcpond.deletecalibrationpoint"].techName %>" data-name="<%= channels["plcpond.deletecalibrationpoint"].name%>" data-nodechannelcurrentId="<%= channels["plcpond.deletecalibrationpoint"].nodechannelcurrentId %>" id="<%= channels["plcpond.deletecalibrationpoint"].channelId %>" class="btn btn-large btn-theme animated setstatic">Delete</a></tr>';
|
||||
tableRows.push(thisHtml);
|
||||
}
|
||||
$("#calibration-data-table-"+ j +" > tbody").html(tableRows);
|
||||
}
|
||||
|
||||
|
||||
$("#height-box").change(function(){
|
||||
var currentNewPoint = JSON.parse($("#<%= channels["plcpond.addcalibrationpoint"].channelId %>").attr('data-staticsend').replaceAll("'", '"'));
|
||||
currentNewPoint['height'] = $("#height-box").val();
|
||||
$("#<%= channels["plcpond.addcalibrationpoint"].channelId %>").attr('data-staticsend', JSON.stringify(currentNewPoint).replaceAll('"', "'"));
|
||||
})
|
||||
|
||||
$("#volume-box").change(function(){
|
||||
var currentNewPoint = JSON.parse($("#<%= channels["plcpond.addcalibrationpoint"].channelId %>").attr('data-staticsend').replaceAll("'", '"'));
|
||||
currentNewPoint['volume'] = $("#volume-box").val();
|
||||
$("#<%= channels["plcpond.addcalibrationpoint"].channelId %>").attr('data-staticsend', JSON.stringify(currentNewPoint).replaceAll('"', "'"));
|
||||
})
|
||||
|
||||
$("#pond-select").change(function(){
|
||||
var currentNewPoint = JSON.parse($("#<%= channels["plcpond.addcalibrationpoint"].channelId %>").attr('data-staticsend').replaceAll("'", '"'));
|
||||
currentNewPoint['pond'] = $("#pond-select").val();
|
||||
$("#<%= channels["plcpond.addcalibrationpoint"].channelId %>").attr('data-staticsend', JSON.stringify(currentNewPoint).replaceAll('"', "'"));
|
||||
})
|
||||
|
||||
$("#number-of-ponds").change(function(){
|
||||
$("#<%= channels["plcpond.cfgnumberofponds"].channelId %>").attr('data-staticsend', $("#number-of-ponds").val());
|
||||
})
|
||||
|
||||
</script>
|
||||
42
POCloud/html-templates/Device.html
Normal file
42
POCloud/html-templates/Device.html
Normal file
@@ -0,0 +1,42 @@
|
||||
<div class="row row-flex box-me">
|
||||
<div class="col-md-6 text-center">
|
||||
<h2 class="uppercase">Public IP Address</h2>
|
||||
<p><%= channels["plcpond.public_ip_address"].value %><p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.uppercase {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.box-me {
|
||||
position: relative;
|
||||
padding: 0.5em;
|
||||
padding-bottom: 1.5em;
|
||||
border: 1px solid #eee;
|
||||
/*margin: 1em 0;*/
|
||||
}
|
||||
.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;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.25em;
|
||||
}
|
||||
|
||||
</style>
|
||||
36
POCloud/html-templates/NodeDetailHeader.html
Normal file
36
POCloud/html-templates/NodeDetailHeader.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<style>
|
||||
.header h4 {
|
||||
position: relative;
|
||||
top: 0.9em;
|
||||
}
|
||||
.header h2 {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
color: #aaa;
|
||||
margin: 0.75em 0;
|
||||
}
|
||||
.header p {
|
||||
font-size: 24px;
|
||||
color: black;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="row header">
|
||||
<div class="col-xs-1">
|
||||
<div class="<%= nodecolors.statuscolor %> nodecolor"></div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-2">
|
||||
<img src="<%= nodeimgurl %>" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<h4><%= node.vanityname %></h4>
|
||||
</div>
|
||||
|
||||
<div class='col-xs-3'>
|
||||
<h2>Total Volume</h2>
|
||||
<p><%= Math.round(channels['plcpond.pondvolumetotal'].value) %> BBL</p>
|
||||
</div>
|
||||
</div>
|
||||
36
POCloud/html-templates/Nodelist.html
Normal file
36
POCloud/html-templates/Nodelist.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<style>
|
||||
.header h4 {
|
||||
position: relative;
|
||||
top: 0.9em;
|
||||
}
|
||||
.header h2 {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
color: #aaa;
|
||||
margin: 0.75em 0;
|
||||
}
|
||||
.header p {
|
||||
font-size: 24px;
|
||||
color: black;
|
||||
font-weight: 600;
|
||||
}
|
||||
</style>
|
||||
|
||||
<div class="row header">
|
||||
<div class="col-xs-1">
|
||||
<div class="<%= nodecolors.statuscolor %> nodecolor"></div>
|
||||
</div>
|
||||
|
||||
<div class="col-xs-2">
|
||||
<img src="<%= nodeimgurl %>" />
|
||||
</div>
|
||||
|
||||
<div class="col-xs-4">
|
||||
<h4><%= node.vanityname %></h4>
|
||||
</div>
|
||||
|
||||
<div class='col-xs-3'>
|
||||
<h2>Total Volume</h2>
|
||||
<p><%= Math.round(channels['plcpond.pondvolumetotal'].value) %> BBL</p>
|
||||
</div>
|
||||
</div>
|
||||
265
POCloud/html-templates/Overview.html
Normal file
265
POCloud/html-templates/Overview.html
Normal file
@@ -0,0 +1,265 @@
|
||||
<div class="box-me">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 text-center">
|
||||
<h1>Level</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="make-gauge col-xs-4"
|
||||
data-deviceName="plcpond"
|
||||
data-channelName="pond1height"
|
||||
data-displayName="Pond 1 Height"
|
||||
data-units="Ft"
|
||||
data-min="0"
|
||||
data-max="50"
|
||||
data-decimalPlaces="2"
|
||||
data-channelId="<%= channels['plcpond.pond1height'].channelId %>"
|
||||
data-timestamp="<%= channels['plcpond.pond1height'].timestamp %>"
|
||||
></div>
|
||||
<% if (parseInt(channels['plcpond.cfgnumberofponds'].value) >= 2) { %>
|
||||
<div class="make-gauge col-xs-4"
|
||||
data-deviceName="plcpond"
|
||||
data-channelName="pond2height"
|
||||
data-displayName="Pond 2 Height"
|
||||
data-units="Ft"
|
||||
data-min="0"
|
||||
data-max="50"
|
||||
data-decimalPlaces="2"
|
||||
data-channelId="<%= channels['plcpond.pond2height'].channelId %>"
|
||||
data-timestamp="<%= channels['plcpond.pond2height'].timestamp %>"
|
||||
></div>
|
||||
<% }%>
|
||||
|
||||
<% if (parseInt(channels['plcpond.cfgnumberofponds'].value) >= 3) { %>
|
||||
<div class="make-gauge col-xs-4"
|
||||
data-deviceName="plcpond"
|
||||
data-channelName="pond3height"
|
||||
data-displayName="Pond 3 Height"
|
||||
data-units="Ft"
|
||||
data-min="0"
|
||||
data-max="50"
|
||||
data-decimalPlaces="2"
|
||||
data-channelId="<%= channels['plcpond.pond3height'].channelId %>"
|
||||
data-timestamp="<%= channels['plcpond.pond3height'].timestamp %>"
|
||||
></div>
|
||||
<% }%>
|
||||
|
||||
<% if (parseInt(channels['plcpond.cfgnumberofponds'].value) >= 4) { %>
|
||||
<div class="make-gauge col-xs-4"
|
||||
data-deviceName="plcpond"
|
||||
data-channelName="pond4height"
|
||||
data-displayName="Pond 4 Height"
|
||||
data-units="Ft"
|
||||
data-min="0"
|
||||
data-max="50"
|
||||
data-decimalPlaces="2"
|
||||
data-channelId="<%= channels['plcpond.pond4height'].channelId %>"
|
||||
data-timestamp="<%= channels['plcpond.pond4height'].timestamp %>"
|
||||
></div>
|
||||
<% }%>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="box-me">
|
||||
<div class="row">
|
||||
<div class="col-xs-12 text-center">
|
||||
<h1>Volume</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="make-gauge col-xs-4"
|
||||
data-deviceName="plcpond"
|
||||
data-channelName="pond1volume"
|
||||
data-displayName="Pond 1 Volume"
|
||||
data-units="BBL"
|
||||
data-min="0"
|
||||
data-max="1000000"
|
||||
data-decimalPlaces="0"
|
||||
data-channelId="<%= channels['plcpond.pond1volume'].channelId %>"
|
||||
data-timestamp="<%= channels['plcpond.pond1volume'].timestamp %>"
|
||||
></div>
|
||||
<% if (parseInt(channels['plcpond.cfgnumberofponds'].value) >= 2) { %>
|
||||
<div class="make-gauge col-xs-4"
|
||||
data-deviceName="plcpond"
|
||||
data-channelName="pond2volume"
|
||||
data-displayName="Pond 2 Volume"
|
||||
data-units="BBL"
|
||||
data-min="0"
|
||||
data-max="1000000"
|
||||
data-decimalPlaces="0"
|
||||
data-channelId="<%= channels['plcpond.pond2volume'].channelId %>"
|
||||
data-timestamp="<%= channels['plcpond.pond2volume'].timestamp %>"
|
||||
></div>
|
||||
<% }%>
|
||||
|
||||
<% if (parseInt(channels['plcpond.cfgnumberofponds'].value) >= 3) { %>
|
||||
<div class="make-gauge col-xs-4"
|
||||
data-deviceName="plcpond"
|
||||
data-channelName="pond3volume"
|
||||
data-displayName="Pond 3 Volume"
|
||||
data-units="BBL"
|
||||
data-min="0"
|
||||
data-max="1000000"
|
||||
data-decimalPlaces="0"
|
||||
data-channelId="<%= channels['plcpond.pond3volume'].channelId %>"
|
||||
data-timestamp="<%= channels['plcpond.pond3volume'].timestamp %>"
|
||||
></div>
|
||||
<% }%>
|
||||
|
||||
<% if (parseInt(channels['plcpond.cfgnumberofponds'].value) >= 4) { %>
|
||||
<div class="make-gauge col-xs-4"
|
||||
data-deviceName="plcpond"
|
||||
data-channelName="pond4volume"
|
||||
data-displayName="Pond 4 Volume"
|
||||
data-units="BBL"
|
||||
data-min="0"
|
||||
data-max="1000000"
|
||||
data-decimalPlaces="0"
|
||||
data-channelId="<%= channels['plcpond.pond4volume'].channelId %>"
|
||||
data-timestamp="<%= channels['plcpond.pond4volume'].timestamp %>"
|
||||
></div>
|
||||
<% }%>
|
||||
|
||||
<% if (parseInt(channels['plcpond.cfgnumberofponds'].value) >= 2) { %>
|
||||
<div class="make-gauge col-xs-4"
|
||||
data-deviceName="plcpond"
|
||||
data-channelName="pondvolumetotal"
|
||||
data-displayName="Pond Volume Total"
|
||||
data-units="BBL"
|
||||
data-min="0"
|
||||
data-max="1000000"
|
||||
data-decimalPlaces="0"
|
||||
data-channelId="<%= channels['plcpond.pondvolumetotal'].channelId %>"
|
||||
data-timestamp="<%= channels['plcpond.pondvolumetotal'].timestamp %>"
|
||||
></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;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.dynamic-chart-form {
|
||||
background-color: whiteSmoke;
|
||||
padding: 1em 0.5em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
#systemStatusTimelineContainer h2 {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
.slice.node-detail hr {
|
||||
border-color: #ccc;
|
||||
}
|
||||
.slice.node-detail #alarms li {
|
||||
margin-bottom: 1em;
|
||||
padding: 0.5em;
|
||||
}
|
||||
.slice.node-detail #alarms li:nth-child(even){
|
||||
background-color: whiteSmoke;
|
||||
}
|
||||
.slice.node-detail #alarms li span {
|
||||
margin-left: 1em;
|
||||
color: #aaa;
|
||||
}
|
||||
</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'));
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('.make-gauge').each(function(gaugeDiv) {
|
||||
const deviceName = $(this).attr("data-deviceName");
|
||||
const channelName = $(this).attr("data-channelName");
|
||||
const displayName = $(this).attr("data-displayName");
|
||||
const units = $(this).attr("data-units");
|
||||
const min = $(this).attr("data-min");
|
||||
const max = $(this).attr("data-max");
|
||||
const decimalPlaces = $(this).attr("data-decimalPlaces");
|
||||
const channelId = $(this).attr("data-channelId");
|
||||
const timestamp = $(this).attr("data-timestamp");
|
||||
const gaugeHTML = makeGauge(deviceName, channelName, displayName, units, min, max, decimalPlaces, channelId, timestamp);
|
||||
$(this).html(gaugeHTML);
|
||||
|
||||
});
|
||||
|
||||
function makeGauge(deviceName, channelName, displayName, units, min, max, decimalPlaces, channelId, timestamp) {
|
||||
|
||||
return (
|
||||
'<div class="text-center"> \
|
||||
<h2>' + displayName + '</h2> \
|
||||
<div class="gauge-box"> \
|
||||
<div data-labelheight="10" \
|
||||
style="height: 170px; background: transparent; margin: 0 auto;" \
|
||||
id="gauge-' + channelName + '" \
|
||||
data-chart="solidgauge" \
|
||||
data-nodename="' + deviceName + '.' + channelName + '" \
|
||||
data-units="'+ units + '" \
|
||||
data-min="' + min + '" \
|
||||
data-max="' + max + '" \
|
||||
data-decimalplaces="' + decimalPlaces + '" \
|
||||
data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" \
|
||||
data-valuefontsize="18px"> \
|
||||
</div> \
|
||||
<div class- "timestamp-box"> \
|
||||
<a href="#" data-channelId="' + channelId + '" class="data-table" title="Download Channel History"> \
|
||||
<i class="fa fa-download"></i> \
|
||||
</a> \
|
||||
</div> \
|
||||
<span data-timeupdate="' + channelName + '">'+ timestamp + '</span> \
|
||||
</div> \
|
||||
</div>'
|
||||
);
|
||||
}
|
||||
|
||||
</script>
|
||||
34
POCloud/html-templates/Rules-Message Template.txt
Normal file
34
POCloud/html-templates/Rules-Message Template.txt
Normal file
@@ -0,0 +1,34 @@
|
||||
$problem.Node.vanityname$ $problem.Problemstatus.message$ Alert
|
||||
|
||||
|
||||
|
||||
Issue Recorded: $problem.Problemstatus.message$
|
||||
<br>
|
||||
System Name: $problem.Node.vanityname$
|
||||
<br><br>
|
||||
|
||||
Pond 1 Level: $plcpond.pond1height$
|
||||
<br>
|
||||
Pond 1 Volume: $plcpond.pond1volume$
|
||||
<br><br>
|
||||
|
||||
Pond 2 Level: $plcpond.pond2height$
|
||||
<br>
|
||||
Pond 2 Volume: $plcpond.pond2volume$
|
||||
<br><br>
|
||||
|
||||
|
||||
Pond 3 Level: $plcpond.pond3height$
|
||||
<br>
|
||||
Pond 3 Volume: $plcpond.pond3volume$
|
||||
<br><br>
|
||||
|
||||
|
||||
Pond 4 Level: $plcpond.pond4height$
|
||||
<br>
|
||||
Pond 4 Volume: $plcpond.pond4volume$
|
||||
<br><br>
|
||||
|
||||
|
||||
|
||||
$problem.Node.vanityname$ $problem.Problemstatus.message$ ($plcpond.pond4height$ @ $plcpond.pond4height.timestamp$)
|
||||
15
POCloud/html-templates/Sidebar.html
Normal file
15
POCloud/html-templates/Sidebar.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<a href="#"
|
||||
data-channelId="<%= channels["plcpond.log"].channelId %>"
|
||||
class="data-table btn-block btn btn-theme animated"
|
||||
title="Device Log"><i style='margin-left: 0.5em; cursor: pointer' class="fa fa-th-list icon-theme"></i> Device Log</a>
|
||||
|
||||
<a href="#"
|
||||
data-refreshpause="1"
|
||||
data-staticsend="1"
|
||||
data-channelId="<%= channels["plcpond.sync"].channelId %>"
|
||||
data-techname="<%=channels["plcpond.sync"].techName %>"
|
||||
data-name="<%= channels["plcpond.sync"].name%>"
|
||||
data-nodechannelcurrentId="<%= channels["plcpond.sync"].nodechannelcurrentId %>"
|
||||
id="<%= channels["plcpond.sync"].channelId %>"
|
||||
class="btn btn-large btn-block btn-theme animated setstatic mqtt">
|
||||
<i class="icon-repeat icon-white mqtt" ></i>Sync All Data</a>
|
||||
37
POCloud/html-templates/Trends.html
Normal file
37
POCloud/html-templates/Trends.html
Normal file
@@ -0,0 +1,37 @@
|
||||
<div class='col-xs-12' style="padding-top: 1em; margin-bottom: 1em;">
|
||||
<div class="input-daterange input-group" id="datepicker">
|
||||
<input data-chartid="dynamicChart" id="fromDate" data-daysofhistory="7" type="text" class="form-control" name="start">
|
||||
<span class="input-group-addon">to</span>
|
||||
<input class="form-control" data-chartid="dynamicChart" id="toDate" type="text" name="end">
|
||||
<span class='input-group-btn'>
|
||||
<a href="#!" data-chartid="dynamicChart" data-otherchartids="statusTimeline" class="btn chart-update btn-theme">Run</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class='clearfix col-xs-12'
|
||||
style='height: 450px'
|
||||
id="dynamicChart"
|
||||
data-chart="dynamicchart"
|
||||
data-daysofhistory="7"
|
||||
data-chartlabel="Data"
|
||||
data-ylabel=""
|
||||
data-xlabel="Date"
|
||||
data-units=""
|
||||
data-channelnames="plcpond.pond1height,plcpond.pond2height,plcpond.pond3height,plcpond.pond4height,plcpond.pond1volume,plcpond.pond2volume,plcpond.pond3volume,plcpond.pond4volume,plcpond.pondvolumetotal">
|
||||
</div>
|
||||
<style>
|
||||
.dynamic-chart-form {
|
||||
background-color: whiteSmoke;
|
||||
padding: 1em 0.5em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
#systemStatusTimelineContainer h2 {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
z-index: 100;
|
||||
}
|
||||
</style>
|
||||
BIN
POCloud/icon.png
Normal file
BIN
POCloud/icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
BIN
POCloud/icon.xcf
Normal file
BIN
POCloud/icon.xcf
Normal file
Binary file not shown.
Reference in New Issue
Block a user