From 670fecd35fced15e399d862278ebba5da3d24028 Mon Sep 17 00:00:00 2001
From: Christian Cueni <christian.cueni@iterativ.ch>
Date: Wed, 6 Mar 2019 09:54:13 +0100
Subject: [PATCH] add templates for password reset

---
 server/core/settings.py                       |  4 +++-
 server/core/static/styles/main.scss           |  8 +++++--
 server/core/templates/registration/login.html |  4 +++-
 .../registration/password_reset_complete.html | 13 ++++++++++
 .../registration/password_reset_confirm.html  | 23 ++++++++++++++++++
 .../registration/password_reset_done.html     | 12 ++++++++++
 .../registration/password_reset_email.html    | 12 ++++++++++
 .../registration/password_reset_form.html     | 24 +++++++++++++++++++
 8 files changed, 96 insertions(+), 4 deletions(-)
 create mode 100644 server/core/templates/registration/password_reset_complete.html
 create mode 100644 server/core/templates/registration/password_reset_confirm.html
 create mode 100644 server/core/templates/registration/password_reset_done.html
 create mode 100644 server/core/templates/registration/password_reset_email.html
 create mode 100644 server/core/templates/registration/password_reset_form.html

diff --git a/server/core/settings.py b/server/core/settings.py
index 9a4c40c7..477939ab 100644
--- a/server/core/settings.py
+++ b/server/core/settings.py
@@ -176,7 +176,7 @@ LOGIN_REDIRECT_URL = '/'
 # Internationalization
 # https://docs.djangoproject.com/en/1.11/topics/i18n/
 
-LANGUAGE_CODE = 'en'
+LANGUAGE_CODE = 'de'
 
 TIME_ZONE = 'UTC'
 
@@ -346,3 +346,5 @@ WAGTAIL_SITE_NAME = 'skillbox'
 
 GRAPHQL_QUERIES_DIR = os.path.join(BASE_DIR, '..', 'client', 'src', 'graphql', 'gql')
 GRAPHQL_MUTATIONS_DIR = os.path.join(GRAPHQL_QUERIES_DIR, 'mutations')
+
+EMAIL_BACKEND = 'django.core.mail.backends.console.EmailBackend'
diff --git a/server/core/static/styles/main.scss b/server/core/static/styles/main.scss
index 9cf21a94..814ae04c 100644
--- a/server/core/static/styles/main.scss
+++ b/server/core/static/styles/main.scss
@@ -78,7 +78,7 @@ a {
   box-shadow: none;
 }
 
