|
|
@ -80,16 +80,9 @@ function resetError() { |
|
|
|
|
|
|
|
|
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<NuxtLayout> |
|
|
|
<NuxtLayout> |
|
|
|
<a-form |
|
|
|
<div class="md:bg-primary/5 signin h-full min-h-[600px] flex flex-col justify-center items-center nc-form-signup"> |
|
|
|
ref="formValidator" |
|
|
|
|
|
|
|
:model="form" |
|
|
|
|
|
|
|
layout="vertical" |
|
|
|
|
|
|
|
class="bg-primary/5 signin h-full flex justify-center items-center nc-form-signin" |
|
|
|
|
|
|
|
@finish="signIn" |
|
|
|
|
|
|
|
> |
|
|
|
|
|
|
|
<div class="h-full w-full flex flex-col items-center justify-center pt-[50px]"> |
|
|
|
|
|
|
|
<div |
|
|
|
<div |
|
|
|
class="bg-white dark:(!bg-gray-900 !text-white) relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)" |
|
|
|
class="bg-white mt-[60px] relative flex flex-col justify-center gap-2 w-full max-w-[500px] mx-auto p-8 md:(rounded-lg border-1 border-gray-200 shadow-xl)" |
|
|
|
> |
|
|
|
> |
|
|
|
<general-noco-icon |
|
|
|
<general-noco-icon |
|
|
|
class="!rounded-full color-transition hover:(ring ring-pink-500)" |
|
|
|
class="!rounded-full color-transition hover:(ring ring-pink-500)" |
|
|
@ -98,6 +91,7 @@ function resetError() { |
|
|
|
|
|
|
|
|
|
|
|
<h1 class="prose-2xl font-bold self-center my-4">{{ $t('general.signIn') }}</h1> |
|
|
|
<h1 class="prose-2xl font-bold self-center my-4">{{ $t('general.signIn') }}</h1> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<a-form ref="formValidator" :model="form" layout="vertical" no-style @finish="signIn"> |
|
|
|
<Transition name="layout"> |
|
|
|
<Transition name="layout"> |
|
|
|
<div v-if="error" class="self-center mb-4 bg-red-500 text-white rounded-lg w-3/4 mx-auto p-1"> |
|
|
|
<div v-if="error" class="self-center mb-4 bg-red-500 text-white rounded-lg w-3/4 mx-auto p-1"> |
|
|
|
<div class="flex items-center gap-2 justify-center"> |
|
|
|
<div class="flex items-center gap-2 justify-center"> |
|
|
@ -108,7 +102,7 @@ function resetError() { |
|
|
|
</Transition> |
|
|
|
</Transition> |
|
|
|
|
|
|
|
|
|
|
|
<a-form-item :label="$t('labels.email')" name="email" :rules="formRules.email"> |
|
|
|
<a-form-item :label="$t('labels.email')" name="email" :rules="formRules.email"> |
|
|
|
<a-input v-model:value="form.email" size="large" :placeholder="$t('labels.email')" @focus="resetError" /> |
|
|
|
<a-input v-model:value="form.email" size="large" :placeholder="$t('msg.info.signUp.workEmail')" @focus="resetError" /> |
|
|
|
</a-form-item> |
|
|
|
</a-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<a-form-item :label="$t('labels.password')" name="password" :rules="formRules.password"> |
|
|
|
<a-form-item :label="$t('labels.password')" name="password" :rules="formRules.password"> |
|
|
@ -116,12 +110,12 @@ function resetError() { |
|
|
|
v-model:value="form.password" |
|
|
|
v-model:value="form.password" |
|
|
|
size="large" |
|
|
|
size="large" |
|
|
|
class="password" |
|
|
|
class="password" |
|
|
|
:placeholder="$t('labels.password')" |
|
|
|
:placeholder="$t('msg.info.signUp.enterPassword')" |
|
|
|
@focus="resetError" |
|
|
|
@focus="resetError" |
|
|
|
/> |
|
|
|
/> |
|
|
|
</a-form-item> |
|
|
|
</a-form-item> |
|
|
|
|
|
|
|
|
|
|
|
<div class="hidden md:block self-end"> |
|
|
|
<div class="hidden md:block text-right"> |
|
|
|
<nuxt-link class="prose-sm" to="/forgot-password"> |
|
|
|
<nuxt-link class="prose-sm" to="/forgot-password"> |
|
|
|
{{ $t('msg.info.signUp.forgotPassword') }} |
|
|
|
{{ $t('msg.info.signUp.forgotPassword') }} |
|
|
|
</nuxt-link> |
|
|
|
</nuxt-link> |
|
|
@ -146,9 +140,9 @@ function resetError() { |
|
|
|
</nuxt-link> |
|
|
|
</nuxt-link> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</a-form> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</a-form> |
|
|
|
|
|
|
|
</NuxtLayout> |
|
|
|
</NuxtLayout> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|