Start with verify code component

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>

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": {

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": {