refactor(bulma): convert all account related templates

src/fellchensammlung/forms.py

@@ -187,20 +187,15 @@ class ModerationActionForm(forms.ModelForm):
 
 
 class CustomRegistrationForm(RegistrationForm):
+
     class Meta(RegistrationForm.Meta):
         model = User
 
+    template_name = "fellchensammlung/forms/form_snippets.html"
+
     captcha = forms.CharField(validators=[animal_validator], label=_("Nenne eine bekannte Tierart"), help_text=_(
         "Bitte nenne hier eine bekannte Tierart (z.B. ein Tier das an der Leine geführt wird). Das Fragen wir dich um sicherzustellen, dass du kein Roboter bist."))
 
-    def __init__(self, *args, **kwargs):
-        super().__init__(*args, **kwargs)
-        self.helper = FormHelper()
-        self.helper.form_id = 'form-registration'
-        self.helper.form_class = 'card'
-
-        self.helper.add_input(Submit('submit', _('Registrieren'), css_class="btn"))
-
 
 class AdoptionNoticeSearchForm(forms.Form):
     template_name = "fellchensammlung/forms/form_snippets.html"

src/templates/django_registration/activate.html

@@ -1,8 +1,8 @@
-{% extends "fellchensammlung/base.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}
 
-<p>{% translate "Account aktivierung fehlgeschlagen" %}</p>
+<p class="is-warning">{% translate "Account aktivierung fehlgeschlagen" %}</p>
 
 {% endblock %}

src/templates/django_registration/activation_complete.html

@@ -1,4 +1,4 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}

src/templates/django_registration/activation_failed.html

@@ -2,5 +2,5 @@
 {% load i18n %}
 
 {% block content %}
-<p>{% translate "Aktivierung fehlgeschlagen. Sende eine E-Mail an info@notfellchen.org für einen Account." %}</p>
+<p class="is-warning">{% translate "Aktivierung fehlgeschlagen. Sende eine E-Mail an info@notfellchen.org für einen Account." %}</p>
 {% endblock %}

src/templates/django_registration/activation_form.html

@@ -3,12 +3,12 @@
 {% load crispy_forms_tags %}
 
 {% block content %}
-    <div class="card">
+    <div class="block">
     {% if not user.is_authenticated %}
         <form action="" method="post">
             {% csrf_token %}
             {{ form.as_p }}
-            <input type="submit" class="btn" value={% translate 'Absenden' %}>
+            <input type="submit" class="button is-primary" value={% translate 'Absenden' %}>
         </form>
     {% else %}
         <p>{% translate "Du bist bereits eingeloggt." %}</p>

src/templates/django_registration/registration_closed.html

@@ -1,6 +1,6 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}
-	<p>{% translate "Registrierung ist fehlgeschlagen." %}</p>
+	<p class="is-danger">{% translate "Registrierung ist fehlgeschlagen." %}</p>
 {% endblock %}

src/templates/django_registration/registration_complete.html

@@ -1,8 +1,8 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}
-    <p class="card">
+    <p class="block">
         {% blocktranslate %}
             Du bist nun registriert und hast eine E-Mail mit einem Link zur Aktivierung deines Kontos bekommen. Solltest
             du die E-Mail nicht erhalten haben oder andere Fragen haben, schreib uns an info@notfellchen.org

src/templates/django_registration/registration_form.html

@@ -1,10 +1,11 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 {% load crispy_forms_tags %}
 
 {% block content %}
     {% if not user.is_authenticated %}
-        {% crispy form %}
+        {{ form }}
+        <input class="button is-primary" type="submit" value="{% translate "Jetzt registrieren!" %}">
     {% else %}
         <p>{% translate "Du bist bereits eingeloggt." %}</p>
     {% endif %}

src/templates/registration/logged_out.html

@@ -1,7 +1,7 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}
-  <p>{% translate "Ausloggen" %}!</p>
+  <h1 class="title is-1">{% translate "Ausgeloggt" %}!</h1>
-  <a href="{% url 'login'%}">{% translate "Hier klicken um die wieder einzuloggen." %}</a>
+  <a class="button is-primary" href="{% url 'login'%}">{% translate "Hier klicken um die wieder einzuloggen." %}</a>
 {% endblock %}

src/templates/registration/login.html

@@ -1,33 +1,45 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}
 
     {% if form.errors %}
