Add email verifcation page

client/src/graphql/gql/mutations/registration.gql

@@ -1,6 +1,7 @@
-mutation Registration($input: RegistrationInput!){
+mutation Registration($input: RegistrationInput!) {
   registration(input: $input) {
     success
+    message
     errors {
       field
     }

client/src/pages/email-verification.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="emailconfirmation public-page">
+    <h1 class="emailconfirmation__title public-page__title">Überprüfung</h1>
+  </div>
+</template>
+
+<script>
+
+import REGISTRATION_MUTATION from '@/graphql/gql/mutations/registration.gql';
+
+export default {
+  components: {},
+
+  methods: {
+  },
+
+  data() {
+    return {
+      loading: true,
+      keyValid: false
+    };
+  },
+
+  mounted() {
+    console.log('register')
+    this.$apollo.mutate({
+      mutation: REGISTRATION_MUTATION,
+      variables: {
+        input: {
+          confirmationKeyInput: this.$route.query.confirmation || ''
+        }
+      },
+      fetchPolicy: 'no-cache'
+    }).then(result => console.log(result))
+  },
+
+};
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/_variables.scss";
+@import "@/styles/_mixins.scss";
+
+.text-link {
+  font-family: $sans-serif-font-family;
+  color: $color-brand;
+}
+
+.actions {
+  &__reset {
+    display: inline-block;
+    margin-left: $large-spacing;
+  }
+}
+
+</style>

client/src/pages/hello.vue

@@ -66,7 +66,7 @@ export default {
             this.$router.push({name: redirectRouteName});
           })
           .catch(() => {
-            this.registrationError = 'Es ist ein Fehler aufgetreten. Bitte versuchen Sie nochmals.';
+            this.registrationError = 'Es ist ein Fehler aufgetreten. Bitte versuchen Sie es nochmals.';
           });
         }
       });

client/src/pages/login.vue

@@ -64,7 +64,7 @@ export default {
             })
           .catch((error) => {
             console.log(error)
-            this.registrationError = 'Es ist ein Fehler aufgetreten. Bitte versuchen Sie nochmals.';
+            this.registrationError = 'Es ist ein Fehler aufgetreten. Bitte versuchen Sie es nochmals.';
           });
 
           // this.$apollo.mutate({

client/src/router/index.js

@@ -33,6 +33,7 @@ import hello from '@/pages/hello'
 import registration from '@/pages/registration'
 import waitForClass from '@/pages/waitForClass'
 import checkEmail from '@/pages/check-email'
+import emailVerification from '@/pages/email-verification'
 
 import store from '@/store/index';
 
@@ -164,6 +165,15 @@ const routes = [
       layout: 'public'
     }
   },
+  {
+    path: '/verify-email',
+    component: emailVerification,
+    name: 'emailVerification',
+    meta: {
+      public: true,
+      layout: 'public'
+    }
+  },
   {path: '/styleguide', component: styleGuidePage},
   {path: '*', component: p404}
 ];