email login, fixing bulk

rowers/templates/workout_bulk_actions.html

@@ -5,6 +5,7 @@
 {% block title %}Change Workout {% endblock %}
 
 {% block main %}
+
   <h1>Bulk Actions</h1>
 <ul class="main-content">
     <li class="grid_4">
@@ -12,22 +13,18 @@
 	<p>
 	  Edit and confirm the action you want to perform on the following workouts:
 	</p>
-	<p>
+	<div id="workouts">
 	  {{ form.as_p }}
-	</p>
-	<p>
+	</div>
+	<div id="action">
 	  {{ actionform.as_p }}
-	</p>
-	{% if action == 'export' %}
-	<p>
+	</div>
+	<div id="export">
 	  {{ exportchoice.as_p }}
-	</p>
-	{% endif %}
-	{% if action == 'rower assign' %}
-	<p>
+	</div>
+	<div id="assign">
 	  {{ assignchoices.as_p }}
-	</p>
-	{% endif %}
+	</div>
     </li>
     <li class="grid_2">
       {% csrf_token %}
@@ -35,7 +32,53 @@
     </li>
     </form>
 </ul>
+<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
+<script>
+  var workoutsfield = $("#workouts")
+  var actionsfield = $("#action")
+  var exportfield = $("#export")
+  var assignfield = $("#assign")
+  var actionselect = $("#id_action")
 
+  exportfield.css('visibility', 'hidden')
+  assignfield.css('visibility', 'hidden')
+
+  if (actionselect.val() == 'remove') {
+      exportfield.css('visibility', 'hidden')
+      assignfield.css('visibility', 'hidden')
+  }
+
+  if (actionselect.val() == 'rower assign') {
+      assignfield.css('visibility','visible')
+      exportfield.css('visibility', 'hidden')
+  }
+
+  if (actionselect.val() == 'export') {
+      exportfield.css('visibility','visible')
+      assignfield.css('visibility', 'hidden')
+  }
+
+  actionselect.change(function() {
+      console.log("click", Value)
+      var Value = actionselect.val()
+      console.log("click", Value)
+
+      if (Value == 'remove') {
+	  exportfield.css('visibility', 'hidden')
+	  assignfield.css('visibility', 'hidden')
+      }
+
+      if (Value == 'rower assign') {
+	  assignfield.css('visibility','visible')
+	  exportfield.css('visibility', 'hidden')
+      }
+
+      if (Value == 'export') {
+	  exportfield.css('visibility','visible')
+	  assignfield.css('visibility', 'hidden')	  
+      }
+  })
+</script>
 
 {% endblock %}