From e6ddf80b6c8d86fbd910108e48d2d4358af67d98 Mon Sep 17 00:00:00 2001
From: Sander Roosendaal <roosendaalsander@gmail.com>
Date: Sun, 22 Apr 2018 15:56:14 +0200
Subject: [PATCH] auto refresh using ajax in virtualevents_view

---
 rowers/forms.py                     |  1 +
 rowers/templates/racelist.html      | 22 +++++++++
 rowers/templates/virtualevents.html | 76 ++++++++++++++++++++---------
 rowers/views.py                     | 16 ++++--
 4 files changed, 87 insertions(+), 28 deletions(-)
 create mode 100644 rowers/templates/racelist.html

diff --git a/rowers/forms.py b/rowers/forms.py
index a974efba..f4d4e457 100644
--- a/rowers/forms.py
+++ b/rowers/forms.py
@@ -763,6 +763,7 @@ class VirtualRaceSelectForm(forms.Form):
         choices = get_countries()
     )
 
+
     def __init__(self, *args, **kwargs):
         super(VirtualRaceSelectForm, self).__init__(*args, **kwargs)
         self.fields['country'] = forms.ChoiceField(
diff --git a/rowers/templates/racelist.html b/rowers/templates/racelist.html
new file mode 100644
index 00000000..dfe8ae95
--- /dev/null
+++ b/rowers/templates/racelist.html
@@ -0,0 +1,22 @@
+  <p>
+  <table width="100%" class="listtable shortpadded">
+    <thead>
+      <tr>
+        <th>Date</th>
+        <th>Event</th>
+        <th>Country</th>
+        <th>Course</th>
+      </tr>
+    </thead>
+    <tbody>
+  {% for race in races %}
+  <tr>
+    <td>{{ race.startdate }}</td>
+    <td><a href="/rowers/virtualevent/{{ race.id }}">{{ race.name }}</a></td>
+    <td>{{ race.course.country }}</td>
+    <td>{{ race.course.name }}</td>
+  </tr>
+  {% endfor %}
+  </tbody>
+  </table>
+  </p>
diff --git a/rowers/templates/virtualevents.html b/rowers/templates/virtualevents.html
index 3c2b75a7..cae08ea1 100644
--- a/rowers/templates/virtualevents.html
+++ b/rowers/templates/virtualevents.html
@@ -5,6 +5,55 @@
 {% block title %}Rowsandall Virtual Racing{% endblock %}
 
 {% block scripts %}
+<script type='text/javascript'
+        src='https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'>
+</script>
+<script>
+
+  function submit_form() {
+  console.log("form changed");
+  var frm = $("#raceform");
+
+  var data = new FormData(frm[0]);
+  
+  $.ajax({
+  url: "/rowers/virtualevents",
+  type: "POST",
+  contentType: false,
+  processData: false,
+  data: data,
+
+  success: function(data) {
+  console.log("got something back");
+  console.log(data)
+  
+  $('#racelist').html(data)
+  }
+  
+  });
+  };
+  
+  $(document).ready(function() {
+  var csrftoken = jQuery("[name=csrfmiddlewaretoken]").val();
+  console.log("CSRF token",csrftoken);
+  
+  function csrfSafeMethod(method) {
+  // these HTTP methods do not require CSRF protection
+  return (/^(GET|HEAD|OPTIONS|TRACE)$/.test(method));
+  }
+  $.ajaxSetup({
+  beforeSend: function(xhr, settings) {
+  if (!csrfSafeMethod(settings.type) && !this.crossDomain) {
+  xhr.setRequestHeader("X-CSRFToken", csrftoken);
+  }
+  }
+  });
+  $("#raceform").on('change', function(evt) {
+  submit_form();
+  });
+  });
+</script>
+
 
 {% endblock %}
 
@@ -19,7 +68,7 @@
 </div>
 
 <div class="grid_12 alpha">
-  <form enctype="multipart/form-data" method="post">
+  <form id="raceform" enctype="multipart/form-data" method="post">
     <div class="grid_8 alpha">
     {{ form.as_table }}
     {% csrf_token %}
@@ -30,29 +79,8 @@
   </form>
 </div>
 
-<div class="grid_12 alpha">
-  <p>
-  <table width="100%" class="listtable shortpadded">
-    <thead>
-      <tr>
-        <th>Date</th>
-        <th>Event</th>
-        <th>Country</th>
-        <th>Course</th>
-      </tr>
-    </thead>
-    <tbody>
-  {% for race in races %}
-  <tr>
-    <td>{{ race.startdate }}</td>
-    <td><a href="/rowers/virtualevent/{{ race.id }}">{{ race.name }}</a></td>
-    <td>{{ race.course.country }}</td>
-    <td>{{ race.course.name }}</td>
-  </tr>
-  {% endfor %}
-  </tbody>
-  </table>
-  </p>
+<div class="grid_12 alpha" id="racelist">
+  {% include 'racelist.html' %}
 </div>
 
   
diff --git a/rowers/views.py b/rowers/views.py
index 20509a85..446c1caf 100644
--- a/rowers/views.py
+++ b/rowers/views.py
@@ -13317,13 +13317,17 @@ def plannedsession_deleteconfirm_view(request,id=0):
                   )
 
 def virtualevents_view(request):
+    is_ajax = False
+    if request.is_ajax():
+        is_ajax = True
 
     # default races
     races = VirtualRace.objects.filter(
         startdate__gte=datetime.date.today()
     ).order_by("startdate","start_time")
 
-    r = getrower(request.user)
+    if not request.user.is_anonymous():
+        r = getrower(request.user)
 
     if request.method == 'POST':
         # process form
@@ -13367,11 +13371,15 @@ def virtualevents_view(request):
     
         form = VirtualRaceSelectForm()
 
-    
+    if is_ajax:
+        return render(request,'racelist.html',
+                      { 'races':races,
+                        })
+        
     return render(request,'virtualevents.html',
                   { 'races':races,
                     'form':form,
-                    }
+                  }
     )
 
 def virtualevent_view(request,id=0):
@@ -13417,7 +13425,7 @@ def virtualevent_view(request,id=0):
             race=race,
             workoutid__isnull=True,
             )
-        print dns[0].username,"noot"
+
         
         
     records = VirtualRaceResult.objects.filter(