-input[type=text], input[type=password], select {
+input[type=text], input[type=password], input[type=email], select {
   width: 100%;
   padding: $space;
   margin: 8px 0;
@@ -103,4 +103,8 @@ input[type=text], input[type=password], select {
   font-size: 36px;
   font-weight: 800;
   font-family: Montserrat, Arial, sans-serif;
-}
\ No newline at end of file
+}
+
+.reset-heading {
+  font-size: 2.4rem;
+}
diff --git a/server/core/templates/registration/login.html b/server/core/templates/registration/login.html
index 09baa1c9..e38383ea 100644
--- a/server/core/templates/registration/login.html
+++ b/server/core/templates/registration/login.html
@@ -30,4 +30,6 @@
         <input type="hidden" name="next" value="{{ next }}"/>
     </form>
 
-{% endblock %}
\ No newline at end of file
+    <p><a href="{% url 'password_reset' %}">Passwort vergessen?</a></p>
+
+{% endblock %}
diff --git a/server/core/templates/registration/password_reset_complete.html b/server/core/templates/registration/password_reset_complete.html
new file mode 100644
index 00000000..7ceb2815
--- /dev/null
+++ b/server/core/templates/registration/password_reset_complete.html
@@ -0,0 +1,13 @@
+{% extends 'base.html' %}
+{% load i18n %}
+
+{% block title %}{% trans 'Passwort zurücksetzen abgeschlossen' %}{% endblock %}
+
+{% block body %}
+  <h1 class="logo">skillbox</h1>
+    <h2 class="reset-heading">{% trans 'Passwort zurücksetzen abgeschlossen' %}</h2>
+    <p>{% trans 'Dein Passwort wurde zurückgesetzt. Du kannst dich nun auf der Loginseite anmelden.' %}</p>
+    <p><a href="{% url "login" %}">{% trans 'Einloggen' %}</a></p>
+
+</div>
+{% endblock %}
diff --git a/server/core/templates/registration/password_reset_confirm.html b/server/core/templates/registration/password_reset_confirm.html
new file mode 100644
index 00000000..04619a5a
--- /dev/null
+++ b/server/core/templates/registration/password_reset_confirm.html
@@ -0,0 +1,23 @@
+<!-- templates/registration/password_reset_confirm.html -->
+{% extends 'base.html' %}
+{% load i18n %}
+
+{% block title %}{% trans 'Setze dein Passwort?' %}{% endblock %}
+
+{% block body %}
+  <h1 class="logo">skillbox</h1>
+  <h2 class="reset-heading">{% trans 'Setze dein neues Passwort' %}</h2>
+
+        <form method="post" class="mt-1">
+        {% csrf_token %}
+        <div>
+            {{ form.new_password1.label_tag }}
+            {{ form.new_password1 }}
+        </div>
+        <div>
+            {{ form.new_password2.label_tag }}
+            {{ form.new_password2 }}
+        </div>
+        <button class="btn mt-1" type="submit" name="action">{% trans 'Passwort zurücksetzen' %}</button>
+    </form>
+{% endblock %}
diff --git a/server/core/templates/registration/password_reset_done.html b/server/core/templates/registration/password_reset_done.html
new file mode 100644
index 00000000..54a011f9
--- /dev/null
+++ b/server/core/templates/registration/password_reset_done.html
@@ -0,0 +1,12 @@
+<!-- templates/registration/password_reset_form.html -->
+{% extends 'base.html' %}
+{% load i18n %}
+
+{% block title %}{% trans 'Anweisungen versandt' %}{% endblock %}
+
+{% block body %}
+  <h1 class="logo">skillbox</h1>
+    <h2 class="reset-heading">{% trans 'Schau in dein Postfach' %}</h2>
+    <p>{% trans 'Wir haben dir die Anweisungen wie du dein Passwort zurückzusetzen kannst an dich versendet. Das Email sollte in Kürze bei dir ankommen.' %}</p>
+</div>
+{% endblock %}
diff --git a/server/core/templates/registration/password_reset_email.html b/server/core/templates/registration/password_reset_email.html
new file mode 100644
index 00000000..0514cb29
--- /dev/null
+++ b/server/core/templates/registration/password_reset_email.html
@@ -0,0 +1,12 @@
+{% load i18n %}{% autoescape off %}
+{% blocktrans %}You're receiving this email because you requested a password reset for your user account at {{ site_name }}.{% endblocktrans %}
+
+{% trans "Bitte öffne folgende Seite, um dein Passwort einzugeben:" %}
+{% block reset_link %}
+{{ protocol }}://{{ domain }}{% url 'password_reset_confirm' uidb64=uid token=token %}
+{% endblock %}
+{% trans "Dein Benutzername lautet:" %} {{ user.get_username }}
+
+{% blocktrans %}The {{ site_name }} team{% endblocktrans %}
+
+{% endautoescape %}
diff --git a/server/core/templates/registration/password_reset_form.html b/server/core/templates/registration/password_reset_form.html
new file mode 100644
index 00000000..4353f9f7
--- /dev/null
+++ b/server/core/templates/registration/password_reset_form.html
@@ -0,0 +1,24 @@
+<!-- templates/registration/password_reset_form.html -->
+{% extends 'base.html' %}
+{% load i18n %}
+
+{% block title %}{% trans 'Passwort vergessen?' %}{% endblock %}
+
+{% block body %}
+  <h1 class="logo">skillbox</h1>
+    <h2 class="reset-heading">{% trans 'Passwort vergessen?' %}</h2>
+    <p>{% trans 'Kein Problem! Gib deine Emailadresse ein und erhalte weitere Anweisungen.' %}</p>
+
+        <form method="post" class="mt-1">
+        {% csrf_token %}
+
+        <div>
+            {{ form.email.label_tag }}
+            {{ form.email }}
+        </div>
+        <button class="btn mt-1" type="submit" name="action">{% trans 'Passwort zurücksetzen' %}</button>
+        <input type="hidden" name="next" value="{{ next }}"/>
+    </form>
+
+</div>
+{% endblock %}