InputEmail label and placeholder are displayed correctly per language

This commit is contained in:
ogerly 2023-01-09 15:33:45 +01:00
parent b69a59bd6d
commit ab9dc86925
4 changed files with 27 additions and 8 deletions

View File

@ -40,11 +40,11 @@ export default {
} }
}, },
}, },
name: { type: String, default: 'Email' }, name: { type: String, required: true },
label: { type: String, default: 'Email' }, label: { type: String, required: true },
placeholder: { type: String, default: 'Email' }, placeholder: { type: String, required: true },
value: { required: true, type: String, default: '' }, value: { type: String, required: true },
disabled: { required: false, type: Boolean, default: false }, disabled: { type: Boolean, required: false, default: false },
}, },
data() { data() {
return { return {

View File

@ -6,7 +6,12 @@
<b-col> <b-col>
<validation-observer ref="observer" v-slot="{ handleSubmit }"> <validation-observer ref="observer" v-slot="{ handleSubmit }">
<b-form role="form" @submit.prevent="handleSubmit(onSubmit)"> <b-form role="form" @submit.prevent="handleSubmit(onSubmit)">
<input-email v-model="form.email"></input-email> <input-email
v-model="form.email"
:name="$t('form.email')"
:label="$t('form.email')"
:placeholder="$t('form.email')"
></input-email>
<div class="text-center"> <div class="text-center">
<b-button type="submit" variant="gradido"> <b-button type="submit" variant="gradido">
{{ $t('settings.password.send_now') }} {{ $t('settings.password.send_now') }}

View File

@ -5,7 +5,14 @@
<validation-observer ref="observer" v-slot="{ handleSubmit }"> <validation-observer ref="observer" v-slot="{ handleSubmit }">
<b-form @submit.stop.prevent="handleSubmit(onSubmit)"> <b-form @submit.stop.prevent="handleSubmit(onSubmit)">
<b-row> <b-row>
<b-col sm="12" md="12" lg="6"><input-email v-model="form.email"></input-email></b-col> <b-col sm="12" md="12" lg="6">
<input-email
v-model="form.email"
:name="$t('form.email')"
:label="$t('form.email')"
:placeholder="$t('form.email')"
></input-email>
</b-col>
<b-col sm="12" md="12" lg="6"> <b-col sm="12" md="12" lg="6">
<input-password <input-password
:label="$t('form.password')" :label="$t('form.password')"

View File

@ -59,7 +59,14 @@
</b-col> </b-col>
</b-row> </b-row>
<b-row> <b-row>
<b-col><input-email v-model="form.email"></input-email></b-col> <b-col>
<input-email
v-model="form.email"
:name="$t('form.email')"
:label="$t('form.email')"
:placeholder="$t('form.email')"
></input-email>
</b-col>
</b-row> </b-row>
<div class="my-4"> <div class="my-4">
<b-form-checkbox <b-form-checkbox