-        <p>{% translate "Dein Username oder Passwort ist falsch." %}</p>
+        <div class="notification is-warning">
+            <button class="delete"></button>
+            <p>
+                {% translate "Der eingegebene Username oder das Passwort ist falsch." %}
+            </p>
+        </div>
     {% endif %}
 
     {% if user.is_authenticated %}
-        <p>{% translate "Du bist bereits eingeloggt." %}</p>
+        <p class="is-warning">{% translate "Du bist bereits eingeloggt." %}</p>
     {% else %} {% if next %}
-        <p class="card">{% translate "Bitte log dich ein um diese Seite sehen zu können." %}</p>
+
+        <div class="notification is-warning">
+            <button class="delete"></button>
+            <p>
+                {% translate "Bitte log dich ein um diese Seite sehen zu können." %}
+            </p>
+        </div>
     {% endif %}
     {% endif %}
 
     {% if not user.is_authenticated %}
-        <div class="card">
+        <div class="block">
-        <div class="container-edit-buttons">
+            <div class="block">
-            <form method="post" action="{% url 'login' %}">
+                <form class="" method="post" action="{% url 'login' %}">
-                {% csrf_token %}
+                    {% csrf_token %}
-                {{ form.as_p }}
+                    {{ form }}
-                <input class="btn" type="submit" value="{% translate 'Einloggen' %}"/>
+                    <input class="button is-primary" type="submit" value="{% translate 'Einloggen' %}"/>
-                <input type="hidden" name="next" value="{{ next }}"/>
+                    <input type="hidden" name="next" value="{{ next }}"/>
-            </form>
+                </form>
             </div>
 
-            <div class="container-edit-buttons">
+            <div class="block">
-                <a class="btn btn-small" href="{% url 'password_reset' %}">{% translate "Passwort vergessen?" %}</a>
+                <a class="button is-warning" href="{% url 'password_reset' %}">{% translate "Passwort vergessen?" %}</a>
-                <a class="btn btn-small" href="{% url 'django_registration_register' %}">{% translate "Registrieren" %}</a>
+                <a class="button is-link"
+                   href="{% url 'django_registration_register' %}">{% translate "Registrieren" %}</a>
             </div>
         </div>
     {% endif %}

src/templates/registration/password_reset_complete.html

@@ -1,7 +1,7 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}
-  <h1>{% translate "Dein Passwort wurde erfolgreich geändert!" %}</h1>
+  <h1 class="title is-1">{% translate "Dein Passwort wurde erfolgreich geändert!" %}</h1>
-  <p><a href="{% url 'login' %}">{% trans "Wieder einloggen?" %}?</a></p>
+  <p><a class="button" href="{% url 'login' %}">{% trans "Wieder einloggen?" %}?</a></p>
 {% endblock %}

src/templates/registration/password_reset_confirmation.html

@@ -1,4 +1,4 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}
@@ -24,7 +24,7 @@
             </table>
         </form>
     {% else %}
-        <h1>{% translate "Zurücksetzen vom Passwort fehlgeschlagen" %}</h1>
+        <h1 class="title is-1 is-warning">{% translate "Zurücksetzen vom Passwort fehlgeschlagen" %}</h1>
         <p>{% translate "Der Link zum Zurücksetzen vom Passwort ist ungültig, vielleicht weil er bereits benutzt wurde. Bitte beantrage die Zurücksetzung erneut." %}</p>
     {% endif %}
 {% endblock %}

src/templates/registration/password_reset_done.html

@@ -1,4 +1,4 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}

src/templates/registration/password_reset_form.html

@@ -1,15 +1,15 @@
-{% extends "fellchensammlung/base_generic.html" %}
+{% extends "fellchensammlung/base_bulma.html" %}
 {% load i18n %}
 
 {% block content %}
-    <form class=card action="" method="post">
+    <form class=block action="" method="post">
         {% csrf_token %}
         {% if form.email.errors %}
             {{ form.email.errors }}
         {% endif %}
-        <h1>{% translate "Passwort zurücksetzen" %} </h1>
+        <h1 class="title is-1">{% translate "Passwort zurücksetzen" %} </h1>
         <p>{% translate "Bitte gib die E-Mail ein die mit deinem Account verknüpft ist." %}</p>
-        <p>{{ form.email }}</p>
+        <p>{{ form }}</p>
-        <input type="submit" class="btn btn-default btn-lg" value={% translate "Zurücksetzen" %}>
+        <input type="submit" class="button is-primary" value={% translate "Zurücksetzen" %}>
     </form>
 {% endblock %}