multi compare added

rowers/templates/team_compare_select.html

@@ -13,6 +13,55 @@
        checkboxes[i].checked = source.checked;
   }
  }
+</script>
+<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
+<script>
+  $(function() {
+  
+  // Get the form fields and hidden div
+  var modality = $("#id_modality");
+  var hidden = $("#id_waterboattype");
+
+  
+  // Hide the fields.
+  // Use JS to do this in case the user doesn't have JS 
+  // enabled.
+
+  hidden.hide();
+
+
+  
+  // Setup an event listener for when the state of the 
+  // checkbox changes.
+  modality.change(function() {
+    // Check to see if the checkbox is checked.
+    // If it is, show the fields and populate the input.
+  // If not, hide the fields.
+    var Value = modality.val();
+    if (Value=='water') {
+  // Show the hidden fields.
+  hidden.show();
+  } else {
+  // Make sure that the hidden fields are indeed
+  // hidden.
+  hidden.hide();
+      
+      // You may also want to clear the value of the 
+      // hidden fields here. Just in case somebody 
+      // shows the fields, enters data to them and then 
+      // unticks the checkbox.
+      //
+      // This would do the job:
+      //
+      // $("#hidden_field").val("");
+    }
+  });
+
+
+  });
+
+
+
 </script>
 
 
@@ -23,21 +72,38 @@
     <h3>{{ team.name }} Team Workouts</h3>
 </div>
 <div class="grid_12 alpha">
-  <div class="grid_4 alpha">
+  <div class="grid_6 alpha">
 
     {% if team %}
     <form enctype="multipart/form-data" action="/rowers/team-compare-select/team/{{ team.id }}/" method="post">
     {% else %}
     <form enctype="multipart/form-data" action="/rowers/team-compare-select/" method="post">
       {% endif %}
-      
+      <div class="grid_4 alpha">
       <table>
         {{ dateform.as_table }}
       </table>
       {% csrf_token %}
+      </div>
+  <div class="grid_2 omega">
+    <input name='daterange' class="button green" type="submit" value="Submit">	
   </div>
-  <div class="grid_2">
-    <input name='daterange' class="button green" type="submit" value="Submit">	</form>
+    </form>
+    {% if team %}
+    <form enctype="multipart/form-data" action="/rowers/team-compare-select/team/{{ team.id }}/" method="post">
+    {% else %}
+    <form enctype="multipart/form-data" action="/rowers/team-compare-select/" method="post">
+      {% endif %}
+      <div class="grid_4 alpha">
+      <table>
+        {{ modalityform.as_table }}
+      </table>
+      {% csrf_token %}
+      </div>
+  <div class="grid_2 omega">
+    <input name='modalityform' class="button green" type="submit" value="Submit">	
+  </div>
+    </form>
   </div>
 <div class="grid_5 prefix_1 omega">
   {% if team %}