mirror of
https://github.com/InvoiceShelf/InvoiceShelf.git
synced 2026-04-07 21:44:51 +00:00
691178857f
* refactor: add HTTP client wrapper and upgrade axios to v1 Introduce a thin HTTP wrapper (resources/scripts/http) that centralizes axios configuration, interceptors, and auth header injection. All 43 files now import from the wrapper instead of axios directly, making future library swaps a single-file change. Upgrade axios from 0.30.0 to 1.14.0. * fix: restore window.Ls assignment removed during axios refactor company.js uses window.Ls.set() to persist selected company, which broke after the axios plugin (that set window.Ls) was deleted.
93 lines
2.2 KiB
Vue
93 lines
2.2 KiB
Vue
<template>
|
|
<form id="loginForm" @submit.prevent="onSubmit">
|
|
<BaseInputGroup
|
|
:error="v$.email.$error && v$.email.$errors[0].$message"
|
|
:label="$t('login.enter_email')"
|
|
class="mb-4"
|
|
required
|
|
>
|
|
<BaseInput
|
|
v-model="formData.email"
|
|
:invalid="v$.email.$error"
|
|
focus
|
|
type="email"
|
|
name="email"
|
|
@input="v$.email.$touch()"
|
|
/>
|
|
</BaseInputGroup>
|
|
<BaseButton
|
|
:loading="isLoading"
|
|
:disabled="isLoading"
|
|
type="submit"
|
|
variant="primary"
|
|
>
|
|
<div v-if="!isSent">
|
|
{{ $t('validation.send_reset_link') }}
|
|
</div>
|
|
<div v-else>
|
|
{{ $t('validation.not_yet') }}
|
|
</div>
|
|
</BaseButton>
|
|
|
|
<div class="mt-4 mb-4 text-sm">
|
|
<router-link
|
|
to="/login"
|
|
class="text-sm text-primary-400 hover:text-gray-700"
|
|
>
|
|
{{ $t('general.back_to_login') }}
|
|
</router-link>
|
|
</div>
|
|
</form>
|
|
</template>
|
|
|
|
<script type="text/babel" setup>
|
|
import http from '@/scripts/http'
|
|
import { reactive, ref, computed } from 'vue'
|
|
import { required, email, helpers } from '@vuelidate/validators'
|
|
import { useVuelidate } from '@vuelidate/core'
|
|
import { useNotificationStore } from '@/scripts/stores/notification'
|
|
import { useI18n } from 'vue-i18n'
|
|
import { handleError } from '@/scripts/helpers/error-handling'
|
|
|
|
const notificationStore = useNotificationStore()
|
|
const { t } = useI18n()
|
|
|
|
const formData = reactive({
|
|
email: '',
|
|
})
|
|
|
|
const isSent = ref(false)
|
|
const isLoading = ref(false)
|
|
|
|
const rules = {
|
|
email: {
|
|
required: helpers.withMessage(t('validation.required'), required),
|
|
email: helpers.withMessage(t('validation.email_incorrect'), email),
|
|
},
|
|
}
|
|
|
|
const v$ = useVuelidate(rules, formData)
|
|
|
|
async function onSubmit(e) {
|
|
v$.value.$touch()
|
|
|
|
if (!v$.value.$invalid) {
|
|
try {
|
|
isLoading.value = true
|
|
let res = await http.post('/api/v1/auth/password/email', formData)
|
|
if (res.data) {
|
|
notificationStore.showNotification({
|
|
type: 'success',
|
|
message: 'Mail sent successfully',
|
|
})
|
|
}
|
|
isSent.value = true
|
|
isLoading.value = false
|
|
} catch (err) {
|
|
handleError(err)
|
|
isLoading.value = false
|
|
}
|
|
}
|
|
}
|
|
</script>
|