forms: generalize DeleteGroup for generic confirmation

Group deletion is now done with an extra confirmation step on a new page.
There is a simple confirmation form that only contains a hidden field
and the csrf magic. This commit also removes the direct deletion form
on the group page and replace is with a simple button to the new
confirmation page.

1 files changed, 14 insertions, 12 deletions

diff --git a/templates/group.html b/templates/group.html
index 6c4d85c..5691e1b 100644
--- a/templates/group.html
+++ b/templates/group.html
@@ -32,20 +32,22 @@
 
 <div class="panel panel-default">
   <div class="panel-heading">
-    <h3 class="panel-title">Delete this group</h3>
+    <h3 class="panel-title">
+      <a data-toggle="collapse" href="#collapseOperations">
+        Operations
+      </a>
+    </h3>
   </div>
 
-  <div class="panel-body">
-    <form class="form-horizontal" role="form" method="POST">
-      {% for field in delete_form %}
-      {{ render_field(field) }}
-      {% endfor %}
-      <div class="form-group">
-        <div class="col-lg-offset-2 col-lg-8">
-          <button type="submit" class="btn btn-danger btn-block">Delete this group</button>
-        </div>
-      </div>
-    </form>
+  <div id="collapseOperations" class="panel-collapse collapse in">
+    <div class="panel-body">
+      <p class="col-lg-offset-2 col-lg-8">
+        <a href="{{ url_for('group_delete', group_name=group.name) }}" class="btn btn-block btn-danger">Delete this group</a>
+      </p>
+    </div>
   </div>
 </div>
+<script type="text/javascript">
+  $('#collapseOperations').collapse('hide');
+</script>
 {% endblock %}