Change text of invite form

webapp/components/Registration/Signup.vue

@@ -9,17 +9,21 @@
         :schema="formSchema"
         @submit="handleSubmit"
       >
-        <h1>{{ $t('registration.signup.title') }}</h1>
+        <h1>{{ invitation ? $t('profile.invites.title') : $t('registration.signup.title') }}</h1>
         <ds-space v-if="token" margin-botton="large">
           <ds-text v-html="$t('registration.signup.form.invitation-code', { code: token })" />
         </ds-space>
         <ds-space margin-botton="large">
           <ds-text>
-            {{ $t('registration.signup.form.description') }}
+            {{
+              invitation
+                ? $t('profile.invites.description')
+                : $t('registration.signup.form.description')
+            }}
           </ds-text>
         </ds-space>
         <ds-input
-          :placeholder="$t('login.email')"
+          :placeholder="invitation ? $t('profile.invites.emailPlaceholder') : $t('login.email')"
           type="email"
           id="email"
           model="email"
@@ -45,9 +49,7 @@
         </template>
         <template v-else>
           <sweetalert-icon icon="error" />
-          <ds-text align="center">
-            {{ error.message }}
-          </ds-text>
+          <ds-text align="center">{{ error.message }}</ds-text>
         </template>
       </div>
     </ds-space>
@@ -73,11 +75,13 @@ export const SignupByInvitationMutation = gql`
   }
 `
 export default {
+  name: 'Signup',
   components: {
     SweetalertIcon,
   },
   props: {
     token: { type: String, default: null },
+    invitation: { type: Boolean, default: false },
   },
   data() {
     return {

webapp/locales/de.json

@@ -124,6 +124,11 @@
       "followedByNobody": "wird von niemandem gefolgt.",
       "and": "und",
       "more": "weitere"
+    },
+    "invites": {
+      "title": "Lade jemanden zu Human Connection ein!",
+      "description": "Für die Einladung trage seine E-Mail-Adresse hier ein.",
+      "emailPlaceholder": "E-Mail-Adresse für die Einladung"
     }
   },
   "notifications": {
@@ -271,8 +276,8 @@
     },
     "invites": {
       "name": "Benutzer einladen",
-      "title": "Benutzer als Admin anmelden",
-      "description": "Dieses Anmeldeformular ist zu sehen sobald die Anmeldung öffentlich zugänglich ist."
+      "title": "Leute einladen",
+      "description": "Einladungen sind ein wunderbarer Weg, deine Freund in deinem Netzwerk zu haben …"
     }
   },
   "post": {

webapp/locales/en.json

@@ -124,6 +124,11 @@
       "followedByNobody": "is not followed by anyone.",
       "and": "and",
       "more": "more"
+    },
+    "invites": {
+      "title": "Invite somebody to Human Connection!",
+      "description": "Enter thier email address for invitation.",
+      "emailPlaceholder": "Email to invite"
     }
   },
   "notifications": {
@@ -271,8 +276,8 @@
     },
     "invites": {
       "name": "Invite users",
-      "title": "Signup users as admin",
-      "description": "This registration form will be visible as soon as the registration is open to the public."
+      "title": "Invite people",
+      "description": "Invitations are a wonderful way to have your friends in your network …"
     }
   },
   "post": {

webapp/pages/admin/invite.vue

@@ -1,14 +1,11 @@
 <template>
+  <!-- This registration form will be visible to the public as soon as the registration is open to the public. -->
   <ds-section>
     <ds-space>
-      <ds-heading size="h3">
-        {{ $t('admin.invites.title') }}
-      </ds-heading>
-      <ds-text>
-        {{ $t('admin.invites.description') }}
-      </ds-text>
+      <ds-heading size="h3">{{ $t('admin.invites.title') }}</ds-heading>
+      <ds-text>{{ $t('admin.invites.description') }}</ds-text>
     </ds-space>
-    <signup />
+    <signup :invitation="true" />
   </ds-section>
 </template>