From cf47afe53839d3ffce18c765680eab2f9a21ab9f Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Wed, 6 May 2020 21:41:10 +0200
Subject: [PATCH] ajax call for history chart

---
 rowers/templates/history.html | 46 ++++++++++++++++++++++++++++++++---
 rowers/views/analysisviews.py |  7 ++++--
 2 files changed, 47 insertions(+), 6 deletions(-)

diff --git a/rowers/templates/history.html b/rowers/templates/history.html
index df5ca327..8f84dcfd 100644
--- a/rowers/templates/history.html
+++ b/rowers/templates/history.html
@@ -5,11 +5,23 @@
 {% block title %}Rowsandall {% endblock %}
 
 {% block main %}
+<div id="id_css_res">
+    <link rel="stylesheet" href="https://cdn.pydata.org/bokeh/release/bokeh-1.0.4.min.css" type="text/css" />
+    <link rel="stylesheet" href="https://cdn.pydata.org/bokeh/release/bokeh-widgets-1.0.4.min.css" type="text/css" />
+</div>
+<div id="id_js_res">
+  <script src="https://cdn.pydata.org/bokeh/release/bokeh-1.0.4.min.js"></script>
+  <script src="https://cdn.pydata.org/bokeh/release/bokeh-widgets-1.0.4.min.js"></script>
+</div>
+
+<script async="true" type="text/javascript">
+  Bokeh.set_log_level("info");
+</script>
+
+<div id="id_script">
+</div>
 
 <ul class="main-content">
-  <link rel="stylesheet" href="https://cdn.pydata.org/bokeh/release/bokeh-1.0.4.min.css" type="text/css" />
-  <link rel="stylesheet" href="https://cdn.pydata.org/bokeh/release/bokeh-widgets-1.0.4.min.css" type="text/css" />
-  <script async="true" src="https://cdn.pydata.org/bokeh/release/bokeh-1.0.4.min.js"></script>
   <li class="grid_2">
     <h1>History for {{ rower.user.first_name }} {{ rower.user.last_name }}</h1>
   </li>
@@ -62,7 +74,9 @@
     </p>
   </li>
   <li class="grid_2">
-    <div>{{ totalscript|safe }}{{ totaldiv|safe }}</div>
+    <div id="id_chart">
+      {{ totaldiv|safe }}
+    </div>
   </li>
 
   {% for ddict in typedicts %}
@@ -103,6 +117,30 @@
 
 {% endblock %}
 
+{% block scripts %}
+<script type='text/javascript'
+        src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'>
+</script>
+
+<script>
+  $(function($) {
+  console.log('loading script for chart');
+  
+  $.getJSON(window.location.protocol + '//'+window.location.host + '/rowers/history/user/{{ rower.user.id }}/data/', function(json) {
+
+  var script = json.script;
+  var div = json.div;
+  $("#id_sitready").remove();
+  $("#id_chart").append(div);
+  console.log(div);
+//  $("#id_script").append("<s"+"cript>"+script+"</s"+"cript>");
+  $("#id_script").append(script);
+
+  });
+  });
+  </script>
+{% endblock %}
+
 
 
 {% block sidebar %}
diff --git a/rowers/views/analysisviews.py b/rowers/views/analysisviews.py
index eb065ac4..84e18a4f 100644
--- a/rowers/views/analysisviews.py
+++ b/rowers/views/analysisviews.py
@@ -4747,8 +4747,11 @@ def history_view(request,userid=0):
 
 
     # interactive hr pie chart
+    totalscript = ''
+    totaldiv = get_call()
     if typeselect == 'All':
-        totalscript,totaldiv = interactive_hr_piechart(df,r,'All Workouts')
+        pass
+        #totalscript,totaldiv = interactive_hr_piechart(df,r,'All Workouts')
     else:
         a_workouts = g_workouts.filter(workouttype=typeselect)
         ddf = getsmallrowdata_db(columns,ids=[w.id for w in a_workouts])
@@ -4758,7 +4761,7 @@ def history_view(request,userid=0):
             pass
         ddf = dataprep.clean_df_stats(ddf,workstrokesonly=True,
                                          ignoreadvanced=True)
-        totalscript, totaldiv = interactive_hr_piechart(ddf,r,mytypes.workouttypes_ordered[typeselect])
+        #totalscript, totaldiv = interactive_hr_piechart(ddf,r,mytypes.workouttypes_ordered[typeselect])
 
     # interactive power pie chart