375 lines
20 KiB
HTML
375 lines
20 KiB
HTML
<form class='set_channel'>
|
|
<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>CONTROL</h1></div>
|
|
<div class="row row-flex">
|
|
<div class='col-xs-6 text-center box-me'>
|
|
<h2>Start Command</h2>
|
|
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="startcommand" data-channelId='<%= channels["ipp.startcommand"].channelId %>' data-techName='<%=channels["ipp.startcommand"].techName %>' data-name='ipp.startcommand' id="<%= channels["ipp.startcommand"].channelId %>" name="<%= channels["ipp.startcommand"].channelId %>">
|
|
</div>
|
|
<div class='col-xs-6 text-center box-me'>
|
|
<h2>Stop Command</h2>
|
|
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="stopcommand" data-channelId='<%= channels["ipp.stopcommand"].channelId %>' data-techName='<%=channels["ipp.stopcommand"].techName %>' data-name='ipp.stopcommand' id="<%= channels["ipp.stopcommand"].channelId %>" name="<%= channels["ipp.stopcommand"].channelId %>">
|
|
</div>
|
|
</div>
|
|
<div class="text-center"><h1>VFD CONFIGURATION</h1></div>
|
|
<div class="row row-flex">
|
|
<div class="col-md-12 box-me">
|
|
<h2>MOTOR CONFIGURATION</h2>
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td>Motor FLA (A)</td>
|
|
<td>
|
|
<input class="form-control" data-channelId='<%= channels["ipp.cfgcflasetting"].channelId %>'
|
|
data-techName='<%=channels["ipp.cfgcflasetting"].techName %>'
|
|
data-name='<%= channels["ipp.cfgcflasetting"].name %>'
|
|
data-val="<%=channels["ipp.cfgcflasetting"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.cfgcflasetting"].channelId %>"
|
|
value="<%=channels["ipp.cfgcflasetting"].value %>">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="text-center"><h1>DOWNHOLE CONFIGURATION</h1></div>
|
|
<div class="row row-flex">
|
|
<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["ipp.downholetoolenabled"].channelId %>' data-techName='<%=channels["ipp.downholetoolenabled"].techName %>' data-name='ipp.downholetoolenabled' id="<%= channels["ipp.downholetoolenabled"].channelId %>" name="<%= channels["ipp.downholetoolenabled"].channelId %>">
|
|
</div>
|
|
<div class='col-xs-6 text-center box-me'>
|
|
<h2>Pressure Trip</h2>
|
|
<div class="gauge-box">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td>Pressure Shutdown Enabled</td>
|
|
<td>
|
|
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="pressureshutdownenabled" data-channelId='<%= channels["ipp.pressureshutdownenabled"].channelId %>' data-techName='<%=channels["ipp.pressureshutdownenabled"].techName %>' data-name='ipp.pressureshutdownenabled' id="<%= channels["ipp.pressureshutdownenabled"].channelId %>" name="<%= channels["ipp.pressureshutdownenabled"].channelId %>">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Pressure Shutdown Limit (PSI)</td>
|
|
<td>
|
|
<input class="form-control" data-channelId='<%= channels["ipp.pressureshutdown"].channelId %>'
|
|
data-techName='<%=channels["ipp.pressureshutdown"].techName %>'
|
|
data-name='<%= channels["ipp.pressureshutdown"].name %>'
|
|
data-val="<%=channels["ipp.pressureshutdown"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.pressureshutdown"].channelId %>"
|
|
value="<%=channels["ipp.pressureshutdown"].value %>">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Pressure Restart Enabled</td>
|
|
<td>
|
|
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="pressurestartupenabled" data-channelId='<%= channels["ipp.pressurestartupenabled"].channelId %>' data-techName='<%=channels["ipp.pressurestartupenabled"].techName %>' data-name='ipp.pressurestartupenabled' id="<%= channels["ipp.pressurestartupenabled"].channelId %>" name="<%= channels["ipp.pressurestartupenabled"].channelId %>">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Pressure Startup Limit (PSI)</td>
|
|
<td>
|
|
<input class="form-control" data-channelId='<%= channels["ipp.pressurestartup"].channelId %>'
|
|
data-techName='<%=channels["ipp.pressurestartup"].techName %>'
|
|
data-name='<%= channels["ipp.pressurestartup"].name %>'
|
|
data-val="<%=channels["ipp.pressurestartup"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.pressurestartup"].channelId %>"
|
|
value="<%=channels["ipp.pressurestartup"].value %>">
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class='col-xs-6 text-center box-me'>
|
|
<h2>Temperature Trip</h2>
|
|
<div class="gauge-box">
|
|
<table class="table">
|
|
<tbody>
|
|
<tr>
|
|
<td>Temp. Shutdown Enabled</td>
|
|
<td>
|
|
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="tempshutdownenabled" data-channelId='<%= channels["ipp.tempshutdownenabled"].channelId %>' data-techName='<%=channels["ipp.tempshutdownenabled"].techName %>' data-name='ipp.tempshutdownenabled' id="<%= channels["ipp.tempshutdownenabled"].channelId %>" name="<%= channels["ipp.tempshutdownenabled"].channelId %>">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Temp. Shutdown Limit (°F)</td>
|
|
<td>
|
|
<input class="form-control" data-channelId='<%= channels["ipp.tempshutdown"].channelId %>'
|
|
data-techName='<%=channels["ipp.tempshutdown"].techName %>'
|
|
data-name='<%= channels["ipp.tempshutdown"].name %>'
|
|
data-val="<%=channels["ipp.tempshutdown"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.tempshutdown"].channelId %>"
|
|
value="<%=channels["ipp.tempshutdown"].value %>">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Temp. Restart Enabled</td>
|
|
<td>
|
|
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="tempstartupenabled" data-channelId='<%= channels["ipp.tempstartupenabled"].channelId %>' data-techName='<%=channels["ipp.tempstartupenabled"].techName %>' data-name='ipp.tempstartupenabled' id="<%= channels["ipp.tempstartupenabled"].channelId %>" name="<%= channels["ipp.tempstartupenabled"].channelId %>">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Temp. Startup Limit (°F)</td>
|
|
<td>
|
|
<input class="form-control" data-channelId='<%= channels["ipp.tempstartup"].channelId %>'
|
|
data-techName='<%=channels["ipp.tempstartup"].techName %>'
|
|
data-name='<%= channels["ipp.tempstartup"].name %>'
|
|
data-val="<%=channels["ipp.tempstartup"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.tempstartup"].channelId %>"
|
|
value="<%=channels["ipp.tempstartup"].value %>">
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center"><h1>PRESSURE TRANSDUCER CONFIGURATION</h1></div>
|
|
<div class="row row-flex">
|
|
<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="pressuretransducerenabled" data-channelId='<%= channels["ipp.pressuretransducerenabled"].channelId %>' data-techName='<%=channels["ipp.pressuretransducerenabled"].techName %>' data-name='ipp.pressuretransducerenabled' id="<%= channels["ipp.pressuretransducerenabled"].channelId %>" name="<%= channels["ipp.pressuretransducerenabled"].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["ipp.pressureeumin"].channelId %>'
|
|
data-techName='<%=channels["ipp.pressureeumin"].techName %>'
|
|
data-name='<%= channels["ipp.pressureeumin"].name %>'
|
|
data-val="<%=channels["ipp.pressureeumin"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.pressureeumin"].channelId %>"
|
|
value="<%=channels["ipp.pressureeumin"].value %>">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Max Value (PSI)</td>
|
|
<td>
|
|
<input class="form-control" data-channelId='<%= channels["ipp.pressureeumax"].channelId %>'
|
|
data-techName='<%=channels["ipp.pressureeumax"].techName %>'
|
|
data-name='<%= channels["ipp.pressureeumax"].name %>'
|
|
data-val="<%=channels["ipp.pressureeumax"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.pressureeumax"].channelId %>"
|
|
value="<%=channels["ipp.pressureeumax"].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["ipp.pressurelosp"].channelId %>'
|
|
data-techName='<%=channels["ipp.pressurelosp"].techName %>'
|
|
data-name='<%= channels["ipp.pressurelosp"].name %>'
|
|
data-val="<%=channels["ipp.pressurelosp"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.pressurelosp"].channelId %>"
|
|
value="<%=channels["ipp.pressurelosp"].value %>">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>High Limit (PSI)</td>
|
|
<td>
|
|
<input class="form-control" data-channelId='<%= channels["ipp.pressurehisp"].channelId %>'
|
|
data-techName='<%=channels["ipp.pressurehisp"].techName %>'
|
|
data-name='<%= channels["ipp.pressurehisp"].name %>'
|
|
data-val="<%=channels["ipp.pressurehisp"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.pressurehisp"].channelId %>"
|
|
value="<%=channels["ipp.pressurehisp"].value %>">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Startup Delay (sec)</td>
|
|
<td>
|
|
<input class="form-control" data-channelId='<%= channels["ipp.pressurealarmstartupdelay"].channelId %>'
|
|
data-techName='<%=channels["ipp.pressurealarmstartupdelay"].techName %>'
|
|
data-name='<%= channels["ipp.pressurealarmstartupdelay"].name %>'
|
|
data-val="<%=channels["ipp.pressurealarmstartupdelay"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.pressurealarmstartupdelay"].channelId %>"
|
|
value="<%=channels["ipp.pressurealarmstartupdelay"].value %>">
|
|
</td>
|
|
</tr>
|
|
|
|
<tr>
|
|
<td>Trip Delay (sec)</td>
|
|
<td>
|
|
<input class="form-control" data-channelId='<%= channels["ipp.pressurealarmdelay"].channelId %>'
|
|
data-techName='<%=channels["ipp.pressurealarmdelay"].techName %>'
|
|
data-name='<%= channels["ipp.pressurealarmdelay"].name %>'
|
|
data-val="<%=channels["ipp.pressurealarmdelay"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.pressurealarmdelay"].channelId %>"
|
|
value="<%=channels["ipp.pressurealarmdelay"].value %>">
|
|
</td>
|
|
</tr>
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="text-center"><h1>OVERLOAD CONFIGURATION</h1></div>
|
|
<div class="row row-flex">
|
|
<div class='col-xs-12 box-me'>
|
|
|
|
<div class="text-center"><h2>Voltage Protection</h2></div>
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th>Parameter</th>
|
|
<th>Trip Enabled</th>
|
|
<th>Warning Enabled</th>
|
|
<th>Startup Delay</th>
|
|
<th>Trip Delay</th>
|
|
<th>Warning Limit</th>
|
|
<th>Trip Limit</th>
|
|
<tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td>Overvoltage</td> <!--Parameter-->
|
|
<td><!--Trip Enabled-->
|
|
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="tripenablevovervoltage" data-channelId='<%= channels["ipp.tripenablevovervoltage"].channelId %>' data-techName='<%=channels["ipp.tripenablevovervoltage"].techName %>' data-name='ipp.tripenablevovervoltage' id="<%= channels["ipp.tripenablevovervoltage"].channelId %>" name="<%= channels["ipp.tripenablevovervoltage"].channelId %>">
|
|
</td>
|
|
<td><!--Warning Enabled-->
|
|
<input type="toggle" data-checkedValue="1" data-uncheckedValue="0" data-valueupdate="warningenablevovervoltage" data-channelId='<%= channels["ipp.warningenablevovervoltage"].channelId %>' data-techName='<%=channels["ipp.warningenablevovervoltage"].techName %>' data-name='ipp.warningenablevovervoltage' id="<%= channels["ipp.warningenablevovervoltage"].channelId %>" name="<%= channels["ipp.warningenablevovervoltage"].channelId %>">
|
|
</td>
|
|
<td> <!-- Startup Delay -->
|
|
<input class="form-control" data-channelId='<%= channels["ipp.cfgvovervoltageinhibittime"].channelId %>'
|
|
data-techName='<%=channels["ipp.cfgvovervoltageinhibittime"].techName %>'
|
|
data-name='<%= channels["ipp.cfgvovervoltageinhibittime"].name %>'
|
|
data-val="<%=channels["ipp.cfgvovervoltageinhibittime"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.cfgvovervoltageinhibittime"].channelId %>"
|
|
value="<%=channels["ipp.cfgvovervoltageinhibittime"].value %>">
|
|
</td>
|
|
<td> <!-- Trip Delay -->
|
|
<input class="form-control" data-channelId='<%= channels["ipp.cfgvovervoltagetripdelay"].channelId %>'
|
|
data-techName='<%=channels["ipp.cfgvovervoltagetripdelay"].techName %>'
|
|
data-name='<%= channels["ipp.cfgvovervoltagetripdelay"].name %>'
|
|
data-val="<%=channels["ipp.cfgvovervoltagetripdelay"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.cfgvovervoltagetripdelay"].channelId %>"
|
|
value="<%=channels["ipp.cfgvovervoltagetripdelay"].value %>">
|
|
</td>
|
|
<td> <!-- Warning Level -->
|
|
<input class="form-control" data-channelId='<%= channels["ipp.cfgvovervoltagewarninglevel"].channelId %>'
|
|
data-techName='<%=channels["ipp.cfgvovervoltagewarninglevel"].techName %>'
|
|
data-name='<%= channels["ipp.cfgvovervoltagewarninglevel"].name %>'
|
|
data-val="<%=channels["ipp.cfgvovervoltagewarninglevel"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.cfgvovervoltagewarninglevel"].channelId %>"
|
|
value="<%=channels["ipp.cfgvovervoltagewarninglevel"].value %>">
|
|
</td>
|
|
<td> <!-- Trip Level -->
|
|
<input class="form-control" data-channelId='<%= channels["ipp.cfgvovervoltagetriplevel"].channelId %>'
|
|
data-techName='<%=channels["ipp.cfgvovervoltagetriplevel"].techName %>'
|
|
data-name='<%= channels["ipp.cfgvovervoltagetriplevel"].name %>'
|
|
data-val="<%=channels["ipp.cfgvovervoltagetriplevel"].value %>"
|
|
type="number" step="any"
|
|
id="<%= channels["ipp.cfgvovervoltagetriplevel"].channelId %>"
|
|
value="<%=channels["ipp.cfgvovervoltagetriplevel"].value %>">
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<div class="pad15">
|
|
<button class='btn btn-theme btn-block set_channel_btn' value='Save'>APPLY CHANGES</button>
|
|
</div>
|
|
|
|
</form>
|
|
|
|
<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;
|
|
}
|
|
.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;
|
|
}
|
|
</style>
|