From 5ba1e45a93063de2498d88eb6faafd74e16f2a83 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Mon, 8 Oct 2018 21:53:35 +0200
Subject: [PATCH] stream view

---
 rowers/templates/streamedit.html | 99 ++++++++------------------------
 rowers/views.py                  | 24 +++++++-
 2 files changed, 47 insertions(+), 76 deletions(-)

diff --git a/rowers/templates/streamedit.html b/rowers/templates/streamedit.html
index b12def3c..8a0b00c3 100644
--- a/rowers/templates/streamedit.html
+++ b/rowers/templates/streamedit.html
@@ -1,48 +1,20 @@
-{% extends "base.html" %}
+{% extends "newbase.html" %}
 {% load staticfiles %}
 {% load rowerfilters %}
 
 {% block title %}Advanced Features {% endblock %}
 
-{% block content %}
-<div id="workouts" class="grid_6 alpha">
-
-  <div class="grid_6 alpha">
-    <h1>Stream Editor</h1>
-  </div>
-  <div class="grid_6 alpha">
-    <div class="grid_2 alpha">
-      <p>
-        <a class="button gray small" href="/rowers/workout/{{ workout.id }}/edit">Edit Workout</a>
-      </p>
-    </div>
-    <div class="grid_2">
-      <p>
-        <a class="button gray small" href="/rowers/workout/{{ workout.id }}/advanced">Advanced Edit</a>
-      </p>
-      
-    </div>
-    <div class="grid_2 omega tooltip">
-      <p><a class="button blue small" href="/rowers/workout/{{ workout.id }}/otwsetpower">OTW Power</a></p>
-      <span class="tooltiptext">Run calculations to get power values for your row.</span>
-      
-    </div>
-  </div>
-  <div class="grid_6 alpha">
-    <div class="grid_2 prefix_2 alpha">
-      <p><a class="button gray small" href="/rowers/workout/{{ workout.id }}/workflow">Workflow View</a></p>
-    </div>
-    <div class="grid_2 omega">
-      <p><a class="button blue small" href="/rowers/workout/{{ workout.id }}/wind">Wind Edit</a></p>
-    </div>
-  </div>
-  <div class="grid_6  alpha">
+{% block main %}
+<h1>Stream Editor</h1>
+<ul class="main-content">
+  <li class="grid_4">
     <p>
       Edit river Stream between turning points in your row. 
       Use positive (+) values to denote rowing with the stream, 
       negative (-) values to denote rowing against the stream.
     </p>
-    
+  </li>
+  <li class="grid_2">
     <form enctype="multipart/form-data" action="{{ formloc }}" method="post">
       {% if form.errors %}
       <p style="color: red;">
@@ -54,47 +26,26 @@
         {{ form.as_table }}
       </table>
       {% csrf_token %}
-  </div>
-  <div id="formbutton" class="grid_1 prefix_3 suffix_2">
-    <input class="button green" type="submit" value="Update">
-  </div>
-  </form>
-  <img src="/static/img/rivercurrent.jpg" width="400">
-  
-</div>
-
-<div id="advancedplots" class="grid_6 omega">
-
-	<script type="text/javascript" src="/static/js/bokeh-0.12.3.min.js"></script>
-	<script async="true" type="text/javascript">
-    Bokeh.set_log_level("info");
-	</script>
-
-	{{ interactiveplot |safe }}
-
-    <script>
-    // Set things up to resize the plot on a window resize. You can play with
-    // the arguments of resize_width_height() to change the plot's behavior.
-    var plot_resize_setup = function () {
-        var plotid = Object.keys(Bokeh.index)[0]; // assume we have just one plot
-        var plot = Bokeh.index[plotid];
-        var plotresizer = function() {
-            // arguments: use width, use height, maintain aspect ratio
-            plot.resize_width_height(true, true, true);
-        };
-        window.addEventListener('resize', plotresizer);
-        plotresizer();
-    };
-    window.addEventListener('load', plot_resize_setup);
+      <input class="button green small" type="submit" value="Submit Form">
+    </form>
+    <img src="/static/img/rivercurrent.jpg" width="400">
+  </li>
+  <li class="grid_2">
+    <script type="text/javascript" src="/static/js/bokeh-0.12.3.min.js"></script>
+    <script async="true" type="text/javascript">
+      Bokeh.set_log_level("info");
     </script>
-    <style>
-    /* Need this to get the page in "desktop mode"; not having an infinite height.*/
-    html, body {height: 100%; margin:5px;}
-    </style>
+    
+    {{ interactiveplot |safe }}
+    
+    {{ the_div |safe }}
+  </li>
 
 
-<div id="interactiveplot" class="grid_6 omega">
-	{{ the_div |safe }}
-</div>
+</ul>
 
 {% endblock %}
+
+{% block sidebar %}
+{% include 'menu_workout.html' %}
+{% endblock %}
diff --git a/rowers/views.py b/rowers/views.py
index c5c4f970..ef39d0d4 100644
--- a/rowers/views.py
+++ b/rowers/views.py
@@ -7068,7 +7068,7 @@ def workout_wind_view(request,id=0,message="",successmessage=""):
 		  {'workout':row,
                    'rower':r,
                    'breadcrumbs':breadcrumbs,
-                   'active':'nav-active',
+                   'active':'nav-workouts',
                    'teams':get_my_teams(request.user),
 		   'interactiveplot':script,
 		   'form':form,
@@ -7083,6 +7083,7 @@ def workout_wind_view(request,id=0,message="",successmessage=""):
 @user_passes_test(ispromember,login_url="/",redirect_field_name=None)
 def workout_stream_view(request,id=0,message="",successmessage=""):
     row = get_workout(id)
+    r = getrower(request.user)
 
     if (checkworkoutuser(request.user,row)==False):
 	message = "You are not allowed to edit this workout"
@@ -7135,11 +7136,30 @@ def workout_stream_view(request,id=0,message="",successmessage=""):
     script = res[0]
     div = res[1]
 
+    breadcrumbs = [
+            {
+                'url':'/rowers/list-workouts',
+                'name':'Workouts'
+                },
+            {
+                'url':get_workout_default_page(request,id),
+                'name': str(row.id)
+                },
+            {
+                'url':reverse(workout_stream_view,kwargs={'id':id}),
+                'name': 'Stream'
+                }
+            
+            ]
+
     messages.info(request,successmessage)
     messages.error(request,message)
     return render(request,
 		  'streamedit.html',
 		  {'workout':row,
+                   'rower':r,
+                   'breadcrumbs':breadcrumbs,
+                   'active':'nav-workouts',
                    'teams':get_my_teams(request.user),
 		   'interactiveplot':script,
 		   'form':form,
@@ -9359,7 +9379,7 @@ def workout_uploadimage_view(request,id):
             return render(request,'image_form.html',
                           {'form':form,
                            'rower':r,
-                           'active':'nav-active',
+                           'active':'nav-workouts',
                            'breadcrumbs':breadcrumbs,
                            'teams':get_my_teams(request.user),
                            'workout': w,