From 0da7b906bde543bc5552fbca27ac6bac2fe0419d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robert=20Sch=C3=A4fer?= <git@roschaefer.de>
Date: Mon, 17 Jun 2019 21:11:10 +0200
Subject: [PATCH] Start with verify code component

---
 .../components/PasswordReset/VerifyCode.vue   | 26 ++++++++++++++++---
 webapp/locales/de.json                        |  3 ++-
 webapp/locales/en.json                        |  4 ++-
 3 files changed, 28 insertions(+), 5 deletions(-)

diff --git a/webapp/components/PasswordReset/VerifyCode.vue b/webapp/components/PasswordReset/VerifyCode.vue
index d6bea39df..73bcfa6cd 100644
--- a/webapp/components/PasswordReset/VerifyCode.vue
+++ b/webapp/components/PasswordReset/VerifyCode.vue
@@ -1,9 +1,29 @@
 <template>
   <ds-card class="verify-code">
     <ds-space margin="large">
-      <h1>
-        {{ $t('verify-code.form.description') }}
-      </h1>
+      <ds-form v-model="formData" :schema="formSchema" @submit="handleSubmit">
+        <ds-input
+          :placeholder="$t('verify-code.form.input')"
+          model="token"
+          name="token"
+          icon="question-circle"
+        />
+        <ds-space margin-botton="large">
+          <ds-text>
+            {{ $t('verify-code.form.description') }}
+          </ds-text>
+        </ds-space>
+        <ds-button
+          :disabled="disabled"
+          :loading="$apollo.loading"
+          primary
+          fullwidth
+          name="submit"
+          type="submit"
+        >
+          {{ $t('verify-code.form.submit') }}
+        </ds-button>
+      </ds-form>
     </ds-space>
   </ds-card>
 </template>
diff --git a/webapp/locales/de.json b/webapp/locales/de.json
index 5e2be98f8..dece0fcff 100644
--- a/webapp/locales/de.json
+++ b/webapp/locales/de.json
@@ -24,7 +24,8 @@
   },
   "verify-code": {
     "form": {
-      "description": "Öffne Deine E-Mail Postfach und gib den Code ein, den wir geschickt haben."
+      "description": "Öffne Deine E-Mail Postfach und gib den Code ein, den wir geschickt haben.",
+      "submit": "Sicherheitscode überprüfen"
     }
   },
   "editor": {
diff --git a/webapp/locales/en.json b/webapp/locales/en.json
index d7caa3cfb..d18603278 100644
--- a/webapp/locales/en.json
+++ b/webapp/locales/en.json
@@ -24,7 +24,9 @@
   },
   "verify-code": {
     "form": {
-      "description": "Open your inbox and enter the code that we've sent to you."
+      "input": "Enter your code",
+      "description": "Open your inbox and enter the code that we've sent to you.",
+      "submit": "Check security code"
     }
   },
   "editor": {