Add login error page

client/src/pages/hello.vue

@@ -3,7 +3,14 @@
     class="hello"
     data-cy="hello-page">
     <div class="about">
-      <div class="about__logos" />
+      <div class="about__logos logos">
+        <a href="#">sdf</a>
+        <a
+          href="https://www.ehb.swiss/"
+          target="_blank">
+          <ehb-logo class="logos__logo" />
+        </a>
+      </div>
       <p class="about__text">mySkillbox ist ein Angebot des hep Verlags in
       Zusammenarbeit mit dem Eidgenössischen Hochschulinstitut für Berufsbildung.</p>
     </div>
@@ -129,6 +136,12 @@
     //}
   }
 
+  .logos {
+    &__logo {
+      height: 30px;
+    }
+  }
+
   .login-actions {
     @include widget-shadow;
 

client/src/pages/login-error.vue

@@ -0,0 +1,41 @@
+<template>
+  <div class="login-error">
+    <header class="info-header">
+      <h1
+        class="public-page__title"
+        data-cy="login-error-title">{{ title }}</h1>
+    </header>
+    <main
+      class="login-error__content content"
+      data-cy="login-error-text">
+      <p class="content__instructions">
+        {{ errorMessage }}
+      </p>
+      <p>
+        <router-link
+          :to="{name: 'hello'}"
+          class="hep-link">
+          Startseite anzeigen
+        </router-link>
+      </p>
+
+    </main>
+
+  </div>
+
+</template>
+
+<script>
+  export default {
+    name: 'LoginErrorPage',
+    props: ['title', 'errorMessage']
+  };
+</script>
+
+<style scoped lang="scss">
+@import "@/styles/_variables.scss";
+
+.content__instructions {
+  margin: $medium-spacing 0;
+}
+</style>

client/src/pages/verify-email.vue

@@ -1,20 +0,0 @@
-<template>
-  <div class="verify-email">
-    <main
-      class="verify-email__content content"
-      data-cy="verify-check">
-      <p class="content__instructions">Ihre Email ist noch nicht verifiziert. Bitte verifizieren Sie die Email für
-      ihr hep-Konto.</p>
-    </main>
-
-  </div>
-
-</template>
-
-<style scoped lang="scss">
-@import "@/styles/_variables.scss";
-
-.content__instructions {
-  margin-top: $medium-spacing;
-}
-</style>

client/src/router/index.js

@@ -9,7 +9,7 @@ import submission from '@/pages/studentSubmission';
 import Router from 'vue-router';
 import surveyPage from '@/pages/survey';
 import styleGuidePage from '@/pages/styleguide';
-import verifyEmail from '@/pages/verify-email';
+import loginError from '@/pages/login-error';
 import licenseActivation from '@/pages/license-activation';
 import joinClass from '@/pages/joinClass';
 import news from '@/pages/news';
@@ -58,8 +58,12 @@ const routes = [
   },
   {
     path: '/verify-email',
-    component: verifyEmail,
+    component: loginError,
     name: 'verifyEmail',
+    props: {
+      title: 'Bitte schauen Sie in Ihr Postfach',
+      errorMessage: 'Ihre E-Mail Adresse ist noch nicht verifiziert. Wir haben eine E-Mail mit einem Aktivierungslink an Sie verschickt.'
+    },
     meta: {
       public: true,
       layout: 'public',