From 52a00aa99ab285dcb5a714bed691c8b1175cd203 Mon Sep 17 00:00:00 2001
From: Patrick McDonagh <patrickjmcd@gmail.com>
Date: Thu, 3 Mar 2016 17:06:32 -0600
Subject: [PATCH] Fixed data updating on Overview

All graphs had id="graph1" and all charts had id="chart1"
---
 POCloud_Driver/HTML/Overview.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/POCloud_Driver/HTML/Overview.html b/POCloud_Driver/HTML/Overview.html
index 19076a4..a8fa3c3 100644
--- a/POCloud_Driver/HTML/Overview.html
+++ b/POCloud_Driver/HTML/Overview.html
@@ -17,12 +17,12 @@
       <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="gauge1" data-chart="solidgauge" data-nodename="vfdipp.dhintakepressure" data-units="PSI" 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-dhintakepressure" data-chart="solidgauge" data-nodename="vfdipp.dhintakepressure" 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="dhintakepressure"><%= channels["vfdipp.dhintakepressure"].timestamp %></span>
         </div>
       </div>
       <div class='col-xs-8'>
-        <div style="height:300px" id="chart1" 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 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>
     </div>
 
@@ -30,12 +30,12 @@
       <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="gauge1" 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="deg 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="chart1" 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=" deg F"></div>
       </div>
     </div>
 <% } %>
@@ -45,12 +45,12 @@
   <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="gauge1" 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-8'>
-    <div style="height:300px" id="chart1" data-chart="chart" data-nodename1="vfdipp.vfdoutputcurrent" data-datalabel1="Output Current" data-daysofhistory="2"  data-chartlabel="Output Current" data-ylabel="" data-xlabel="Date" data-units=" A"></div>
+    <div style="height:300px" id="chart-vfdoutputcurrent" data-chart="chart" data-nodename1="vfdipp.vfdoutputcurrent" data-datalabel1="Output Current" data-daysofhistory="2"  data-chartlabel="Output Current" data-ylabel="" data-xlabel="Date" data-units=" A"></div>
   </div>
 </div>
 
@@ -58,12 +58,12 @@
   <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="gauge1" 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-8'>
-    <div style="height:300px" id="chart1" data-chart="chart" data-nodename1="vfdipp.vfdoutputvoltage" data-datalabel1="Output Voltage" data-daysofhistory="2"  data-chartlabel="Output Voltage" data-ylabel="" data-xlabel="Date" data-units=" V"></div>
+    <div style="height:300px" id="chart-vfdoutputvoltage" data-chart="chart" data-nodename1="vfdipp.vfdoutputvoltage" data-datalabel1="Output Voltage" data-daysofhistory="2"  data-chartlabel="Output Voltage" data-ylabel="" data-xlabel="Date" data-units=" V"></div>
   </div>
 </div>
 
@@ -71,12 +71,12 @@
   <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="gauge1" 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>
   <div class='col-xs-8'>
-    <div style="height:300px" id="chart1" data-chart="chart" data-nodename1="vfdipp.vfddcbusvoltage" data-datalabel1="DC Bus Voltage" data-daysofhistory="2"  data-chartlabel="DC Bus Voltage" data-ylabel="" data-xlabel="Date" data-units=" V"></div>
+    <div style="height:300px" id="chart-vfddcbusvoltage" data-chart="chart" data-nodename1="vfdipp.vfddcbusvoltage" data-datalabel1="DC Bus Voltage" data-daysofhistory="2"  data-chartlabel="DC Bus Voltage" data-ylabel="" data-xlabel="Date" data-units=" V"></div>
   </div>
 </div>