ocelot-Social-Community/Ocelot-Social
1
0
Fork 0
mirror of https://github.com/Ocelot-Social-Community/Ocelot-Social.git synced 2025-12-13 07:46:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

WITH CHECKBOXES

Browse Source
This commit is contained in:
ogerly 2019-10-15 15:43:31 +02:00
parent 855caf78e9
commit 461defd460
3 changed files with 32 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
webapp/components/Registration/Signup.vue
View File

@ -30,15 +30,24 @@
name="email"
icon="envelope"
/>
<ds-list size="base">
<ds-list-item>
<ds-text v-html="$t('components.registration.signup.form.terms-and-condition')"></ds-text>
</ds-list-item>
<ds-list-item>
<ds-text v-html="$t('components.registration.signup.form.data-privacy')"></ds-text>
</ds-list-item>
<ds-list-item>{{ $t('components.registration.signup.form.minimum-age') }}</ds-list-item>
</ds-list>
<p>
<label class="add-checkbox">
<input @change="handleInputValid" type="checkbox" v-model="checkbox1" />
<span v-html="$t('components.registration.signup.form.terms-and-condition')"></span>
</label>
</p>
<p>
<label class="add-checkbox">
<input@change="handleInputValid" type="checkbox" v-model="checkbox2"/>
<span v-html="$t('components.registration.signup.form.data-privacy')"></span>
</label>
</p>
<p>
<label class="add-checkbox">
<input @change="handleInputValid" type="checkbox" v-model="checkbox3" />
<span v-html="$t('components.registration.signup.form.minimum-age')"></span>
</label>
</p>
<ds-button
:disabled="disabled"
@ -112,6 +121,9 @@ export default {
disabled: true,
success: false,
error: null,
checkbox1: false,
checkbox2: false,
checkbox3: false,
}
},
computed: {
@ -125,7 +137,11 @@ export default {
this.disabled = true
},
handleInputValid() {
this.disabled = false
if (this.checkbox1 && this.checkbox2 && this.checkbox3) {
this.disabled = false
} else {
this.disabled = true
}
},
async handleSubmit() {
const mutation = this.token ? SignupByInvitationMutation : SignupMutation

6
webapp/locales/de.json
View File

@ -30,9 +30,9 @@
"title": "Mach mit bei Human Connection!",
"form": {
"description": "Um loszulegen, gib deine E-Mail Adresse ein:",
"terms-and-condition": "Es gelten unsere <a href=\"/terms-and-conditions\"><ds-text bold color=\"primary\" > Nutzungsbedingungen!</ds-text></a>",
"data-privacy": "Es gelten unsere <a href=\"https://human-connection.org/datenschutz/\" target=\"_blank\"><ds-text bold color=\"primary\" >Datenschutzerklärungen!",
"minimum-age": "Du musst das 18 Lebensjahr abgeschlossen haben!",
"terms-and-condition": "Ich stimme den <a href=\"/terms-and-conditions\"><ds-text bold color=\"primary\" > Nutzungsbedingungen!</ds-text></a>zu.",
"data-privacy": "Ich habe die <a href=\"https://human-connection.org/datenschutz/\" target=\"_blank\"><ds-text bold color=\"primary\" >Datenschutzerklärungen!</ds-text></a> gelesen und verstanden",
"minimum-age": "Ich bin 18 Jahre oder älter.",
"invitation-code": "Dein Einladungscode lautet: <b>{code}</b>",
"errors": {
"email-exists": "Es gibt schon ein Benutzerkonto mit dieser E-Mail Adresse!",

6
webapp/locales/en.json
View File

@ -31,9 +31,9 @@
"title": "Join Human Connection!",
"form": {
"description": "To get started, enter your email address:",
"terms-and-condition": "Our <a href=\"/terms-and-conditions\"><ds-text bold color=\"primary\" > terms of conditions!</ds-text></a> apply!",
"data-privacy": "Our <a href=\"https://human-connection.org/datenschutz/\" target=\"_blank\"><ds-text bold color=\"primary\" > Data privacy </ds-text></a> apply!",
"minimum-age": "You must be at least 18 years old!",
"terms-and-condition": "I confirm to the <a href=\"/terms-and-conditions\"><ds-text bold color=\"primary\" > Terms and conditions</ds-text></a>.",
"data-privacy": " I have read and understood the <a href=\"https://human-connection.org/datenschutz/\" target=\"_blank\"><ds-text bold color=\"primary\" >Privacy Statement</ds-text></a> ",
"minimum-age": "I'm 18 years or older.",
"invitation-code": "Your invitation code is: <b>{code}</b>",
"errors": {
"email-exists": "There is already a user account with this email address!",