Update HTML templates with permissives and trends
This commit is contained in:
Patrick McDonagh
@@ -1,26 +1,32 @@
|
||||
<form class='set_channel'>
|
||||
<br />
|
||||
<button class='btn btn-theme btn-block set_channel_btn' value='Save'>APPLY CHANGES</button>
|
||||
<br />
|
||||
<br />
|
||||
<div class="pad15">
|
||||
<button class='btn btn-theme btn-block set_channel_btn' value='Save'>APPLY CHANGES</button>
|
||||
</div>
|
||||
<br />
|
||||
<div class="text-center"><h1>VFD CONFIGURATION</h1></div>
|
||||
<div class="row">
|
||||
<div class='col-xs-12 text-center box-me'>
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td><h2>Motor Speed Reference (Hz)</h2></td>
|
||||
<td>
|
||||
<input class="form-control" data-channelId='<%= channels["vfdipp.vfdspeedref"].channelId %>'
|
||||
data-techName='<%=channels["vfdipp.vfdspeedref"].techName %>'
|
||||
data-name='<%= channels["vfdipp.vfdspeedref"].name %>'
|
||||
data-val="<%=channels["vfdipp.vfdspeedref"].value %>"
|
||||
type="number" step="any"
|
||||
id="<%= channels["vfdipp.vfdspeedref"].channelId %>"
|
||||
value="<%=channels["vfdipp.vfdspeedref"].value %>">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<h2>Motor Speed Reference (Hz)</h2>
|
||||
<input class="form-control" data-channelId='<%= channels["vfdipp.vfdspeedref"].channelId %>'
|
||||
data-techName='<%=channels["vfdipp.vfdspeedref"].techName %>'
|
||||
data-name='<%= channels["vfdipp.vfdspeedref"].name %>'
|
||||
data-val="<%=channels["vfdipp.vfdspeedref"].value %>"
|
||||
type="number" step="any"
|
||||
id="<%= channels["vfdipp.vfdspeedref"].channelId %>"
|
||||
value="<%=channels["vfdipp.vfdspeedref"].value %>">
|
||||
</div>
|
||||
<div class='col-xs-4 text-center box-me'>
|
||||
<h2>Start Command</h2>
|
||||
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="startcommand" data-channelId='<%= channels["vfdipp.startcommand"].channelId %>' data-techName='<%=channels["vfdipp.startcommand"].techName %>' data-name='vfdipp.startcommand' id="<%= channels["vfdipp.startcommand"].channelId %>" name="<%= channels["vfdipp.startcommand"].channelId %>">
|
||||
</div>
|
||||
<div class='col-xs-4 text-center box-me'>
|
||||
<h2>Stop Command</h2>
|
||||
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="stopcommand" data-channelId='<%= channels["vfdipp.stopcommand"].channelId %>' data-techName='<%=channels["vfdipp.stopcommand"].techName %>' data-name='vfdipp.stopcommand' id="<%= channels["vfdipp.stopcommand"].channelId %>" name="<%= channels["vfdipp.stopcommand"].channelId %>">
|
||||
</div>
|
||||
<div class='col-xs-4 text-center box-me'>
|
||||
<h2>Clear VFD Fault</h2>
|
||||
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="vfdclearfault" data-channelId='<%= channels["vfdipp.vfdclearfault"].channelId %>' data-techName='<%=channels["vfdipp.vfdclearfault"].techName %>' data-name='vfdipp.vfdclearfault' id="<%= channels["vfdipp.vfdclearfault"].channelId %>" name="<%= channels["vfdipp.vfdclearfault"].channelId %>">
|
||||
</div>
|
||||
<div class="col-md-6 box-me">
|
||||
<h2>MOTOR NAMEPLATE DATA</h2>
|
||||
@@ -179,20 +185,46 @@
|
||||
|
||||
<tr>
|
||||
<td>Stop Mode</td>
|
||||
<td><%= channels["vfdipp.vfdstopmode"].value %></td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.vfdstopmode"].value == 0) { %>
|
||||
<h2><span class="label label-success">Coast</span></h2>
|
||||
<% }else if (channels["vfdipp.vfdstopmode"].value == 1) { %>
|
||||
<h2><span class="label label-danger">Ramp</span></h2>
|
||||
<% }else if (channels["vfdipp.vfdstopmode"].value == 2) { %>
|
||||
<h2><span class="label label-danger">Ramp to Hold</span></h2>
|
||||
<% }else if (channels["vfdipp.vfdstopmode"].value == 3) { %>
|
||||
<h2><span class="label label-danger">DC Brake</span></h2>
|
||||
<% }else if (channels["vfdipp.vfdstopmode"].value == 4) { %>
|
||||
<h2><span class="label label-danger">DCBrkAutoOff</span></h2>
|
||||
<% }else if (channels["vfdipp.vfdstopmode"].value == 5) { %>
|
||||
<h2><span class="label label-danger">Current Limit</span></h2>
|
||||
<% }else if (channels["vfdipp.vfdstopmode"].value == 6) { %>
|
||||
<h2><span class="label label-danger">Fast Brake</span></h2>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Torque Perf. Mode</td>
|
||||
<td><%= channels["vfdipp.vfdtorqueperfmode"].value %></td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.vfdtorqueperfmode"].value == 0){ %>
|
||||
<h2><span class="label label-danger">V/Hz</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdtorqueperfmode"].value == 1){ %>
|
||||
<h2><span class="label label-success">SVC</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdtorqueperfmode"].value == 2){ %>
|
||||
<h2><span class="label label-danger">Economize</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdtorqueperfmode"].value == 3){ %>
|
||||
<h2><span class="label label-danger">Vector</span></h2>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center"><h1>DOWNHOLE CONFIGURATION</h1></div>
|
||||
<div class="row">
|
||||
<div class="text-center"><h1>DOWNHOLE CONFIGURATION</h1></div>
|
||||
<div class="row">
|
||||
<div class='col-xs-12 text-center box-me'>
|
||||
<h2>Downhole Sensor Enabled</h2>
|
||||
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="downholetoolenabled" data-channelId='<%= channels["vfdipp.downholetoolenabled"].channelId %>' data-techName='<%=channels["vfdipp.downholetoolenabled"].techName %>' data-name='vfdipp.downholetoolenabled' id="<%= channels["vfdipp.downholetoolenabled"].channelId %>" name="<%= channels["vfdipp.downholetoolenabled"].channelId %>">
|
||||
@@ -253,14 +285,14 @@
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Temperature Shutdown Enabled</td>
|
||||
<td>Temp. Shutdown Enabled</td>
|
||||
<td>
|
||||
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="dhtempshutdownenabled" data-channelId='<%= channels["vfdipp.dhtempshutdownenabled"].channelId %>' data-techName='<%=channels["vfdipp.dhtempshutdownenabled"].techName %>' data-name='vfdipp.dhtempshutdownenabled' id="<%= channels["vfdipp.dhtempshutdownenabled"].channelId %>" name="<%= channels["vfdipp.dhtempshutdownenabled"].channelId %>">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Temperature Shutdown Limit (deg F)</td>
|
||||
<td>Temp. Shutdown Limit (°F)</td>
|
||||
<td>
|
||||
<input class="form-control" data-channelId='<%= channels["vfdipp.dhtempshutdown"].channelId %>'
|
||||
data-techName='<%=channels["vfdipp.dhtempshutdown"].techName %>'
|
||||
@@ -273,14 +305,14 @@
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Temperature Restart Enabled</td>
|
||||
<td>Temp. Restart Enabled</td>
|
||||
<td>
|
||||
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="dhtempstartupenabled" data-channelId='<%= channels["vfdipp.dhtempstartupenabled"].channelId %>' data-techName='<%=channels["vfdipp.dhtempstartupenabled"].techName %>' data-name='vfdipp.dhtempstartupenabled' id="<%= channels["vfdipp.dhtempstartupenabled"].channelId %>" name="<%= channels["vfdipp.dhtempstartupenabled"].channelId %>">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Temperature Startup Limit (deg F)</td>
|
||||
<td>Temp. Startup Limit (°F)</td>
|
||||
<td>
|
||||
<input class="form-control" data-channelId='<%= channels["vfdipp.dhtempstartuplimit"].channelId %>'
|
||||
data-techName='<%=channels["vfdipp.dhtempstartuplimit"].techName %>'
|
||||
@@ -296,8 +328,115 @@
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<button class='btn btn-theme btn-block set_channel_btn' value='Save'>APPLY CHANGES</button>
|
||||
</div>
|
||||
<div class="text-center"><h1>PRESSURE TRANSDUCER CONFIGURATION</h1></div>
|
||||
<div class="row">
|
||||
<div class='col-xs-12 text-center box-me'>
|
||||
<h2>Tubing Pressure Transducer Enabled</h2>
|
||||
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="tubingpressuretransducerenabled" data-channelId='<%= channels["vfdipp.tubingpressuretransducerenabled"].channelId %>' data-techName='<%=channels["vfdipp.tubingpressuretransducerenabled"].techName %>' data-name='vfdipp.tubingpressuretransducerenabled' id="<%= channels["vfdipp.tubingpressuretransducerenabled"].channelId %>" name="<%= channels["vfdipp.tubingpressuretransducerenabled"].channelId %>">
|
||||
</div>
|
||||
<div class='col-xs-6 text-center box-me'>
|
||||
<h2>Scaling Values</h2>
|
||||
<div class="gauge-box">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Min Value (PSI)</td>
|
||||
<td>
|
||||
<input class="form-control" data-channelId='<%= channels["vfdipp.tubingpressureeumin"].channelId %>'
|
||||
data-techName='<%=channels["vfdipp.tubingpressureeumin"].techName %>'
|
||||
data-name='<%= channels["vfdipp.tubingpressureeumin"].name %>'
|
||||
data-val="<%=channels["vfdipp.tubingpressureeumin"].value %>"
|
||||
type="number" step="any"
|
||||
id="<%= channels["vfdipp.tubingpressureeumin"].channelId %>"
|
||||
value="<%=channels["vfdipp.tubingpressureeumin"].value %>">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Max Value (PSI)</td>
|
||||
<td>
|
||||
<input class="form-control" data-channelId='<%= channels["vfdipp.tubingpressureeumax"].channelId %>'
|
||||
data-techName='<%=channels["vfdipp.tubingpressureeumax"].techName %>'
|
||||
data-name='<%= channels["vfdipp.tubingpressureeumax"].name %>'
|
||||
data-val="<%=channels["vfdipp.tubingpressureeumax"].value %>"
|
||||
type="number" step="any"
|
||||
id="<%= channels["vfdipp.tubingpressureeumax"].channelId %>"
|
||||
value="<%=channels["vfdipp.tubingpressureeumax"].value %>">
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class='col-xs-6 text-center box-me'>
|
||||
<h2>Trip Settings</h2>
|
||||
<div class="gauge-box">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>Low Limit (PSI)</td>
|
||||
<td>
|
||||
<input class="form-control" data-channelId='<%= channels["vfdipp.tubingpressurelosp"].channelId %>'
|
||||
data-techName='<%=channels["vfdipp.tubingpressurelosp"].techName %>'
|
||||
data-name='<%= channels["vfdipp.tubingpressurelosp"].name %>'
|
||||
data-val="<%=channels["vfdipp.tubingpressurelosp"].value %>"
|
||||
type="number" step="any"
|
||||
id="<%= channels["vfdipp.tubingpressurelosp"].channelId %>"
|
||||
value="<%=channels["vfdipp.tubingpressurelosp"].value %>">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>High Limit (PSI)</td>
|
||||
<td>
|
||||
<input class="form-control" data-channelId='<%= channels["vfdipp.tubingpressurehisp"].channelId %>'
|
||||
data-techName='<%=channels["vfdipp.tubingpressurehisp"].techName %>'
|
||||
data-name='<%= channels["vfdipp.tubingpressurehisp"].name %>'
|
||||
data-val="<%=channels["vfdipp.tubingpressurehisp"].value %>"
|
||||
type="number" step="any"
|
||||
id="<%= channels["vfdipp.tubingpressurehisp"].channelId %>"
|
||||
value="<%=channels["vfdipp.tubingpressurehisp"].value %>">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Startup Delay (sec)</td>
|
||||
<td>
|
||||
<input class="form-control" data-channelId='<%= channels["vfdipp.tubingpressurealarmstartupdelay"].channelId %>'
|
||||
data-techName='<%=channels["vfdipp.tubingpressurealarmstartupdelay"].techName %>'
|
||||
data-name='<%= channels["vfdipp.tubingpressurealarmstartupdelay"].name %>'
|
||||
data-val="<%=channels["vfdipp.tubingpressurealarmstartupdelay"].value %>"
|
||||
type="number" step="any"
|
||||
id="<%= channels["vfdipp.tubingpressurealarmstartupdelay"].channelId %>"
|
||||
value="<%=channels["vfdipp.tubingpressurealarmstartupdelay"].value %>">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Trip Delay (sec)</td>
|
||||
<td>
|
||||
<input class="form-control" data-channelId='<%= channels["vfdipp.tubingpressurealarmdelay"].channelId %>'
|
||||
data-techName='<%=channels["vfdipp.tubingpressurealarmdelay"].techName %>'
|
||||
data-name='<%= channels["vfdipp.tubingpressurealarmdelay"].name %>'
|
||||
data-val="<%=channels["vfdipp.tubingpressurealarmdelay"].value %>"
|
||||
type="number" step="any"
|
||||
id="<%= channels["vfdipp.tubingpressurealarmdelay"].channelId %>"
|
||||
value="<%=channels["vfdipp.tubingpressurealarmdelay"].value %>">
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="pad15">
|
||||
<button class='btn btn-theme btn-block set_channel_btn' value='Save'>APPLY CHANGES</button>
|
||||
</div>
|
||||
|
||||
</form>
|
||||
|
||||
<style>
|
||||
@@ -311,6 +450,11 @@
|
||||
.box-me .gauge-box {
|
||||
margin-top: -0.25em;
|
||||
}
|
||||
|
||||
.pad15 {
|
||||
margin: 15px 15px;
|
||||
}
|
||||
|
||||
.box-me h2 {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
|
||||
@@ -1,3 +1,10 @@
|
||||
<div class="row">
|
||||
<div class="well mar15 text-center">
|
||||
<h1>THE DOWNHOLE SENSOR IS DISABLED</h1>
|
||||
<h1>IT CAN BE ENABLED FROM THE CONFIGURATION SCREEN</h1>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center"><h1>LIVE VALUES</h1></div>
|
||||
<div class='row overview'>
|
||||
<div class='col-xs-4 text-center'>
|
||||
@@ -19,7 +26,7 @@
|
||||
<div class='col-xs-4 text-center'>
|
||||
<h2>Intake Temperature</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge4" data-chart="solidgauge" data-nodename="vfdipp.dhintaketemperature" data-units="deg F" data-min="0" data-max="200" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge4" data-chart="solidgauge" data-nodename="vfdipp.dhintaketemperature" data-units="°F" data-min="0" data-max="200" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<span data-timeupdate="dhintaketemperature"><%= channels["vfdipp.dhintaketemperature"].timestamp %></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -152,7 +159,7 @@
|
||||
|
||||
<tr>
|
||||
<td>Temperature Shutdown Limit</td>
|
||||
<td><%= channels["vfdipp.dhtempshutdown"].value %> degF</td>
|
||||
<td><%= channels["vfdipp.dhtempshutdown"].value %> °F</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
@@ -168,7 +175,7 @@
|
||||
|
||||
<tr>
|
||||
<td>Temperature Startup Limit</td>
|
||||
<td><%= channels["vfdipp.dhtempstartuplimit"].value %> degF</td>
|
||||
<td><%= channels["vfdipp.dhtempstartuplimit"].value %> °F</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
@@ -237,6 +244,10 @@
|
||||
height:261px;
|
||||
}
|
||||
|
||||
.mar15 {
|
||||
margin: 15px 15px;
|
||||
}
|
||||
|
||||
#systemStatusTimelineContainer h2 {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
|
||||
@@ -2,12 +2,12 @@
|
||||
<div class='col-xs-4 text-center'>
|
||||
<h2>Motor Speed</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge1" data-chart="solidgauge" data-nodename="vfdipp.vfdspeedfdbk" data-units="Hz" data-min="0" data-max="100" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge-vfdspeedfdbk" data-chart="solidgauge" data-nodename="vfdipp.vfdspeedfdbk" data-units="Hz" data-min="0" data-max="100" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<span data-timeupdate="vfdspeedfdbk"><%= channels["vfdipp.vfdspeedfdbk"].timestamp %></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-xs-8'>
|
||||
<div style="height:300px" id="chart1" data-chart="chart" data-nodename1="vfdipp.vfdspeedfdbk" data-datalabel1="Speed" data-daysofhistory="2" data-chartlabel="Motor Speed" data-ylabel="" data-xlabel="Date" data-units=" Hz"></div>
|
||||
<div style="height:300px" id="chart-vfdspeedfdbk" data-chart="chart" data-nodename1="vfdipp.vfdspeedfdbk" data-datalabel1="Speed" data-daysofhistory="2" data-chartlabel="Motor Speed" data-ylabel="" data-xlabel="Date" data-units=" Hz"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -22,7 +22,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-xs-8'>
|
||||
<div style="height:300px" id="chart1" data-chart="chart-dhintakepressure" data-nodename1="vfdipp.dhintakepressure" data-datalabel1="Downhole Pressure" data-daysofhistory="2" data-chartlabel="DH Intake Pressure" data-ylabel="" data-xlabel="Date" data-units=" PSI"></div>
|
||||
<div style="height:300px" id="chart-dhintakepressure" data-chart="chart" data-nodename1="vfdipp.dhintakepressure" data-datalabel1="Downhole Pressure" data-daysofhistory="2" data-chartlabel="DH Intake Pressure" data-ylabel="" data-xlabel="Date" data-units=" PSI"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -30,12 +30,28 @@
|
||||
<div class='col-xs-4 text-center'>
|
||||
<h2>Downhole Temperature</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge-dhintaketemperature" data-chart="solidgauge" data-nodename="vfdipp.dhintaketemperature" data-units="deg F" data-min="0" data-max="400" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge-dhintaketemperature" data-chart="solidgauge" data-nodename="vfdipp.dhintaketemperature" data-units=" ° F" data-min="0" data-max="400" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<span data-timeupdate="dhintaketemperature"><%= channels["vfdipp.dhintaketemperature"].timestamp %></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-xs-8'>
|
||||
<div style="height:300px" id="chart-dhintaketemperature" data-chart="chart" data-nodename1="vfdipp.dhintaketemperature" data-datalabel1="Downhole Temperature" data-daysofhistory="2" data-chartlabel="DH Intake Temperature" data-ylabel="" data-xlabel="Date" data-units=" deg F"></div>
|
||||
<div style="height:300px" id="chart-dhintaketemperature" data-chart="chart" data-nodename1="vfdipp.dhintaketemperature" data-datalabel1="Downhole Temperature" data-daysofhistory="2" data-chartlabel="DH Intake Temperature" data-ylabel="" data-xlabel="Date" data-units=" ° F"></div>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<% if (channels["vfdipp.tubingpressuretransducerenabled"].value == 1) {%>
|
||||
|
||||
<div class='row overview'>
|
||||
<div class='col-xs-4 text-center'>
|
||||
<h2>Downhole Pressure</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge-tubingpressure" data-chart="solidgauge" data-nodename="vfdipp.tubingpressure" data-units="PSI" data-min="0" data-max="400" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<span data-timeupdate="tubingpressure"><%= channels["vfdipp.tubingpressure"].timestamp %></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-xs-8'>
|
||||
<div style="height:300px" id="chart-tubingpressure" data-chart="chart" data-nodename1="vfdipp.tubingpressure" data-datalabel1="Tubing Pressure" data-daysofhistory="2" data-chartlabel="Tubing Pressure" data-ylabel="" data-xlabel="Date" data-units=" PSI"></div>
|
||||
</div>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
192
POCloud_Driver/HTML/Permissives.html
Normal file
192
POCloud_Driver/HTML/Permissives.html
Normal file
@@ -0,0 +1,192 @@
|
||||
<div class="text-center"><h1>LIVE VALUES</h1></div>
|
||||
<div class='row'>
|
||||
<div class='col-xs-6 text-center box-me'>
|
||||
<h2>Start Permissive</h2>
|
||||
<h2>
|
||||
<% if (channels["vfdipp.startpermissive"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</h2>
|
||||
<div class="gauge-box">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>VFD</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.spvfd"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Mode</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.spmode"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>DH Pressure</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.sppressure"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>DH Temperature</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.sptemperature"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Remote</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.spremote"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-xs-6 text-center box-me'>
|
||||
<h2>Run Permissive</h2>
|
||||
<h2>
|
||||
<% if (channels["vfdipp.runpermissive"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</h2>
|
||||
<div class="gauge-box">
|
||||
<table class="table">
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>VFD</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.rpvfd"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Mode</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.rpmode"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>DH Pressure</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.rppressure"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>DH Temperature</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.rptemperature"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Remote</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.rpremote"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Tubing Pressure</td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.rptubingpressure"].value == 1){ %>
|
||||
<span class="label label-success">OK</span>
|
||||
<% } else { %>
|
||||
<span class="label label-danger">NOT OK</span>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</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;
|
||||
}
|
||||
.box-me 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;
|
||||
}
|
||||
|
||||
.fill-vertically {
|
||||
height:261px;
|
||||
}
|
||||
|
||||
#systemStatusTimelineContainer h2 {
|
||||
text-transform: uppercase;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
font-weight: 400;
|
||||
letter-spacing: 1px;
|
||||
z-index: 100;
|
||||
}
|
||||
</style>
|
||||
27
POCloud_Driver/HTML/Trends.html
Normal file
27
POCloud_Driver/HTML/Trends.html
Normal file
@@ -0,0 +1,27 @@
|
||||
<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: 300px' id="dynamicChart" data-chart="dynamicchart" data-daysofhistory="7" data-chartlabel="Data" data-ylabel="" data-xlabel="Date" data-units="" data-channelnames="vfdipp.vfdoutputcurrent,vfdipp.vfdspeedref,vfdipp.vfdspeedfdbk,vfdipp.dhintakepressure,vfdipp.dhintaketemperature,vfdipp.tubingpressure,vfdipp.vfddcbusvoltage,vfdipp.vfdoutputvoltage"></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>
|
||||
@@ -3,7 +3,7 @@
|
||||
<div class='col-xs-4 text-center'>
|
||||
<h2>Speed Feedback</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge1" data-chart="solidgauge" data-nodename="vfdipp.vfdspeedfdbk" data-units="Hz" data-min="0" data-max="100" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge-vfdspeedfdbk" data-chart="solidgauge" data-nodename="vfdipp.vfdspeedfdbk" data-units="Hz" data-min="0" data-max="100" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<span data-timeupdate="vfdspeedfdbk"><%= channels["vfdipp.vfdspeedfdbk"].timestamp %></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -17,21 +17,21 @@
|
||||
<div class='col-xs-4 text-center'>
|
||||
<h2>Output Current</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge4" data-chart="solidgauge" data-nodename="vfdipp.vfdoutputcurrent" data-units="A" data-min="0" data-max="<%= channels["vfdipp.vfdnameplatefla"].value %>" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge-vfdoutputcurrent" data-chart="solidgauge" data-nodename="vfdipp.vfdoutputcurrent" data-units="A" data-min="0" data-max="<%= channels["vfdipp.vfdnameplatefla"].value %>" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<span data-timeupdate="vfdoutputcurrent"><%= channels["vfdipp.vfdoutputcurrent"].timestamp %></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-xs-4 text-center'>
|
||||
<h2>Output Voltage</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge5" data-chart="solidgauge" data-nodename="vfdipp.vfdoutputvoltage" data-units="V" data-min="0" data-max="600" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge-vfdoutputvoltage" data-chart="solidgauge" data-nodename="vfdipp.vfdoutputvoltage" data-units="V" data-min="0" data-max="600" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<span data-timeupdate="vfdoutputvoltage"><%= channels["vfdipp.vfdoutputvoltage"].timestamp %></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class='col-xs-4 text-center'>
|
||||
<h2>DC Bus Voltage</h2>
|
||||
<div class="gauge-box">
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge5" data-chart="solidgauge" data-nodename="vfdipp.vfddcbusvoltage" data-units="V" data-min="0" data-max="700" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<div data-labelheight="10" style="height: 170px; background: transparent; margin: 0 auto;" id="gauge-vfddcbusvoltage" data-chart="solidgauge" data-nodename="vfdipp.vfddcbusvoltage" data-units="V" data-min="0" data-max="700" data-colors="0.1:#DF5353,0.5:#DDDF0D,0.9:#55BF3B" data-valuefontsize="18px"></div>
|
||||
<span data-timeupdate="vfddcbusvoltage"><%= channels["vfdipp.vfddcbusvoltage"].timestamp %></span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -201,12 +201,39 @@
|
||||
|
||||
<tr>
|
||||
<td>Stop Mode</td>
|
||||
<td><%= channels["vfdipp.vfdstopmode"].value %></td>
|
||||
|
||||
<td>
|
||||
<% if (channels["vfdipp.vfdstopmode"].value == 0){ %>
|
||||
<h2><span class="label label-success">Coast</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdstopmode"].value == 1){ %>
|
||||
<h2><span class="label label-danger">Ramp</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdstopmode"].value == 2){ %>
|
||||
<h2><span class="label label-danger">Ramp to Hold</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdstopmode"].value == 3){ %>
|
||||
<h2><span class="label label-danger">DC Brake</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdstopmode"].value == 4){ %>
|
||||
<h2><span class="label label-danger">DCBrkAutoOff</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdstopmode"].value == 5){ %>
|
||||
<h2><span class="label label-danger">Current Limit</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdstopmode"].value == 6){ %>
|
||||
<h2><span class="label label-danger">Fast Brake</span></h2>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td>Torque Perf. Mode</td>
|
||||
<td><%= channels["vfdipp.vfdtorqueperfmode"].value %></td>
|
||||
<td>
|
||||
<% if (channels["vfdipp.vfdtorqueperfmode"].value == 0){ %>
|
||||
<h2><span class="label label-danger">V/Hz</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdtorqueperfmode"].value == 1){ %>
|
||||
<h2><span class="label label-success">SVC</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdtorqueperfmode"].value == 2){ %>
|
||||
<h2><span class="label label-danger">Economize</span></h2>
|
||||
<% } else if (channels["vfdipp.vfdtorqueperfmode"].value == 3){ %>
|
||||
<h2><span class="label label-danger">Vector</span></h2>
|
||||
<% } %>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
Reference in New Issue
Block a user