From d15fd5692df56a1637a0cd1d9747512b6c408f3c Mon Sep 17 00:00:00 2001
From: billz <billzimmerman@gmail.com>
Date: Sun, 2 Feb 2020 14:58:35 +0000
Subject: [PATCH] Unique id, prevent conflict w/ data usage

---
 app/css/custom.css       | 2 +-
 app/js/dashboardchart.js | 4 ++--
 templates/dashboard.php  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/css/custom.css b/app/css/custom.css
index 3e88f557..0a758132 100644
--- a/app/css/custom.css
+++ b/app/css/custom.css
@@ -201,7 +201,7 @@ pre.unstyled {
   font-size: 0.9rem!important;
 }
 
-canvas#divChartBandwidthhourly {
+canvas#divDBChartBandwidthhourly {
   height: 350px!important;
 }
 
diff --git a/app/js/dashboardchart.js b/app/js/dashboardchart.js
index 218cf439..e9b039fa 100644
--- a/app/js/dashboardchart.js
+++ b/app/js/dashboardchart.js
@@ -41,7 +41,7 @@
 
   function ShowBandwidthChartHandler(e) {
     // Remove hourly chartjs chart
-    $('#divChartBandwidthhourly').empty();
+    $('#divDBChartBandwidthhourly').empty();
     // Construct ajax uri for getting the proper data
     var timeunit = 'hourly'; 
     var uri = 'ajax/bandwidth/get_bandwidth.php?';
@@ -62,7 +62,7 @@
         return e.date;
       });
       // Init. chart with label series
-      var barchart = CreateChart('divChartBandwidth'+timeunit, labels);
+      var barchart = CreateChart('divDBChartBandwidth'+timeunit, labels);
       var dataRx = jsondata.map(function(e) {
         return e.rx;
       });
diff --git a/templates/dashboard.php b/templates/dashboard.php
index ce1019e5..40cce2fb 100755
--- a/templates/dashboard.php
+++ b/templates/dashboard.php
@@ -34,7 +34,7 @@ $ifaceStatus = $wlan0up ? "up" : "down";
                 <h4><?php echo _("Hourly traffic amount"); ?></h4>
                 <div id="divInterface" class="d-none"><?php echo RASPI_WIFI_CLIENT_INTERFACE; ?></div>
                 <div class="col-md-12">
-                  <canvas id="divChartBandwidthhourly"></canvas>
+                  <canvas id="divDBChartBandwidthhourly"></canvas>
                 </div>
               </div><!-- /.card-body -->
             </div><!-- /.card-->