Adds pump depth to Meshify

POCloud/HTML/Downhole.html

@@ -1,3 +1,38 @@
+<div class="row row-flex">
+    <div class="col-md-6 box-me entry-top-level" id="pumpdepth">
+        <div style="margin-left:15px;">
+            <h2>Pump Depth</h2>
+            <form class="form-inline">
+                <div class="form-group" style="margin-bottom:15px;">
+                    <label
+                        class="sr-only"
+                        for="<%= channels["advvfdipp.pumpdepth"].channelId %>">Pump Depth</label>
+                    <div class="input-group">
+                        <input
+                            class="form-control channel_value"
+                            type="number"
+                            step="any"
+                            value="<%=channels['advvfdipp.pumpdepth'].value %>">
+                        <div class="input-group-addon">Ft.</div>
+                    </div>
+                </div>
+                <hr />
+                <a
+                    href="#"
+                    data-confirm-message="Are you sure you want to do this?"
+                    data-refreshpause="1"
+                    data-command=""
+                    data-staticsend=1.0
+                    data-channelId="<%= channels["advvfdipp.pumpdepth"].channelId %>"
+                    data-techname="<%=channels["advvfdipp.pumpdepth"].techName %>"
+                    data-name="<%= channels["advvfdipp.pumpdepth"].name%>"
+                    data-nodechannelcurrentId="<%= channels["advvfdipp.pumpdepth"].nodechannelcurrentId %>"
+                    id="<%= channels["advvfdipp.pumpdepth"].channelId %>"
+                    class="btn btn-large btn-theme animated setstatic material-icons">send</a>
+            </form>
+        </div>
+    </div>
+</div>
 <div class="text-center"><h1>LIVE VALUES</h1></div>
 <div class='row row-flex'>
     <div class='col-xs-4 text-center box-me'>
@@ -194,3 +229,17 @@
         z-index: 100;
     }
 </style>
+
+<script>
+$('.channel_value').each(function(topLevel){
+    $(this).change(function(){
+        var id = "#" + $(this).closest(".entry-top-level").attr('id');
+        if (id !== "#undefined"){
+            var val = $(id).find('.channel_value').val();
+            var tag = $(id).find('.setstatic').attr('data-staticsend', val);
+            console.log($(id).find('.setstatic').attr('data-staticsend'));
+        }
+    });
+});
+
+</script>

POCloud/HTML/NodeDetailHeader.html

@@ -5,8 +5,11 @@
     <h3><%= node.vanityname %></h3>
     <h4><span data-updatevalue="wellstatus"><%=channels["advvfdipp.wellstatus"].value %></span></h4>
 </div>
-<div class-"col-xs-3">
+<div class="col-xs-3">
     <h4>Start Permissive: <span data-updatevalue="startpermissive"><%=channels["advvfdipp.startpermissive"].value %></span></h4>
     <h4>Run Permissive: <span data-updatevalue="runpermissive"><%=channels["advvfdipp.runpermissive"].value %></span></h4>
     <h4>VFD Status: <span data-updatevalue="vfd_fault"><%=channels["advvfdipp.vfd_fault"].value %></span></h4>
+    <% if (channels["advvfdipp.pumpdepth"].value > 0.0) { %>
+        <h4>Pump Depth: <span data-updatevalue="vfd_fault"><%=channels["advvfdipp.pumpdepth"].value %></span> ft.</h4>
+    <% } %>
 </div>