mirror of
https://github.com/n8n-io/n8n.git
synced 2025-03-05 20:50:17 -08:00
90 lines
2 KiB
Vue
90 lines
2 KiB
Vue
|
<template>
|
||
|
|
<AuthView
|
||
|
|
:form="FORM_CONFIG"
|
||
|
|
:formLoading="loading"
|
||
|
|
@submit="onSubmit"
|
||
|
|
/>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script lang="ts">
|
||
|
|
import AuthView from './AuthView.vue';
|
||
|
|
import { showMessage } from '@/components/mixins/showMessage';
|
||
|
|
|
||
|
|
import mixins from 'vue-typed-mixins';
|
||
|
|
import { IFormBoxConfig } from '@/Interface';
|
||
|
|
import { VIEWS } from '@/constants';
|
||
|
|
|
||
|
|
export default mixins(
|
||
|
|
showMessage,
|
||
|
|
).extend({
|
||
|
|
name: 'SigninView',
|
||
|
|
components: {
|
||
|
|
AuthView,
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
const FORM_CONFIG: IFormBoxConfig = {
|
||
|
|
title: this.$locale.baseText('auth.signin'),
|
||
|
|
buttonText: this.$locale.baseText('auth.signin'),
|
||
|
|
redirectText: this.$locale.baseText('forgotPassword'),
|
||
|
|
redirectLink: '/forgot-password',
|
||
|
|
inputs: [
|
||
|
|
{
|
||
|
|
name: 'email',
|
||
|
|
properties: {
|
||
|
|
label: this.$locale.baseText('auth.email'),
|
||
|
|
type: 'email',
|
||
|
|
required: true,
|
||
|
|
validationRules: [{ name: 'VALID_EMAIL' }],
|
||
|
|
showRequiredAsterisk: false,
|
||
|
|
validateOnBlur: false,
|
||
|
|
autocomplete: 'email',
|
||
|
|
capitalize: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: 'password',
|
||
|
|
properties: {
|
||
|
|
label: this.$locale.baseText('auth.password'),
|
||
|
|
type: 'password',
|
||
|
|
required: true,
|
||
|
|
showRequiredAsterisk: false,
|
||
|
|
validateOnBlur: false,
|
||
|
|
autocomplete: 'current-password',
|
||
|
|
capitalize: true,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
],
|
||
|
|
};
|
||
|
|
|
||
|
|
return {
|
||
|
|
FORM_CONFIG,
|
||
|
|
loading: false,
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
async onSubmit(values: {[key: string]: string}) {
|
||
|
|
try {
|
||
|
|
this.loading = true;
|
||
|
|
await this.$store.dispatch('users/loginWithCreds', values);
|
||
|
|
this.clearAllStickyNotifications();
|
||
|
|
this.loading = false;
|
||
|
|
|
||
|
|
if (typeof this.$route.query.redirect === 'string') {
|
||
|
|
const redirect = decodeURIComponent(this.$route.query.redirect);
|
||
|
|
if (redirect.startsWith('/')) { // protect against phishing
|
||
|
|
this.$router.push(redirect);
|
||
|
|
|
||
|
|
return;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
this.$router.push({ name: VIEWS.HOMEPAGE });
|
||
|
|
} catch (error) {
|
||
|
|
this.$showError(error, this.$locale.baseText('auth.signin.error'));
|
||
|
|
this.loading = false;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
},
|
||
|
|
});
|
||
|
|
</script>
|