Events, Notes, Fluid Shots, and Well Tests READ page
This commit is contained in:
Patrick McDonagh
93
POCloud/HTML Templates/Fluid_Shots.html
Normal file
93
POCloud/HTML Templates/Fluid_Shots.html
Normal file
@@ -0,0 +1,93 @@
|
|||||||
|
<div style='margin-top: 1em;' class='col-xs-12'>
|
||||||
|
<div class="input-daterange input-group" id="datePicker">
|
||||||
|
<input id="fromDate" data-daysofhistory="30" type="text" class="form-control" name="start">
|
||||||
|
<span class="input-group-addon">to</span>
|
||||||
|
<input class="form-control" id="toDate" type="text" name="end">
|
||||||
|
<span class='input-group-btn'>
|
||||||
|
<a href="" id="runPickerBtn" class="btn btn-theme">Run</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='col-xs-12' style='margin-top: 2em;'>
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<th>Shot ID</th>
|
||||||
|
<th>Date & Time</th>
|
||||||
|
<th>Intake Pressure</th>
|
||||||
|
<th>Fluid Gradient</th>
|
||||||
|
<th>Friction</th>
|
||||||
|
<th>Taken By</th>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody id="output">
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<!--<%= JSON.stringify(channels['poc.events'].value) %>-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
var nodeID = <%= node.nodeId %>;
|
||||||
|
var nodeType = '<%= node.nodetypeName %>';
|
||||||
|
var channelID = <%= channels['poc.fluidshots'].channelId %>;
|
||||||
|
console.log({nodeID:nodeID, nodeType:nodeType, channelID: channelID})
|
||||||
|
|
||||||
|
var formatDate = function(str){
|
||||||
|
var c1, c2;
|
||||||
|
c1 = new Date(str);
|
||||||
|
c2 = (c1.getTime() / 1000);
|
||||||
|
c2 = Math.floor(c2);
|
||||||
|
return c2.toString();
|
||||||
|
};
|
||||||
|
|
||||||
|
var updateTable = function(){
|
||||||
|
var apiData, start, end;
|
||||||
|
var $output = $('#output');
|
||||||
|
start = $('#datePicker').find('#fromDate');
|
||||||
|
dateString = start.val().replace(/-/g, "/");
|
||||||
|
start = formatDate(dateString);
|
||||||
|
end = $('#datePicker').find('#toDate');
|
||||||
|
dateString = end.val().replace(/-/g, "/");
|
||||||
|
end = formatDate(dateString);
|
||||||
|
apiData = "&nodelist[0][nodeId]=" + nodeID.toString() + "&nodelist[0][channelId]=" + channelID.toString();
|
||||||
|
apiData += "&start=" + start + "&end=" + end;
|
||||||
|
$.ajax({
|
||||||
|
url: "http://www.pocloud.io/api2/Nodechannels",
|
||||||
|
data: apiData,
|
||||||
|
dataType: "json",
|
||||||
|
type: "GET",
|
||||||
|
success: function(data) {
|
||||||
|
console.log(data);
|
||||||
|
var notes = data.listofstreams[0];
|
||||||
|
for(var i = notes.stream.length-1; i >= 0; i--) {
|
||||||
|
var note = notes.stream[i];
|
||||||
|
var timestamp = note.x;
|
||||||
|
var jsonBlock = note.y;
|
||||||
|
var n = JSON.parse(jsonBlock);
|
||||||
|
var row = "<tr>";
|
||||||
|
row += "<td>" + n.id + "</td>";
|
||||||
|
row += "<td>" + n.shot_datetime + "</td>";
|
||||||
|
row += "<td>" + n.pump_intake_pressure + "</td>";
|
||||||
|
row += "<td>" + n.fluid_gradient + "</td>";
|
||||||
|
row += "<td>" + n.friction + "</td>";
|
||||||
|
row += "<td>" + n.taken_by + "</td>";
|
||||||
|
row += "</tr>"
|
||||||
|
$output.append(row)
|
||||||
|
//$output.append(JSON.stringify(jsonBlock));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$(document).on('click', '#runPickerBtn', function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
updateTable();
|
||||||
|
});
|
||||||
|
$(document).ready(function(){
|
||||||
|
updateTable();
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
92
POCloud/HTML Templates/Notes.html
Normal file
92
POCloud/HTML Templates/Notes.html
Normal file
@@ -0,0 +1,92 @@
|
|||||||
|
<div style='margin-top: 1em;' class='col-xs-12'>
|
||||||
|
<div class="input-daterange input-group" id="datePicker">
|
||||||
|
<input id="fromDate" data-daysofhistory="30" type="text" class="form-control" name="start">
|
||||||
|
<span class="input-group-addon">to</span>
|
||||||
|
<input class="form-control" id="toDate" type="text" name="end">
|
||||||
|
<span class='input-group-btn'>
|
||||||
|
<a href="" id="runPickerBtn" class="btn btn-theme">Run</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='col-xs-12' style='margin-top: 2em;'>
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<th>Note ID</th>
|
||||||
|
<th>Date & Time</th>
|
||||||
|
<th>Author</th>
|
||||||
|
<th>Type</th>
|
||||||
|
<th>Note</th>
|
||||||
|
<th>Stroke</th>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody id="output">
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<!--<%= JSON.stringify(channels['poc.events'].value) %>-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
var nodeID = <%= node.nodeId %>;
|
||||||
|
var nodeType = '<%= node.nodetypeName %>';
|
||||||
|
var channelID = <%= channels['poc.notes'].channelId %>;
|
||||||
|
console.log({nodeID:nodeID, nodeType:nodeType, channelID: channelID})
|
||||||
|
|
||||||
|
var formatDate = function(str){
|
||||||
|
var c1, c2;
|
||||||
|
c1 = new Date(str);
|
||||||
|
c2 = (c1.getTime() / 1000);
|
||||||
|
c2 = Math.floor(c2);
|
||||||
|
return c2.toString();
|
||||||
|
};
|
||||||
|
|
||||||
|
var updateTable = function(){
|
||||||
|
var apiData, start, end;
|
||||||
|
var $output = $('#output');
|
||||||
|
start = $('#datePicker').find('#fromDate');
|
||||||
|
dateString = start.val().replace(/-/g, "/");
|
||||||
|
start = formatDate(dateString);
|
||||||
|
end = $('#datePicker').find('#toDate');
|
||||||
|
dateString = end.val().replace(/-/g, "/");
|
||||||
|
end = formatDate(dateString);
|
||||||
|
apiData = "&nodelist[0][nodeId]=" + nodeID.toString() + "&nodelist[0][channelId]=" + channelID.toString();
|
||||||
|
apiData += "&start=" + start + "&end=" + end;
|
||||||
|
$.ajax({
|
||||||
|
url: "http://www.pocloud.io/api2/Nodechannels",
|
||||||
|
data: apiData,
|
||||||
|
dataType: "json",
|
||||||
|
type: "GET",
|
||||||
|
success: function(data) {
|
||||||
|
var notes = data.listofstreams[0];
|
||||||
|
for(var i = notes.stream.length-1; i >= 0; i--) {
|
||||||
|
var note = notes.stream[i];
|
||||||
|
var timestamp = note.x;
|
||||||
|
var jsonBlock = note.y;
|
||||||
|
var n = JSON.parse(jsonBlock);
|
||||||
|
var row = "<tr>";
|
||||||
|
row += "<td>" + n.id + "</td>";
|
||||||
|
row += "<td>" + n.date_time + "</td>";
|
||||||
|
row += "<td>" + n.author + "</td>";
|
||||||
|
row += "<td>" + n.ntype + "</td>";
|
||||||
|
row += "<td>" + n.note + "</td>";
|
||||||
|
row += "<td>" + n.stroke + "</td>";
|
||||||
|
row += "</tr>"
|
||||||
|
$output.append(row)
|
||||||
|
//$output.append(JSON.stringify(jsonBlock));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$(document).on('click', '#runPickerBtn', function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
updateTable();
|
||||||
|
});
|
||||||
|
$(document).ready(function(){
|
||||||
|
updateTable();
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
95
POCloud/HTML Templates/Well_Tests.html
Normal file
95
POCloud/HTML Templates/Well_Tests.html
Normal file
@@ -0,0 +1,95 @@
|
|||||||
|
<div style='margin-top: 1em;' class='col-xs-12'>
|
||||||
|
<div class="input-daterange input-group" id="datePicker">
|
||||||
|
<input id="fromDate" data-daysofhistory="30" type="text" class="form-control" name="start">
|
||||||
|
<span class="input-group-addon">to</span>
|
||||||
|
<input class="form-control" id="toDate" type="text" name="end">
|
||||||
|
<span class='input-group-btn'>
|
||||||
|
<a href="" id="runPickerBtn" class="btn btn-theme">Run</a>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class='col-xs-12' style='margin-top: 2em;'>
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<th>Test ID</th>
|
||||||
|
<th>Date & Time</th>
|
||||||
|
<th>Oil (BBL)</th>
|
||||||
|
<th>Water (BBL)</th>
|
||||||
|
<th>Gas (MMCF)</th>
|
||||||
|
<th>K-Factor</th>
|
||||||
|
<th>Hours</th>
|
||||||
|
</thead>
|
||||||
|
|
||||||
|
<tbody id="output">
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<!--<%= JSON.stringify(channels['poc.events'].value) %>-->
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<script>
|
||||||
|
|
||||||
|
var nodeID = <%= node.nodeId %>;
|
||||||
|
var nodeType = '<%= node.nodetypeName %>';
|
||||||
|
var channelID = <%= channels['poc.welltests'].channelId %>;
|
||||||
|
console.log({nodeID:nodeID, nodeType:nodeType, channelID: channelID})
|
||||||
|
|
||||||
|
var formatDate = function(str){
|
||||||
|
var c1, c2;
|
||||||
|
c1 = new Date(str);
|
||||||
|
c2 = (c1.getTime() / 1000);
|
||||||
|
c2 = Math.floor(c2);
|
||||||
|
return c2.toString();
|
||||||
|
};
|
||||||
|
|
||||||
|
var updateTable = function(){
|
||||||
|
var apiData, start, end;
|
||||||
|
var $output = $('#output');
|
||||||
|
start = $('#datePicker').find('#fromDate');
|
||||||
|
dateString = start.val().replace(/-/g, "/");
|
||||||
|
start = formatDate(dateString);
|
||||||
|
end = $('#datePicker').find('#toDate');
|
||||||
|
dateString = end.val().replace(/-/g, "/");
|
||||||
|
end = formatDate(dateString);
|
||||||
|
apiData = "&nodelist[0][nodeId]=" + nodeID.toString() + "&nodelist[0][channelId]=" + channelID.toString();
|
||||||
|
apiData += "&start=" + start + "&end=" + end;
|
||||||
|
$.ajax({
|
||||||
|
url: "http://www.pocloud.io/api2/Nodechannels",
|
||||||
|
data: apiData,
|
||||||
|
dataType: "json",
|
||||||
|
type: "GET",
|
||||||
|
success: function(data) {
|
||||||
|
console.log(data);
|
||||||
|
var notes = data.listofstreams[0];
|
||||||
|
for(var i = notes.stream.length-1; i >= 0; i--) {
|
||||||
|
var note = notes.stream[i];
|
||||||
|
var timestamp = note.x;
|
||||||
|
var jsonBlock = note.y;
|
||||||
|
var n = JSON.parse(jsonBlock);
|
||||||
|
var row = "<tr>";
|
||||||
|
row += "<td>" + n.id + "</td>";
|
||||||
|
row += "<td>" + n.test_date + "</td>";
|
||||||
|
row += "<td>" + n.test_volume_oil + "</td>";
|
||||||
|
row += "<td>" + n.test_volume_water + "</td>";
|
||||||
|
row += "<td>" + n.test_volume_gas + "</td>";
|
||||||
|
row += "<td>" + n.k_factor + "</td>";
|
||||||
|
row += "<td>" + n.test_hours + "</td>";
|
||||||
|
row += "</tr>"
|
||||||
|
$output.append(row)
|
||||||
|
//$output.append(JSON.stringify(jsonBlock));
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
$(document).on('click', '#runPickerBtn', function(e){
|
||||||
|
e.preventDefault();
|
||||||
|
updateTable();
|
||||||
|
});
|
||||||
|
$(document).ready(function(){
|
||||||
|
updateTable();
|
||||||
|
})
|
||||||
|
|
||||||
|
|
||||||
|
</script>
|
||||||
@@ -56,13 +56,13 @@
|
|||||||
apiData = "&nodelist[0][nodeId]=" + nodeID.toString() + "&nodelist[0][channelId]=" + channelID.toString();
|
apiData = "&nodelist[0][nodeId]=" + nodeID.toString() + "&nodelist[0][channelId]=" + channelID.toString();
|
||||||
apiData += "&start=" + start + "&end=" + end;
|
apiData += "&start=" + start + "&end=" + end;
|
||||||
$.ajax({
|
$.ajax({
|
||||||
url: "http://henrypump.meshify.com/api2/Nodechannels",
|
url: "http://www.pocloud.io/api2/Nodechannels",
|
||||||
data: apiData,
|
data: apiData,
|
||||||
dataType: "json",
|
dataType: "json",
|
||||||
type: "GET",
|
type: "GET",
|
||||||
success: function(data) {
|
success: function(data) {
|
||||||
var events = data.listofstreams[0];
|
var events = data.listofstreams[0];
|
||||||
for(var i = events.stream.length-1; i > 0; i--) {
|
for(var i = events.stream.length-1; i >= 0; i--) {
|
||||||
var event = events.stream[i];
|
var event = events.stream[i];
|
||||||
var timestamp = event.x;
|
var timestamp = event.x;
|
||||||
var jsonBlock = event.y;
|
var jsonBlock = event.y;
|
||||||
|
|||||||
Reference in New Issue
Block a user