From f0e345c6892b05557f6d500dc104cd37de8dbd33 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Sun, 5 Nov 2017 09:34:29 +0100
Subject: [PATCH 1/4] Added a waiting message to workflow.html

---
 rowers/templates/flexthumbnails.html | 6 ++++--
 rowers/templates/workflow.html       | 3 +++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/rowers/templates/flexthumbnails.html b/rowers/templates/flexthumbnails.html
index 4fda7461..d2418cb4 100644
--- a/rowers/templates/flexthumbnails.html
+++ b/rowers/templates/flexthumbnails.html
@@ -1,10 +1,12 @@
 
 
 <h2>Flex Charts</h2>
-<p>Click on the thumbnails to view the full chart.</p>
 <div id="id_thumbscripts">
 
 </div>
 <div id="id_thumbs">
-
+  <div id="id_sitready"><blockquote>
+      <p>Sit Ready! We're counting strokes and loading data.</p>
+    </blockquote>
+  </div>
 </div>
diff --git a/rowers/templates/workflow.html b/rowers/templates/workflow.html
index 3b0ef5ac..c246f3f6 100644
--- a/rowers/templates/workflow.html
+++ b/rowers/templates/workflow.html
@@ -35,6 +35,9 @@
   }
   $.getJSON(window.location.protocol + '//'+window.location.host + '/rowers/workout/{{ workout.id }}/get-thumbnails', function(json) {
   var counter=0;
+  $("#id_sitready").remove();
+  $("#id_thumbs").append(
+  "<p>Click on the thumbnails to view the full chart.</p>");
   $.each(json, function(index, element) {
   console.log('adding thumbnail');
   var counter2 = counter+1;

From 911cb204d13182c1c697b4f9b3c460caae860e3e Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Sun, 5 Nov 2017 12:03:30 +0100
Subject: [PATCH 2/4] delayed load of data on cum_flex

Ajax call to load data for cumulative flex chart. It works. Yay!
---
 rowers/templates/cum_flex.html |  60 +++++++++----
 rowers/urls.py                 |   6 ++
 rowers/views.py                | 150 ++++++++++++++++++++++++++-------
 3 files changed, 170 insertions(+), 46 deletions(-)

diff --git a/rowers/templates/cum_flex.html b/rowers/templates/cum_flex.html
index 81268e7a..ea74a7ae 100644
--- a/rowers/templates/cum_flex.html
+++ b/rowers/templates/cum_flex.html
@@ -6,8 +6,23 @@
 
 {% block content %}
 
-{{ js_res | safe }}
-{{ css_res| safe }}
+
+<div id="id_css_res">
+    <link rel="stylesheet" href="/static/css/bokeh-0.12.3.min.css" type="text/css" />
+    <link rel="stylesheet" href="/static/css/bokeh-widgets-0.12.3.min.css" type="text/css" />
+</div>
+<div id="id_js_res">
+  <script
+    type="text/javascript" src="/static/js/bokeh-0.12.3.min.js">
+  </script>
+  <script
+    type="text/javascript" src="/static/js/bokeh-widgets-0.12.3.min.js">
+  </script>
+  <script async="true" type="text/javascript">
+    Bokeh.set_log_level("info");
+  </script>
+
+</div>
 
 <script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
 <script>
@@ -58,13 +73,10 @@
 
 </script>
 
-<script type="text/javascript" src="/static/js/bokeh-0.12.3.min.js"></script>
-<script type="text/javascript" src="/static/js/bokeh-widgets-0.12.3.min.js"></script>
-<script async="true" type="text/javascript">
-  Bokeh.set_log_level("info");
-</script>
 
-{{ interactiveplot |safe }}
+<div id="id_script">
+
+</div>
 
 <style>
   /* Need this to get the page in "desktop mode"; not having an infinite height.*/
@@ -74,11 +86,7 @@
 
 <div id="title" class="grid_12 alpha">
   <div class="grid_10 alpha">
-    {% if theuser %}
-    <h3>{{ theuser.first_name }}'s Stroke Analysis</h3>
-    {% else %}
-    <h3>{{ user.first_name }}'s Stroke Analysis</h3>
-    {% endif %}
+    &nbsp;
   </div>
   <div class="grid_2 omega">
     {% if user.is_authenticated and user|is_manager %}
@@ -99,7 +107,6 @@
 
 <div class="grid_12 alpha">
   <div id="form" class="grid_6 alpha">
-    <p>Warning: Large date ranges may take a long time to load. Huge date ranges may crash your browser.</p>
     <form enctype="multipart/form-data" action="{{ formloc }}" method="post">
       {% csrf_token %}
       <div class="grid_2 alpha">
@@ -229,10 +236,33 @@
 
 
 
-<div id="graph" class="grid_12 alpha">
+<div id="id_chart" class="grid_12 alpha">
 
     {{ the_div|safe }}
     
 </div>
 
 {% 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');
+  $.getJSON(window.location.protocol + '//'+window.location.host + '/rowers/flexalldata', function(json) {
+  var counter=0;
+  var script = json.script;
+  var div = json.div;
+  $("#id_sitready").remove();
+  $("#id_chart").append(div);
+  console.log(div);
+  $("#id_script").append("<script>"+script+"</s"+"cript>");
+
+  });
+  });
+</script>
+
+{% endblock %}
diff --git a/rowers/urls.py b/rowers/urls.py
index 56e91cf6..cf7db081 100644
--- a/rowers/urls.py
+++ b/rowers/urls.py
@@ -169,8 +169,14 @@ urlpatterns = [
     url(r'^flexall/(?P<xparam>\w+.*)/(?P<yparam1>\w+.*)/(?P<yparam2>\w+.*)$',views.cum_flex),
     url(r'^flexall/$',views.cum_flex),
 
+    url(r'^(?P<theuser>\d+)/flexalldata/(?P<xparam>\w+.*)/(?P<yparam1>\w+.*)/(?P<yparam2>\w+.*)/(?P<startdatestring>\w+.*)/(?P<enddatestring>\w+.*)$',views.cum_flex_data),
+    url(r'^flexalldata/(?P<xparam>\w+.*)/(?P<yparam1>\w+.*)/(?P<yparam2>\w+.*)/(?P<startdatestring>\w+.*)/(?P<enddatestring>\w+.*)$',views.cum_flex_data),
+    url(r'^flexalldata/(?P<xparam>\w+.*)/(?P<yparam1>\w+.*)/(?P<yparam2>\w+.*)$',views.cum_flex_data),
+    url(r'^flexalldata/$',views.cum_flex_data),
+
     url(r'^histo/u/(?P<theuser>\d+)$',views.histo),
     url(r'^flexall/u/(?P<theuser>\d+)$',views.cum_flex),
+    url(r'^flexalldata/u/(?P<theuser>\d+)$',views.cum_flex_data),
     url(r'^(?P<theuser>\d+)/histo/(?P<startdatestring>\w+.*)/(?P<enddatestring>\w+.*)$',views.histo),
     url(r'^(?P<theuser>\d+)/histo/(?P<deltadays>\d+)$',views.histo),
     url(r'^histo/(?P<startdatestring>\w+.*)/(?P<enddatestring>\w+.*)$',views.histo),
diff --git a/rowers/views.py b/rowers/views.py
index 6108d6d8..c26c5b3e 100644
--- a/rowers/views.py
+++ b/rowers/views.py
@@ -2526,6 +2526,94 @@ def histo_all(request,theuser=0,
 		   })
 
 # The Flex plot for a large selection of workouts
+@login_required()
+def cum_flex_data(
+        request,
+        options={
+            'includereststrokes':False,
+            'workouttypes':['rower','dynamic','slides'],
+            'waterboattype':['1x','2x','2-','4x','4-','8+'],
+            'theuser':0,
+            'xparam':'spm',
+            'yparam1':'power',
+            'yparam2':'None',
+            'enddatestring':'',
+            'startdatestring':'',
+            'deltadays':-1,
+        }):
+
+    if 'options' in request.session:
+        options = request.session['options']
+
+    workouttypes = options['workouttypes']
+    includereststrokes = options['includereststrokes']
+    waterboattype = options['waterboattype']
+    workstrokesonly = not includereststrokes
+    theuser = options['theuser']
+    xparam = options['xparam']
+    yparam1 = options['yparam1']
+    yparam2 = options['yparam2']
+    startdatestring = options['startdatestring']
+    enddatestring = options['enddatestring']
+    deltadays = options['deltadays']
+
+    
+
+    startdate = iso8601.parse_date(startdatestring)
+
+    enddate = iso8601.parse_date(enddatestring)
+
+    if deltadays>0:
+	startdate = enddate-datetime.timedelta(days=int(deltadays))
+
+
+    if enddate < startdate:
+	s = enddate
+	enddate = startdate
+	startdate = s
+
+    promember=0
+    if theuser == 0:
+	theuser = request.user.id
+
+    if not request.user.is_anonymous():
+	r = getrower(request.user)
+	result = request.user.is_authenticated() and ispromember(request.user)
+	if result:
+	    promember=1
+
+    r2 = getrower(theuser)
+    allworkouts = Workout.objects.filter(user=r2,
+					 workouttype__in=workouttypes,
+                                         boattype__in=waterboattype,
+					 startdatetime__gte=startdate,
+					 startdatetime__lte=enddate)
+       
+    if allworkouts:
+	res = interactive_cum_flex_chart2(allworkouts,xparam=xparam,
+					  yparam1=yparam1,
+					  yparam2=yparam2,
+					  promember=promember,
+                                         workstrokesonly=workstrokesonly)
+	script = res[0]
+	div = res[1]
+    else:
+	script = ''
+	div = '<p>No erg pieces uploaded for this date range.</p>'
+
+    scripta = script.split('\n')[2:-1]
+    script = ''.join(scripta)
+    
+    data = {
+        "script":script,
+        "div":div,
+        }
+        
+    return JSONResponse(data)
+
+
+
+
 @login_required()
 def cum_flex(request,theuser=0,
 	     xparam='spm',
@@ -2651,38 +2739,19 @@ def cum_flex(request,theuser=0,
 	    })
 	deltaform = DeltaDaysForm()
         optionsform = StatsOptionsForm()
-    try:
-	r2 = getrower(theuser)
-	allworkouts = Workout.objects.filter(user=r2,
-					     workouttype__in=workouttypes,
-                                             boattype__in=waterboattype,
-					     startdatetime__gte=startdate,
-					     startdatetime__lte=enddate)
-	
-    except Rower.DoesNotExist:
-	allworkouts = []
-	r2=0
 
-    try:
-	u = User.objects.get(id=theuser)
-    except User.DoesNotExist:
-	u = ''
-
-    if allworkouts:
-	res = interactive_cum_flex_chart2(allworkouts,xparam=xparam,
-					  yparam1=yparam1,
-					  yparam2=yparam2,
-					  promember=promember,
-                                          workstrokesonly=workstrokesonly)
-	script = res[0]
-	div = res[1]
-	js_resources = res[2]
-	css_resources = res[3]
-    else:
-	script = ''
-	div = '<p>No erg pieces uploaded for this date range.</p>'
-	js_resources = ''
-	css_resources = ''
+    script = ''
+    div = """
+<div id="id_sitready">
+    <p>
+    <blockquote>
+    Sit Ready! We're counting strokes and loading data
+    </blockquote>
+    </p>
+</div>
+"""
+    js_resources = ''
+    css_resources = ''
 
     axchoicesbasic = {ax[0]:ax[1] for ax in axes if ax[4]=='basic'}
     axchoicespro = {ax[0]:ax[1] for ax in axes if ax[4]=='pro'}
@@ -2702,8 +2771,26 @@ def cum_flex(request,theuser=0,
             initial[wtype] = False
 
 
+    try:
+	u = User.objects.get(id=theuser)
+    except User.DoesNotExist:
+	u = ''
+
     optionsform = StatsOptionsForm(initial=initial)
         
+
+    options['includereststrokes'] = includereststrokes
+    options['workouttypes'] =workouttypes
+    options['waterboattype'] =waterboattype
+    options['theuser'] =theuser
+    options['xparam'] =xparam
+    options['yparam1'] =yparam1
+    options['yparam2'] =yparam2
+    options['startdatestring'] = startdatestring
+    options['enddatestring'] =enddatestring
+    options['deltadays'] =deltadays
+
+
     request.session['options'] = options
 
     return render(request, 'cum_flex.html',
@@ -2728,6 +2815,7 @@ def cum_flex(request,theuser=0,
                    'noylist':noylist,
 		   })
 
+
 # Show the EMpower Oarlock generated Stroke Profile
 @user_passes_test(ispromember,login_url="/",redirect_field_name=None)
 def workout_forcecurve_view(request,id=0,workstrokesonly=False):

From 5337560bca334c3cee7986d7eb653b64de6d5cc0 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Sun, 5 Nov 2017 13:12:29 +0100
Subject: [PATCH 3/4] lazy loads box chart

---
 rowers/templates/.#cum_flex.html |   1 +
 rowers/templates/boxplot.html    |  28 +++-
 rowers/urls.py                   |   1 +
 rowers/views.py                  | 235 +++++++++++++++----------------
 4 files changed, 143 insertions(+), 122 deletions(-)
 create mode 100644 rowers/templates/.#cum_flex.html

diff --git a/rowers/templates/.#cum_flex.html b/rowers/templates/.#cum_flex.html
new file mode 100644
index 00000000..01488739
--- /dev/null
+++ b/rowers/templates/.#cum_flex.html
@@ -0,0 +1 @@
+E408191@CZ27LT9RCGN72.648792:1509824931
\ No newline at end of file
diff --git a/rowers/templates/boxplot.html b/rowers/templates/boxplot.html
index 6e287090..346a780e 100644
--- a/rowers/templates/boxplot.html
+++ b/rowers/templates/boxplot.html
@@ -11,7 +11,8 @@
   Bokeh.set_log_level("info");
 </script>
 
-{{ interactiveplot |safe }}
+<div id="id_script">
+</div>
 
 <script>
   // Set things up to resize the plot on a window resize. You can play with
@@ -37,7 +38,7 @@
 <div class="grid_12 alpha">
     <h1>Box Chart</h1>
   <div id="workouts" class="grid_8 alpha">
-    <div id="theplot" class="grid_8 alpha flexplot">
+    <div id="id_chart" class="grid_8 alpha flexplot">
       {{ the_div|safe }}
     </div>
   </div>
@@ -67,4 +68,27 @@
 </div>
 
 
+{% 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');
+  $.getJSON(window.location.protocol + '//'+window.location.host + '/rowers/user-boxplot-data', function(json) {
+  var counter=0;
+  var script = json.script;
+  var div = json.div;
+  $("#id_sitready").remove();
+  $("#id_chart").append(div);
+  console.log(div);
+  $("#id_script").append("<script>"+script+"</s"+"cript>");
+
+  });
+  });
+</script>
+
 {% endblock %}
diff --git a/rowers/urls.py b/rowers/urls.py
index cf7db081..ce1d4045 100644
--- a/rowers/urls.py
+++ b/rowers/urls.py
@@ -296,6 +296,7 @@ urlpatterns = [
     url(r'^user-boxplot/(?P<userid>\d+)$',views.boxplot_view),
     url(r'^user-boxplot/$',views.boxplot_view),
     url(r'^user-boxplot$',views.boxplot_view),
+    url(r'^user-boxplot-data$',views.boxplot_view_data),
     url(r'^user-multiflex/(?P<userid>\d+)$',views.multiflex_view),
     url(r'^user-multiflex/$',views.multiflex_view),
     url(r'^user-multiflex$',views.multiflex_view),
diff --git a/rowers/views.py b/rowers/views.py
index c26c5b3e..acf55c49 100644
--- a/rowers/views.py
+++ b/rowers/views.py
@@ -4861,6 +4861,92 @@ def user_boxplot_select(request,
                    'teams':get_my_teams(request.user),
                    })
 
+@user_passes_test(ispromember,login_url="/",redirect_field_name=None)
+def boxplot_view_data(request,userid=0,
+                 options={
+                     'includereststrokes':False,
+                     'spmmin':15,
+                     'spmmax':55,
+                     'workmin':0,
+                     'workmax':1500,
+                     'ids':[],
+                     'userid':0,
+                     'plotfield':'spm',
+                     }):
+
+    if 'options' in request.session:
+        options = request.session['options']
+        
+    includereststrokes = options['includereststrokes']
+    spmmin = options['spmmin']
+    spmmax = options['spmmax']
+    workmin = options['workmin']
+    workmax = options['workmax']
+    ids = options['ids']
+    userid = options['userid']
+    plotfield = options['plotfield']
+    
+    workstrokesonly = not includereststrokes
+
+    if userid==0:
+        userid = request.user.id
+
+    workouts = [Workout.objects.get(id=id) for id in ids]
+    labeldict = {
+        int(w.id): w.__unicode__() for w in workouts
+    }
+            
+            
+    datemapping = {
+        w.id:w.date for w in workouts
+    }
+
+    
+    
+    fieldlist,fielddict = dataprep.getstatsfields()
+    fieldlist = [plotfield,'workoutid','spm','driveenergy',
+                 'workoutstate']
+    
+    # prepare data frame
+    datadf = dataprep.read_cols_df_sql(ids,fieldlist)
+    
+    datadf = dataprep.clean_df_stats(datadf,workstrokesonly=workstrokesonly)
+
+    datadf = dataprep.filter_df(datadf,'spm',spmmin,
+                                largerthan=True)
+    datadf = dataprep.filter_df(datadf,'spm',spmmax,
+                                largerthan=False)
+    datadf = dataprep.filter_df(datadf,'driveenergy',workmin,
+                                largerthan=True)
+    datadf = dataprep.filter_df(datadf,'driveneergy',workmax,
+                                largerthan=False)
+
+    datadf.dropna(axis=0,how='any',inplace=True)
+
+    datadf['workoutid'].replace(datemapping,inplace=True)
+    datadf.rename(columns={"workoutid":"date"},inplace=True)
+    datadf = datadf.sort_values(['date'])
+
+    if userid == 0:
+        extratitle = ''
+    else:
+        u = User.objects.get(id=userid)
+        extratitle = ' '+u.first_name+' '+u.last_name
+                
+
+            
+    script,div = interactive_boxchart(datadf,plotfield,
+                                      extratitle=extratitle)
+
+    scripta = script.split('\n')[2:-1]
+    script = ''.join(scripta)
+    
+
+    return JSONResponse({
+        "script":script,
+        "div":div,
+        })
+    
 @user_passes_test(ispromember,login_url="/",redirect_field_name=None)
 def boxplot_view(request,userid=0,
                  options={
@@ -4895,60 +4981,6 @@ def boxplot_view(request,userid=0,
             ids = [int(w.id) for w in workouts]
             request.session['ids'] = ids
 
-            labeldict = {
-                int(w.id): w.__unicode__() for w in workouts
-                }
-            
-            
-            datemapping = {
-                w.id:w.date for w in workouts
-            }
-
-    
-    
-            fieldlist,fielddict = dataprep.getstatsfields()
-            fieldlist = [plotfield,'workoutid','spm','driveenergy',
-                         'workoutstate']
-    
-            # prepare data frame
-            datadf = dataprep.read_cols_df_sql(ids,fieldlist)
-            
-            datadf = dataprep.clean_df_stats(datadf,workstrokesonly=workstrokesonly)
-
-            datadf = dataprep.filter_df(datadf,'spm',spmmin,
-                                        largerthan=True)
-            datadf = dataprep.filter_df(datadf,'spm',spmmax,
-                                        largerthan=False)
-            datadf = dataprep.filter_df(datadf,'driveenergy',workmin,
-                                        largerthan=True)
-            datadf = dataprep.filter_df(datadf,'driveneergy',workmax,
-                                        largerthan=False)
-
-            datadf.dropna(axis=0,how='any',inplace=True)
-
-            datadf['workoutid'].replace(datemapping,inplace=True)
-            datadf.rename(columns={"workoutid":"date"},inplace=True)
-            datadf = datadf.sort_values(['date'])
-
-            if userid == 0:
-                extratitle = ''
-            else:
-                u = User.objects.get(id=userid)
-                extratitle = ' '+u.first_name+' '+u.last_name
-                
-
-            
-            script,div = interactive_boxchart(datadf,plotfield,
-                                              extratitle=extratitle)
-            
-
-            return render(request,'boxplot.html',
-                          {'interactiveplot':script,
-                           'the_div':div,
-                           'chartform':chartform,
-                           'userid':userid,
-                           'teams':get_my_teams(request.user),
-                           })
         else:
             return HttpResponse("Form is not valid")
     elif request.method == 'POST' and 'ids' in request.session:
@@ -4964,80 +4996,43 @@ def boxplot_view(request,userid=0,
             workstrokesonly = not includereststrokes
             ids = request.session['ids']
             request.session['ids'] = ids
-            workouts = dataprep.get_workouts(ids,userid)
-            if not workouts:
-                message = 'Error: Workouts in session storage do not belong to this user.'
-                messages.error(request,message)
-                url = reverse(user_boxplot_select,
-                              kwargs={
-                                  'userid':userid,
-                                  }
-                              )
-                return HttpResponseRedirect(url)
-                              
-            # workouts = [Workout.objects.get(id=id) for id in ids]
-
-            labeldict = {
-                int(w.id): w.__unicode__() for w in workouts
-                }
-            
-            datemapping = {
-                w.id:w.date for w in workouts
-            }
-
-            fieldlist,fielddict = dataprep.getstatsfields()
-            fieldlist = [plotfield,'workoutid','spm','driveenergy',
-                         'workoutstate']
-    
-            # prepare data frame
-            datadf = dataprep.read_cols_df_sql(ids,fieldlist)
-
-            # dummy values for drive energy
-            mask = datadf['driveenergy'] == 0
-            datadf.loc[mask,'driveenergy'] = 450
-            
-            datadf = dataprep.clean_df_stats(datadf,
-                                             workstrokesonly=workstrokesonly)
 
 
-            datadf = dataprep.filter_df(datadf,'spm',spmmin,
-                                        largerthan=True)
-            datadf = dataprep.filter_df(datadf,'spm',spmmax,
-                                        largerthan=False)
-            datadf = dataprep.filter_df(datadf,'driveenergy',workmin,
-                                        largerthan=True)
-            datadf = dataprep.filter_df(datadf,'driveneergy',workmax,
-                                        largerthan=False)
-
-            datadf.dropna(axis=0,how='any',inplace=True)
-            
-            datadf['workoutid'].replace(datemapping,inplace=True)
-            datadf.rename(columns={"workoutid":"date"},inplace=True)
-            datadf = datadf.sort_values(['date'])
-
-            if userid == 0:
-                extratitle = ''
-            else:
-                u = User.objects.get(id=userid)
-                extratitle = ' '+u.first_name+' '+u.last_name
-                
-            script,div = interactive_boxchart(datadf,plotfield,
-                                              extratitle=extratitle)
-
-
-            return render(request,'boxplot.html',
-                          {'interactiveplot':script,
-                           'the_div':div,
-                           'chartform':chartform,
-                           'userid':userid,
-                           'teams':get_my_teams(request.user),
-                           })
         else:
             return HttpResponse("invalid form")
     else:
         url = reverse(user_boxplot_select)
         return HttpResponseRedirect(url)
 
+    div = """
+<div id="id_sitready">
+    <p>
+    <blockquote>
+    Sit Ready! We're counting strokes and loading data
+    </blockquote>
+    </p>
+</div>
+"""
+
+    options['spmmin'] = spmmin
+    options['spmmax'] = spmmax
+    options['workmin'] = workmin
+    options['workmax'] = workmax
+    options['ids'] = ids
+    options['userid'] = userid
+    options['plotfield'] = plotfield
+
+    request.session['options'] = options
+    
+    return render(request,'boxplot.html',
+                  {'interactiveplot':'',
+                   'the_div':div,
+                   'chartform':chartform,
+                   'userid':userid,
+                   'teams':get_my_teams(request.user),
+                  })
+
+
 # List Workouts    
 @login_required()
 def workouts_view(request,message='',successmessage='',

From 1a5d2e35f4338beee22fe6c4537a0c454a7dc4c3 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Sun, 5 Nov 2017 17:22:59 +0100
Subject: [PATCH 4/4] lazy loads trend flex, boxplot, cum_flex

---
 rowers/templates/.#cum_flex.html |   1 -
 rowers/templates/multiflex.html  |  29 +++-
 rowers/urls.py                   |   5 +-
 rowers/utils.py                  |  26 +++
 rowers/views.py                  | 284 +++++++++++++++++++------------
 static/css/rowsandall.css        |   8 +
 6 files changed, 239 insertions(+), 114 deletions(-)
 delete mode 100644 rowers/templates/.#cum_flex.html

diff --git a/rowers/templates/.#cum_flex.html b/rowers/templates/.#cum_flex.html
deleted file mode 100644
index 01488739..00000000
--- a/rowers/templates/.#cum_flex.html
+++ /dev/null
@@ -1 +0,0 @@
-E408191@CZ27LT9RCGN72.648792:1509824931
\ No newline at end of file
diff --git a/rowers/templates/multiflex.html b/rowers/templates/multiflex.html
index 62666379..375602ea 100644
--- a/rowers/templates/multiflex.html
+++ b/rowers/templates/multiflex.html
@@ -11,7 +11,9 @@
   Bokeh.set_log_level("info");
 </script>
 
-{{ interactiveplot |safe }}
+<div id="id_script">
+
+</div>
 
 <script>
   // Set things up to resize the plot on a window resize. You can play with
@@ -37,7 +39,7 @@
 <div class="grid_12 alpha">
     <h1>Multi Flex Chart</h1>
   <div id="workouts" class="grid_8 alpha">
-    <div id="theplot" class="grid_8 alpha flexplot">
+    <div id="id_chart" class="grid_8 alpha flexplot">
       {{ the_div|safe }}
     </div>
   </div>
@@ -67,4 +69,27 @@
 </div>
 
 
+{% 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');
+  $.getJSON(window.location.protocol + '//'+window.location.host + '/rowers/user-multiflex-data', function(json) {
+  var counter=0;
+  var script = json.script;
+  var div = json.div;
+  $("#id_sitready").remove();
+  $("#id_chart").append(div);
+  console.log(div);
+  $("#id_script").append("<script>"+script+"</s"+"cript>");
+
+  });
+  });
+</script>
+
 {% endblock %}
diff --git a/rowers/urls.py b/rowers/urls.py
index ce1d4045..9179e415 100644
--- a/rowers/urls.py
+++ b/rowers/urls.py
@@ -169,14 +169,10 @@ urlpatterns = [
     url(r'^flexall/(?P<xparam>\w+.*)/(?P<yparam1>\w+.*)/(?P<yparam2>\w+.*)$',views.cum_flex),
     url(r'^flexall/$',views.cum_flex),
 
-    url(r'^(?P<theuser>\d+)/flexalldata/(?P<xparam>\w+.*)/(?P<yparam1>\w+.*)/(?P<yparam2>\w+.*)/(?P<startdatestring>\w+.*)/(?P<enddatestring>\w+.*)$',views.cum_flex_data),
-    url(r'^flexalldata/(?P<xparam>\w+.*)/(?P<yparam1>\w+.*)/(?P<yparam2>\w+.*)/(?P<startdatestring>\w+.*)/(?P<enddatestring>\w+.*)$',views.cum_flex_data),
-    url(r'^flexalldata/(?P<xparam>\w+.*)/(?P<yparam1>\w+.*)/(?P<yparam2>\w+.*)$',views.cum_flex_data),
     url(r'^flexalldata/$',views.cum_flex_data),
 
     url(r'^histo/u/(?P<theuser>\d+)$',views.histo),
     url(r'^flexall/u/(?P<theuser>\d+)$',views.cum_flex),
-    url(r'^flexalldata/u/(?P<theuser>\d+)$',views.cum_flex_data),
     url(r'^(?P<theuser>\d+)/histo/(?P<startdatestring>\w+.*)/(?P<enddatestring>\w+.*)$',views.histo),
     url(r'^(?P<theuser>\d+)/histo/(?P<deltadays>\d+)$',views.histo),
     url(r'^histo/(?P<startdatestring>\w+.*)/(?P<enddatestring>\w+.*)$',views.histo),
@@ -300,6 +296,7 @@ urlpatterns = [
     url(r'^user-multiflex/(?P<userid>\d+)$',views.multiflex_view),
     url(r'^user-multiflex/$',views.multiflex_view),
     url(r'^user-multiflex$',views.multiflex_view),
+    url(r'^user-multiflex-data$',views.multiflex_data),
     url(r'^me/teams/$',views.rower_teams_view),
     url(r'^me/calcdps/$',views.rower_calcdps_view),
     url(r'^me/exportsettings/$',views.rower_exportsettings_view),
diff --git a/rowers/utils.py b/rowers/utils.py
index fb44c219..921c8491 100644
--- a/rowers/utils.py
+++ b/rowers/utils.py
@@ -57,6 +57,32 @@ defaultleft = [
     'panel_staticchart.html',
 ]
 
+coxes_calls = [
+    'Sit Ready!',
+    "Let's relax the shoulders, and give me a power ten to the finish!",
+    "Almost there. Give me ten strokes on the legs!",
+    "Let it run!",
+    ]
+
+info_calls = [
+    "Please give us a minute to count all those strokes, you've been working hard!",
+    "Please give us a minute to count all your strokes."
+    ]
+
+import random
+
+def get_call():
+    call1 = random.choice(coxes_calls)
+    call2 = random.choice(info_calls)
+
+    call = """<div id="id_sitready" class="successmessage">
+    <p>
+    %s (%s)
+    </p>
+</div>
+""" % (call1, call2)
+    
+    return call
 
 def absolute(request):
     urls = {
diff --git a/rowers/views.py b/rowers/views.py
index acf55c49..98dc618b 100644
--- a/rowers/views.py
+++ b/rowers/views.py
@@ -700,7 +700,7 @@ def splitstdata(lijst):
 	
 from utils import (
     geo_distance,serialize_list,deserialize_list,uniqify,
-    str2bool,range_to_color_hex,absolute,myqueue
+    str2bool,range_to_color_hex,absolute,myqueue,get_call
     )
 
 import datautils
@@ -2558,10 +2558,15 @@ def cum_flex_data(
     deltadays = options['deltadays']
 
     
+    try:
+        startdate = iso8601.parse_date(startdatestring)
+    except ParseError:
+        startdate = timezone.now()-datetime.timedelta(days=7)
 
-    startdate = iso8601.parse_date(startdatestring)
-
-    enddate = iso8601.parse_date(enddatestring)
+    try:
+        enddate = iso8601.parse_date(enddatestring)
+    except ParseError:
+        enddate = timezone.now()
 
     if deltadays>0:
 	startdate = enddate-datetime.timedelta(days=int(deltadays))
@@ -2741,15 +2746,7 @@ def cum_flex(request,theuser=0,
         optionsform = StatsOptionsForm()
 
     script = ''
-    div = """
-<div id="id_sitready">
-    <p>
-    <blockquote>
-    Sit Ready! We're counting strokes and loading data
-    </blockquote>
-    </p>
-</div>
-"""
+    div = get_call()
     js_resources = ''
     css_resources = ''
 
@@ -4445,10 +4442,22 @@ def user_multiflex_select(request,
                    })
 
 @user_passes_test(ispromember,login_url="/",redirect_field_name=None)
-def multiflex_view(request,userid=0,
+def multiflex_data(request,userid=0,
                  options={
                      'includereststrokes':False,
                      'ploterrorbars':False,
+                     'userid':0,
+                     'palette': 'monochrome_blue',
+                     'groupby': 'spm',
+                     'binsize': 1,
+                     'xparam': 'hr',
+                     'yparam': 'pace',
+                     'spmmin': 15,
+                     'spmmax': 55,
+                     'workmin': 400,
+                     'workmax': 1500,
+                     'ids': [],
+                     'ploterrorbars':False,
                      }):
 
     if 'options' in request.session:
@@ -4473,90 +4482,23 @@ def multiflex_view(request,userid=0,
 
     if userid==0:
         userid = request.user.id
+
+    palette = options['palette']
+    groupby = options['groupby']
+    binsize = options['binsize']
+    xparam  = options['xparam']
+    yparam = options['yparam']
+    spmmin = options['spmmin']
+    spmmax = options['spmmax']
+    workmin = options['workmin']
+    workmax = options['workmax']
+    ids = options['ids']
+        
+    workouts = [Workout.objects.get(id=id) for id in ids]
+    labeldict = {
+        int(w.id): w.__unicode__() for w in workouts
+    }
     
-    if request.method == 'POST' and 'workouts' in request.POST:
-        form = WorkoutMultipleCompareForm(request.POST)
-        chartform = MultiFlexChoiceForm(request.POST)
-        if form.is_valid() and chartform.is_valid():
-            cd = form.cleaned_data
-            workouts = cd['workouts']
-            xparam = chartform.cleaned_data['xparam']
-            yparam = chartform.cleaned_data['yparam']
-            includereststrokes = chartform.cleaned_data['includereststrokes']
-            ploterrorbars = chartform.cleaned_data['ploterrorbars']
-            request.session['ploterrorbars'] = ploterrorbars
-            request.session['includereststrokes'] = includereststrokes
-            workstrokesonly = not includereststrokes
-            palette = chartform.cleaned_data['palette']
-            request.session['palette'] = palette
-            
-            groupby = chartform.cleaned_data['groupby']
-            binsize = chartform.cleaned_data['binsize']
-            if binsize <= 0:
-                binsize = 1
-            if groupby == 'pace':
-                binsize *= 1000
-            
-            spmmin = chartform.cleaned_data['spmmin']
-            spmmax = chartform.cleaned_data['spmmax']
-            workmin = chartform.cleaned_data['workmin']
-            workmax = chartform.cleaned_data['workmax']
-
-            ids = [int(w.id) for w in workouts]
-            request.session['ids'] = ids
-
-        else:
-            return HttpResponse("Form is not valid")
-    elif request.method == 'POST' and 'ids' in request.session:
-        chartform = MultiFlexChoiceForm(request.POST)
-        if chartform.is_valid():
-            xparam = chartform.cleaned_data['xparam']
-            yparam = chartform.cleaned_data['yparam']
-            includereststrokes = chartform.cleaned_data['includereststrokes']
-            ploterrorbars = chartform.cleaned_data['ploterrorbars']
-            request.session['ploterrorbars'] = ploterrorbars
-            request.session['includereststrokes'] = includereststrokes
-            workstrokesonly = not includereststrokes
-            palette = chartform.cleaned_data['palette']
-            request.session['palette'] = palette
-
-            groupby = chartform.cleaned_data['groupby']
-            binsize = chartform.cleaned_data['binsize']
-            if binsize <= 0:
-                binsize = 1
-            if groupby == 'pace':
-                binsize *= 1000.
-            
-            spmmin = chartform.cleaned_data['spmmin']
-            spmmax = chartform.cleaned_data['spmmax']
-            workmin = chartform.cleaned_data['workmin']
-            workmax = chartform.cleaned_data['workmax']
-
-            ids = request.session['ids']
-            request.session['ids'] = ids
-            workouts = dataprep.get_workouts(ids,userid)
-            if not workouts:
-                message = 'Error: Workouts in session storage do not belong to this user.'
-                messages.error(request,message)
-                url = reverse(user_multiflex_select,
-                              kwargs={
-                                  'userid':userid,
-                                  }
-                              )
-                return HttpResponseRedirect(url)
-                              
-            # workouts = [Workout.objects.get(id=id) for id in ids]
-
-            labeldict = {
-                int(w.id): w.__unicode__() for w in workouts
-                }
-
-        else:
-            return HttpResponse("invalid form")
-    else:
-        url = reverse(user_multiflex_select)
-        return HttpResponseRedirect(url)
-
     fieldlist,fielddict = dataprep.getstatsfields()
     fieldlist = [xparam,yparam,groupby,
                  'workoutid','spm','driveenergy',
@@ -4712,10 +4654,145 @@ def multiflex_view(request,userid=0,
                                        binsize=binsize,
                                        colorlegend=colorlegend)
                 
+    scripta= script.split('\n')[2:-1]
+    script = ''.join(scripta)
+    
+
+    return JSONResponse({
+        "script":script,
+        "div":div,
+        })        
+    
+
+@user_passes_test(ispromember,login_url="/",redirect_field_name=None)
+def multiflex_view(request,userid=0,
+                 options={
+                     'includereststrokes':False,
+                     'ploterrorbars':False,
+                     }):
+
+    if 'options' in request.session:
+        options = request.session['options']
+
+    try:
+        includereststrokes = options['includereststrokes']
+    except KeyError:
+        includereststrokes = False
+
+    try:
+        ploterrorbars = options['ploterrorbars']
+    except KeyError:
+        ploterrorbars = False
+
+    try:
+        palette = request.session['palette']
+    except KeyError:
+        palette = 'monochrome_blue'
+        
+    workstrokesonly = not includereststrokes
+
+    if userid==0:
+        userid = request.user.id
+    
+    if request.method == 'POST' and 'workouts' in request.POST:
+        form = WorkoutMultipleCompareForm(request.POST)
+        chartform = MultiFlexChoiceForm(request.POST)
+        if form.is_valid() and chartform.is_valid():
+            cd = form.cleaned_data
+            workouts = cd['workouts']
+            xparam = chartform.cleaned_data['xparam']
+            yparam = chartform.cleaned_data['yparam']
+            includereststrokes = chartform.cleaned_data['includereststrokes']
+            ploterrorbars = chartform.cleaned_data['ploterrorbars']
+
+            workstrokesonly = not includereststrokes
+            palette = chartform.cleaned_data['palette']
+            
+            groupby = chartform.cleaned_data['groupby']
+            binsize = chartform.cleaned_data['binsize']
+            if binsize <= 0:
+                binsize = 1
+            if groupby == 'pace':
+                binsize *= 1000
+            
+            spmmin = chartform.cleaned_data['spmmin']
+            spmmax = chartform.cleaned_data['spmmax']
+            workmin = chartform.cleaned_data['workmin']
+            workmax = chartform.cleaned_data['workmax']
+
+            ids = [int(w.id) for w in workouts]
+            request.session['ids'] = ids
+
+        else:
+            return HttpResponse("Form is not valid")
+    elif request.method == 'POST' and 'ids' in request.session:
+        chartform = MultiFlexChoiceForm(request.POST)
+        if chartform.is_valid():
+            xparam = chartform.cleaned_data['xparam']
+            yparam = chartform.cleaned_data['yparam']
+            includereststrokes = chartform.cleaned_data['includereststrokes']
+            ploterrorbars = chartform.cleaned_data['ploterrorbars']
+            request.session['ploterrorbars'] = ploterrorbars
+            request.session['includereststrokes'] = includereststrokes
+            workstrokesonly = not includereststrokes
+            palette = chartform.cleaned_data['palette']
+
+            groupby = chartform.cleaned_data['groupby']
+            binsize = chartform.cleaned_data['binsize']
+            if binsize <= 0:
+                binsize = 1
+            if groupby == 'pace':
+                binsize *= 1000.
+            
+            spmmin = chartform.cleaned_data['spmmin']
+            spmmax = chartform.cleaned_data['spmmax']
+            workmin = chartform.cleaned_data['workmin']
+            workmax = chartform.cleaned_data['workmax']
+
+            ids = request.session['ids']
+            request.session['ids'] = ids
+            workouts = dataprep.get_workouts(ids,userid)
+            if not workouts:
+                message = 'Error: Workouts in session storage do not belong to this user.'
+                messages.error(request,message)
+                url = reverse(user_multiflex_select,
+                              kwargs={
+                                  'userid':userid,
+                                  }
+                              )
+                return HttpResponseRedirect(url)
+                              
+            # workouts = [Workout.objects.get(id=id) for id in ids]
+
+
+        else:
+            return HttpResponse("invalid form")
+    else:
+        url = reverse(user_multiflex_select)
+        return HttpResponseRedirect(url)
+
+    div = get_call()
+
+    options['includereststrokes'] = includereststrokes
+    options['ploterrorbars'] = ploterrorbars
+    options['userid'] = userid
+    options['palette'] = palette
+    options['groupby'] = groupby
+    options['binsize'] = binsize
+    options['xparam'] = xparam
+    options['yparam'] = yparam
+    options['spmmin'] = spmmin
+    options['spmmax'] = spmmax
+    options['workmin'] = workmin
+    options['workmax'] = workmax
+    options['ids'] = ids
+
+
+    request.session['options'] = options
             
 
     return render(request,'multiflex.html',
-                  {'interactiveplot':script,
+                  {'interactiveplot':'',
                    'the_div':div,
                    'chartform':chartform,
                    'userid':userid,
@@ -4885,6 +4962,7 @@ def boxplot_view_data(request,userid=0,
     ids = options['ids']
     userid = options['userid']
     plotfield = options['plotfield']
+
     
     workstrokesonly = not includereststrokes
 
@@ -5004,15 +5082,7 @@ def boxplot_view(request,userid=0,
         url = reverse(user_boxplot_select)
         return HttpResponseRedirect(url)
 
-    div = """
-<div id="id_sitready">
-    <p>
-    <blockquote>
-    Sit Ready! We're counting strokes and loading data
-    </blockquote>
-    </p>
-</div>
-"""
+    div = get_call()
 
     options['spmmin'] = spmmin
     options['spmmax'] = spmmax
diff --git a/static/css/rowsandall.css b/static/css/rowsandall.css
index 7be4294f..0188e56f 100644
--- a/static/css/rowsandall.css
+++ b/static/css/rowsandall.css
@@ -98,6 +98,14 @@ th {
   font-weight: bold;
  }
 
+cox {
+/*  font-family: Georgia, serif; */
+  font-weight: normal;
+/* padding-top: 20px; */
+  text-align: center;
+  font-size: 2em;
+}
+
 .listtable tbody tr:nth-of-type(even) {  background-color: #DDD; }
 .listtable thead th { 
   font-weight: bold;