alternative panel config form

rowers/templates/workflowconfig2.html

@@ -0,0 +1,76 @@
+{% extends "base.html" %}
+
+{% block title %}Change Rower Export Settings{% endblock %}
+
+{% block content %}
+<script type="text/javascript" src="/static/js/reorderSelect.js"></script>
+<script type="text/javascript" src="/static/admin/js/jquery.min.js"></script>
+<script type="text/javascript" src="/static/admin/js/jquery.init.js"></script>
+{{ formmiddle.media }}
+
+<div class="grid_12 alpha">
+  {% if workoutid %}
+  <div class="grid_2 suffix_10 alpha">
+    <p>
+      <a class="button gray small" href="/rowers/workout/{{ workoutid }}/workflow">Return to Workout</a>
+    </p>
+  </div>
+  {% endif %}
+  <div class-"grid_12 alpha">
+    <h1>Workflow Page Configuration</h1>
+    <div class="grid_6 alpha">
+      <h2>Left Panel</h2>
+      <p>
+        {{ leftpanel_formset.management_form }}
+      </p>
+      <form enctype="multipart/form-data" action="" method="post">
+        {% for leftpanel_form in leftpanel_formset %}
+        <div class="leftpanel-formset grid_5 alpha">
+          <table>
+            {{ leftpanel_form.as_table }}
+          </table>
+        </div>
+        {% endfor %}
+        {% csrf_token %}
+        <input class="grid_2 alpha button green" type="submit" value="Save">
+    </form>
+    </div>
+
+    <div class="grid_6 omega ">
+      <h2>Middle Panel</h2>
+      <p>
+        {{ middlepanel_formset.management_form }}
+      </p>
+      <form enctype="multipart/form-data" action="" method="post">
+        {% for middlepanel_form in middlepanel_formset %}
+        <div class="middlepanel-formset grid_5 alpha">
+          <table>
+            {{ middlepanel_form.as_table }}
+          </table>
+        </div>
+        {% endfor %}
+        {% csrf_token %}
+        <input class="grid_2 alpha button green" type="submit" value="Save">
+      </form>
+    </div>
+
+  </div>
+</div>
+<!-- Include formset plugin - including jQuery dependency -->
+<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+<script src="/static/js/jquery.formset.js"></script>
+<script>
+    $('.leftpanel-formset').formset({
+        addText: '<div class="button grid_2 green small">add element</div>',
+        deleteText: '<div class="button grid_2 red small">remove</div>'
+    });
+    $('.middlepanel-formset').formset({
+        addText: '<div class="button grid_2 green small">add element</div>',
+        deleteText: '<div class="button grid_2 red small">remove</div>'
+    });
+</script>
+
+
+
+
+{% endblock %}