From f9d25828d520fd838e4cefa367de948908641f33 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Sat, 15 Jun 2019 11:47:24 +0200
Subject: [PATCH] Add reset password page

---
 webapp/locales/de.json          |  4 ++++
 webapp/locales/en.json          |  4 ++++
 webapp/nuxt.config.js           | 11 ++++++++++-
 webapp/pages/login.vue          |  5 +++++
 webapp/pages/password-reset.vue | 19 +++++++++++++++++++
 5 files changed, 42 insertions(+), 1 deletion(-)
 create mode 100644 webapp/pages/password-reset.vue

diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index efe05a472..d783f9e37 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -8,11 +8,15 @@
     "logout": "Ausloggen",
     "email": "Deine E-Mail",
     "password": "Dein Passwort",
+    "forgotPassword": "Passwort vergessen?",
     "moreInfo": "Was ist Human Connection?",
     "moreInfoURL": "https://human-connection.org",
     "moreInfoHint": "zur Präsentationsseite",
     "hello": "Hallo"
   },
+  "password-reset": {
+    "title": "Passwort zurücksetzen"
+  },
   "editor": {
     "placeholder": "Schreib etwas Inspirierendes..."
   },
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index 4fdcadedb..3a5405eec 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -8,11 +8,15 @@
     "logout": "Logout",
     "email": "Your Email",
     "password": "Your Password",
+    "forgotPassword": "Forgot Password?",
     "moreInfo": "What is Human Connection?",
     "moreInfoURL": "https://human-connection.org/en/",
     "moreInfoHint": "to the presentation page",
     "hello": "Hello"
   },
+  "password-reset": {
+    "title": "Reset your password"
+  },
   "editor": {
     "placeholder": "Leave your inspirational thoughts..."
   },
diff --git a/webapp/nuxt.config.js b/webapp/nuxt.config.js
index 49f2f5d0a..8af3dbb16 100644
--- a/webapp/nuxt.config.js
+++ b/webapp/nuxt.config.js
@@ -25,7 +25,16 @@ module.exports = {
 
   env: {
     // pages which do NOT require a login
-    publicPages: ['login', 'logout', 'register', 'signup', 'reset', 'reset-token', 'pages-slug'],
+    publicPages: [
+      'login',
+      'logout',
+      'password-reset',
+      'register',
+      'signup',
+      'reset',
+      'reset-token',
+      'pages-slug',
+    ],
     // pages to keep alive
     keepAlivePages: ['index'],
     // active locales
diff --git a/webapp/pages/login.vue b/webapp/pages/login.vue
index a96fbdbf1..94c974b29 100644
--- a/webapp/pages/login.vue
+++ b/webapp/pages/login.vue
@@ -45,6 +45,11 @@
                 name="password"
                 type="password"
               />
+              <ds-space class="password-reset-link" margin-bottom="large">
+                <nuxt-link to="/password-reset">
+                  {{ $t('login.forgotPassword') }}
+                </nuxt-link>
+              </ds-space>
               <ds-button
                 :loading="pending"
                 primary
diff --git a/webapp/pages/password-reset.vue b/webapp/pages/password-reset.vue
new file mode 100644
index 000000000..0205ea4f4
--- /dev/null
+++ b/webapp/pages/password-reset.vue
@@ -0,0 +1,19 @@
+<template>
+  <ds-container width="small">
+    <ds-flex>
+      <ds-flex-item :width="{ base: '100%' }" centered>
+        <ds-space style="text-align: center;" margin-top="small" margin-bottom="xxx-small" centered>
+          <ds-heading tag="h3">
+            {{ $t('password-reset.title') }}
+          </ds-heading>
+        </ds-space>
+      </ds-flex-item>
+    </ds-flex>
+  </ds-container>
+</template>
+
+<script>
+export default {
+  layout: 'default',
+}
+</script>