accounts, add modal and many more

templates/account/email.html

@@ -0,0 +1,81 @@
+{% extends "base.html" %}
+
+{% load i18n %}
+{% load crispy_forms_tags %}
+
+{% block head_title %}{% trans "E-mail Addresses" %}{% endblock %}
+
+{% block content %}
+<div class="row">
+  <div class="col-lg-7">
+    <h1>{% trans "E-mail Addresses" %}</h1>
+    {% if user.emailaddress_set.all %}
+    <p>{% trans 'The following e-mail addresses are associated with your account:' %}</p>
+
+    <form action="{% url 'account_email' %}" class="email_list" method="post">
+      {% csrf_token %}
+      <fieldset class="blockLabels">
+
+        {% for emailaddress in user.emailaddress_set.all %}
+        <div class="ctrlHolder">
+          <label for="email_radio_{{forloop.counter}}" class="{% if emailaddress.primary %}primary_email{%endif%}">
+
+            <input id="email_radio_{{forloop.counter}}" type="radio" name="email" {% if emailaddress.primary or
+              user.emailaddress_set.count==1 %}checked="checked" {%endif %} value="{{emailaddress.email}}" />
+
+            {{ emailaddress.email }}
+            {% if emailaddress.verified %}
+            <span class="verified">{% trans "Verified" %}</span>
+            {% else %}
+            <span class="unverified">{% trans "Unverified" %}</span>
+            {% endif %}
+            {% if emailaddress.primary %}<span class="primary">{% trans "Primary" %}</span>{% endif %}
+          </label>
+        </div>
+        {% endfor %}
+
+        <div class="buttonHolder">
+          <button class="btn btn-primary secondaryAction" type="submit" name="action_primary">{% trans 'Make Primary'
+            %}</button>
+          <button class="btn btn-success secondaryAction" type="submit" name="action_send">{% trans 'Re-send
+            Verification' %}</button>
+          <button class="btn btn-danger primaryAction" type="submit" name="action_remove">{% trans 'Remove' %}</button>
+        </div>
+      </fieldset>
+    </form>
+
+    {% else %}
+    <p><strong>{% trans 'Warning:'%}</strong> {% trans "You currently do not have any e-mail address set up. You should
+      really add an e-mail address so you can receive notifications, reset your password, etc." %}</p>
+
+    {% endif %}
+    {% if can_add_email %}
+    <h2>{% trans "Add E-mail Address" %}</h2>
+
+    <form method="post" action="{% url 'account_email' %}" class="add_email">
+      {% csrf_token %}
+      {{ form|crispy }}
+
+      <button class="btn btn-primary" name="action_add" type="submit">{% trans "Add E-mail" %}</button>
+    </form>
+    {% endif %}
+  </div>
+</div>
+{% endblock %}
+
+
+{% block extra_body %}
+<script type="text/javascript">
+  (function () {
+    var message = "{% trans 'Do you really want to remove the selected e-mail address?' %}";
+    var actions = document.getElementsByName('action_remove');
+    if (actions.length) {
+      actions[0].addEventListener("click", function (e) {
+        if (!confirm(message)) {
+          e.preventDefault();
+        }
+      });
+    }
+  })();
+</script>
+{% endblock %}