Summary: Port reset charter milestones to Bootstrap

 - Legacy-Id: 8731

Author: OleLaursen

ietf/templates/group/reset_charter_milestones.html

@@ -1,36 +1,36 @@
-{% extends "base.html" %}
+{% extends "ietf.html" %}
 
-{% block title %}Reset Charter Milestones for {{ group.acronym }} {{ group.type.name }}{% endblock %}
+{% load bootstrap3 %}
 
-{% block morecss %}
-#reset-form .date { display: inline-block; min-width: 5em; }
-{% endblock %}
+{% block title %}Reset Charter Milestones for {{ group.acronym }} {{ group.type.name }}{% endblock %}
 
 {% block content %}
-{% load ietf_filters %}
 <h1>Reset Charter Milestones for {{ group.acronym }} {{ group.type.name }}</h1>
 
-<p>Select which of the current {{ group.type.name }} milestones you would like to copy to the charter.
+<p>
+  Select which of the current {{ group.type.name }} milestones you would like to copy to the charter:
 
-{% if charter_milestones %}This will discard {{ charter_milestones|length }} existing charter milestone{{ charter_milestones|pluralize }}{% endif %}
+  {% if charter_milestones %}
+    This will discard {{ charter_milestones|length }} existing charter milestone{{ charter_milestones|pluralize }}
+  {% endif %}
 </p>
 
-<form action="" method="post" id="reset-form">{% csrf_token %}
-{% for milestone in current_milestones %}
-<div>
-  <label>
-  <input type="checkbox" name="milestone" value="{{ milestone.id }}" {% if not milestone.resolved %}checked="checked"{% endif %} />
+<form method="post" role="form" id="reset-charter-milestones">{% csrf_token %}
+  {% for milestone in current_milestones %}
+    <div class="checkbox">
+      <label>
+        <input type="checkbox" name="milestone" value="{{ milestone.id }}" {% if not milestone.resolved %}checked="checked"{% endif %} />
 
-  <span class="date">{% if milestone.resolved %}{{ milestone.resolved }}{% else %}{{ milestone.due|date:"M Y" }}{% endif %}</span>
+        <span class="date">{% if milestone.resolved %}{{ milestone.resolved }}{% else %}{{ milestone.due|date:"M Y" }}{% endif %}</span>
 
-  {{ milestone.desc }}
-  </label>
-</div>
-{% endfor %}
+        {{ milestone.desc }}
+      </label>
+    </div>
+  {% endfor %}
 
-<div class="actions">
-  <a href="{% url "group_edit_charter_milestones" group_type=group.type_id acronym=group.acronym %}">Back</a>
-  <input type="submit" value="Reset charter milestones"/>
-</div>
+  {% buttons %}
+    <a class="btn btn-default pull-right" href="{% url "group_edit_charter_milestones" group_type=group.type_id acronym=group.acronym %}">Back</a>
+    <button type="submit" class="btn btn-primary">Submit</button>
+  {% endbuttons %}
 </form>
 {% endblock %}

static/facelift/css/ietf.css

@@ -239,3 +239,8 @@ pre { line-height: 1.214;  }
   width: 32em; /* prevent the layout from jumping around */
 }
 
+/* reset charter milestones */
+#reset-charter-milestones .date {
+  display: inline-block;
+  min-width: 5em;
+}