From 8928f841dcd370daf28416adbf1adbe16fa4d76f Mon Sep 17 00:00:00 2001
From: Philipp Dormann <philipp@philippdormann.de>
Date: Fri, 3 Feb 2023 16:52:38 +0100
Subject: [PATCH] wip: registration confirmation ui

---
 src/routes.js          |  2 --
 src/views/Register.vue | 25 +++++++++++++++++++------
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/routes.js b/src/routes.js
index 3a5e37d..de5aaf7 100644
--- a/src/routes.js
+++ b/src/routes.js
@@ -3,7 +3,6 @@ import Home from './views/Home.vue';
 import Imprint from './views/Imprint.vue';
 import Privacy from './views/Privacy.vue';
 import Register from './views/Register.vue';
-import Registered from './views/Registered.vue';
 import Profile from './views/Profile.vue';
 import ProfileNone from './views/ProfileNone.vue';
 
@@ -18,7 +17,6 @@ export const routes = [
 	{ path: config.baseurl_selfservice + 'privacy/', component: Privacy },
 	{ path: config.baseurl_selfservice + 'register', component: Register },
 	{ path: config.baseurl_selfservice + 'register/', component: Register },
-	{ path: config.baseurl_selfservice + 'registered/:mail', component: Registered, props: true },
 	{ path: config.baseurl_selfservice + 'register/:token', component: Register, props: true },
 	{ path: config.baseurl_selfservice + 'profile', component: Profile },
 	{ path: config.baseurl_selfservice + 'profile/', component: ProfileNone },
diff --git a/src/views/Register.vue b/src/views/Register.vue
index 1ed687d..3db2e79 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -1,5 +1,20 @@
 <template>
-  <div class="min-h-screen flex items-center justify-center">
+  <div
+    class="min-h-screen flex items-center justify-center"
+    v-if="registrationState === 'registered'"
+  >
+    <div class="max-w-md w-full py-12 px-6">
+      <img class="mx-auto h-24 w-auto" src="/favicon.png" alt />
+      <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-center">
+        Lauf für Kaya! - Registriert
+      </h1>
+      <p class="mx-auto leading-relaxed text-base text-center">
+        Bitte klicken Sie zum Fortfahren auf den Link, den wir an
+        <b class="font-bold">{{ userdetails.mail }}</b> geschickt haben.
+      </p>
+    </div>
+  </div>
+  <div class="min-h-screen flex items-center justify-center" v-else>
     <div class="max-w-md w-full py-12 px-6">
       <img class="mx-auto h-24 w-auto" src="/favicon.png" alt />
       <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 text-center">
@@ -476,6 +491,7 @@ let provide_address = ref(false);
 let agb_accepted = ref(false);
 let data_confirmed = ref(false);
 let org_team = ref("");
+let registrationState = ref("pending");
 //
 const state = reactive({
   org_name: "",
@@ -532,14 +548,11 @@ function login() {
       if (props.token) {
         url = `${config.baseurl}api/runners/register/${props.token}/?locale=${browserlocale}`;
       }
+      registrationState.value = "loading";
       axios
         .post(url, postdata)
         .then(() => {
-          location.replace(
-            `${config.baseurl_selfservice}registered/?mail=${encodeURIComponent(
-              postdata.email
-            )}`
-          );
+          registrationState.value = "registered";
         })
         .catch((error) => {
           console.log(error);