From 39160df79b6583db2671baf05c1144e8b1bbe2d2 Mon Sep 17 00:00:00 2001
From: Tim <timvdwest@gmail.com>
Date: Mon, 10 Aug 2015 01:52:37 +0200
Subject: [PATCH] Fix bug where graphs would make multiple ajax queries.

---
 data/interfaces/default/graphs.html | 35 ++++++++++++-----------------
 1 file changed, 14 insertions(+), 21 deletions(-)

diff --git a/data/interfaces/default/graphs.html b/data/interfaces/default/graphs.html
index 4f22beea..911d1608 100644
--- a/data/interfaces/default/graphs.html
+++ b/data/interfaces/default/graphs.html
@@ -373,38 +373,31 @@
         loadGraphsTab1(current_range, yaxis);
 
         // Tab1 opened
-        $('#graph-tabs a[href="#tabs-1"]').click(function (e) {
-            current_tab = $(this).attr('href');
+        $('#graph-tabs a[href="#tabs-1"]').on('shown.bs.tab', function (e) {
             e.preventDefault();
-            $(this).tab('show');
-            $(this).on('shown.bs.tab', function (e) {
-              $('#days-selection').show();
-              loadGraphsTab1(current_range, yaxis);
-            })
+            current_tab = $(this).attr('href');
+            $('#days-selection').show();
+            loadGraphsTab1(current_range, yaxis);
         })
 
         // Tab2 opened
-        $('#graph-tabs a[href="#tabs-2"]').click(function (e) {
-            current_tab = $(this).attr('href');
+        $('#graph-tabs a[href="#tabs-2"]').on('shown.bs.tab', function (e) {
             e.preventDefault();
-            $(this).tab('show');
-            $(this).on('shown.bs.tab', function (e) {
-              $('#days-selection').show();
-              loadGraphsTab2(current_range, yaxis);
-            })
+            current_tab = $(this).attr('href');
+            $('#days-selection').show();
+            loadGraphsTab2(current_range, yaxis);
         })
 
         // Tab3 opened
-        $('#graph-tabs a[href="#tabs-3"]').click(function (e) {
-            current_tab = $(this).attr('href');
+        $('#graph-tabs a[href="#tabs-3"').on('shown.bs.tab', function (e) {
             e.preventDefault();
-            $(this).tab('show');
-            $(this).on('shown.bs.tab', function (e) {
-              $('#days-selection').hide();
-              loadGraphsTab3(yaxis);
-            })
+            current_tab = $(this).attr('href');
+            $('#days-selection').hide();
+            console.log('loading....');
+            loadGraphsTab3(yaxis);
         })
 
+
         // Date range changed
         $('#days-selection').on('change', function() {
             current_range = $('input[name=date-options]:checked', '#days-selection').val();