ami/tl-vikunja
1
0
Fork 0
Code Activity

Cleanup code & make sure it has a common code style

Browse Source
This commit is contained in:
kolaente
2020-09-05 22:35:52 +02:00
parent 4a8b15e7be
commit a8a7f70a3c
132 changed files with 6821 additions and 6595 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
src/views/user/PasswordReset.vue
View File

@ -2,23 +2,40 @@
<div>
<h2 class="title has-text-centered">Reset your password</h2>
<div class="box">
<form id="form" @submit.prevent="submit" v-if="!successMessage">
<form @submit.prevent="submit" id="form" v-if="!successMessage">
<div class="field">
<label class="label" for="password1">Password</label>
<div class="control">
<input v-focus type="password" class="input" id="password1" name="password1" placeholder="e.g. ••••••••••••" v-model="credentials.password" required/>
<input
class="input"
id="password1"
name="password1"
placeholder="e.g. ••••••••••••"
required
type="password"
v-focus
v-model="credentials.password"/>
</div>
</div>
<div class="field">
<label class="label" for="password2">Retype your password</label>
<div class="control">
<input type="password" class="input" id="password2" name="password2" placeholder="e.g. ••••••••••••" v-model="credentials.password2" required/>
<input
class="input"
id="password2"
name="password2"
placeholder="e.g. ••••••••••••"
required
type="password"
v-model="credentials.password2"/>
</div>
</div>
<div class="field is-grouped">
<div class="control">
<button type="submit" class="button is-primary" :class="{ 'is-loading': this.passwordResetService.loading}">Reset your password</button>
<button :class="{ 'is-loading': this.passwordResetService.loading}" class="button is-primary"
type="submit">Reset your password
</button>
</div>
</div>
<div class="notification is-info" v-if="this.passwordResetService.loading">
@ -28,7 +45,7 @@
{{ errorMsg }}
</div>
</form>
<div v-if="successMessage" class="has-text-centered">
<div class="has-text-centered" v-if="successMessage">
<div class="notification is-success">
{{ successMessage }}
</div>
@ -40,56 +57,56 @@
</template>
<script>
import PasswordResetModel from '../../models/passwordReset'
import PasswordResetService from '../../services/passwordReset'
import Legal from '../../components/misc/legal'
import PasswordResetModel from '../../models/passwordReset'
import PasswordResetService from '../../services/passwordReset'
import Legal from '../../components/misc/legal'
export default {
components: {
Legal,
},
data() {
return {
passwordResetService: PasswordResetService,
credentials: {
password: '',
password2: '',
},
errorMsg: '',
successMessage: ''
}
},
created() {
this.passwordResetService = new PasswordResetService()
},
mounted() {
this.setTitle('Reset your password')
},
methods: {
submit() {
this.errorMsg = ''
if (this.credentials.password2 !== this.credentials.password) {
this.errorMsg = 'Passwords don\'t match'
return
}
let passwordReset = new PasswordResetModel({newPassword: this.credentials.password})
this.passwordResetService.resetPassword(passwordReset)
.then(response => {
this.successMessage = response.data.message
localStorage.removeItem('passwordResetToken')
})
.catch(e => {
this.errorMsg = e.response.data.message
})
}
export default {
components: {
Legal,
},
data() {
return {
passwordResetService: PasswordResetService,
credentials: {
password: '',
password2: '',
},
errorMsg: '',
successMessage: '',
}
}
},
created() {
this.passwordResetService = new PasswordResetService()
},
mounted() {
this.setTitle('Reset your password')
},
methods: {
submit() {
this.errorMsg = ''
if (this.credentials.password2 !== this.credentials.password) {
this.errorMsg = 'Passwords don\'t match'
return
}
let passwordReset = new PasswordResetModel({newPassword: this.credentials.password})
this.passwordResetService.resetPassword(passwordReset)
.then(response => {
this.successMessage = response.data.message
localStorage.removeItem('passwordResetToken')
})
.catch(e => {
this.errorMsg = e.response.data.message
})
},
},
}
</script>
<style scoped>
.button {
margin: 0 0.4em 0 0;
}
.button {
margin: 0 0.4em 0 0;
}
</style>