Chapril/mobilizon.chapril.org-mobilizon
Chapril/mobilizon.chapril.org-mobilizon
25
0
Fork 0
Code Issues Pull Requests Releases Activity

Merge branch 'LeoMouyna/mobilizon-297-password-reset-form'

Browse Source
This commit is contained in:
Thomas Citharel 2020-12-10 09:42:49 +01:00
commit 118aabf544
No known key found for this signature in database
GPG Key ID: A061B9DDE0CA0773
1 changed files with 48 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

81
js/src/views/User/PasswordReset.vue
View File

@ -1,37 +1,43 @@
<template>
<section class="section container columns is-mobile is-centered">
<div class="card column is-half-desktop">
<h1>{{ $t("Password reset") }}</h1>
<b-message
title="Error"
type="is-danger"
v-for="error in errors"
:key="error"
>{{ error }}</b-message
>
<form @submit="resetAction">
<b-field :label="$t('Password')">
<b-input
aria-required="true"
required
type="password"
password-reveal
minlength="6"
v-model="credentials.password"
/>
</b-field>
<b-field :label="$t('Password (confirmation)')">
<b-input
aria-required="true"
required
type="password"
password-reveal
minlength="6"
v-model="credentials.passwordConfirmation"
/>
</b-field>
<button class="button is-primary">{{ $t("Reset my password") }}</button>
</form>
<section class="section container">
<div class="columns is-mobile is-centered">
<div class="column is-half-desktop">
<h1 class="title">
{{ $t("Password reset") }}
</h1>
<b-message
title="Error"
type="is-danger"
v-for="error in errors"
:key="error"
>{{ error }}</b-message
>
<form @submit="resetAction">
<b-field :label="$t('Password')">
<b-input
aria-required="true"
required
type="password"
password-reveal
minlength="6"
v-model="credentials.password"
/>
</b-field>
<b-field :label="$t('Password (confirmation)')">
<b-input
aria-required="true"
required
type="password"
password-reveal
minlength="6"
v-model="credentials.password_confirmation"
/>
</b-field>
<button class="button is-primary">
{{ $t("Reset my password") }}
</button>
</form>
</div>
</div>
</section>
</template>
@ -97,3 +103,12 @@ export default class PasswordReset extends Vue {
}
}
</script>
<style lang="scss" scoped>
section.section.container {
background: $white;
}
.container .columns {
margin: 1rem auto 3rem;
}
</style>