translations ýerify-email

This commit is contained in:
saparatayev 2022-10-04 17:07:10 +05:00
parent 53984d8f84
commit 15a54f61b3
5 changed files with 23 additions and 37 deletions

View File

@ -124,4 +124,6 @@ export const locale = {
LEG_WARN_INFO:
"Чтобы подать документы онлайн, заполните все поля в разделах: Профиль, Контактная информация и Банковские счета",
WARN: "Warning",
TOKEN: "Token",
VERIFY_EMAIL: "Verify email",
};

View File

@ -125,4 +125,6 @@ export const locale = {
"Чтобы подать документы онлайн, заполните все поля в разделах: Профиль, Контактная информация и Банковские счета",
WANR: "Предупреждение",
TOKEN: "Токен",
VERIFY_EMAIL: "Подтвердите Email",
};

View File

@ -124,4 +124,6 @@ export const locale = {
LEG_WARN_INFO:
"Чтобы подать документы онлайн, заполните все поля в разделах: Профиль, Контактная информация и Банковские счета",
WARN: "Duýduryş",
TOKEN: "Token",
VERIFY_EMAIL: "Email tassyklaň",
};

View File

@ -1,36 +1,9 @@
<template>
<div>
<div class="container sm:px-10">
<div class="container">
<div class="block xl:grid grid-cols-2 gap-4">
<!-- BEGIN: Register Info -->
<div class="hidden xl:flex flex-col min-h-screen">
<a href="" class="-intro-x flex items-center pt-5">
<img
alt="Midone Tailwind HTML Admin Template"
class="w-6"
src="@/assets/images/logo.svg"
/>
<span class="text-white text-lg ml-3"> Icewall </span>
</a>
<div class="my-auto">
<img
alt="Midone Tailwind HTML Admin Template"
class="-intro-x w-1/2 -mt-16"
src="@/assets/images/illustration.svg"
/>
<div
class="-intro-x text-white font-medium text-4xl leading-tight mt-10"
>
A few more clicks to <br />
sign up to your account.
</div>
<div
class="-intro-x mt-5 text-lg text-white text-opacity-70 dark:text-slate-400"
>
Manage all your e-commerce accounts in one place
</div>
</div>
</div>
<LogoInfo />
<!-- END: Register Info -->
<!-- BEGIN: Register Form -->
<div class="h-screen xl:h-auto flex py-5 xl:py-0 my-10 xl:my-0">
@ -40,13 +13,12 @@
<h2
class="intro-x font-bold text-2xl xl:text-3xl text-center xl:text-left"
>
Verify Email
{{ $t('VERIFY_EMAIL') }}
</h2>
<div
class="intro-x mt-2 text-slate-400 dark:text-slate-400 xl:hidden text-center"
>
A few more clicks to sign in to your account. Manage all your
e-commerce accounts in one place
{{$t('SING_IN_MOTIVATION_MOBILE')}}
</div>
<div class="intro-x mt-8">
@ -55,7 +27,7 @@
v-model.trim="validate.email.$model"
class="intro-x login__input form-control py-3 px-4 block mt-4"
:class="{ 'border-danger': validate.email.$error }"
placeholder="Email"
:placeholder=" $t('EMAIL') "
/>
<template v-if="validate.email.$error">
<div
@ -73,7 +45,7 @@
v-model.trim="validate.token.$model"
class="login__input form-control py-3 px-4 block mt-4"
:class="{ 'border-danger': validate.token.$error }"
placeholder="Token"
:placeholder=" $t('TOKEN') "
name="token"
/>
</div>
@ -90,11 +62,11 @@
<div class="intro-x mt-5 xl:mt-8 text-center xl:text-left">
<button
class="btn btn-primary py-3 px-4 w-full xl:w-32 xl:mr-3 align-top"
class="btn btn-primary py-3 px-4 xl:mr-3 align-top w-full xl:w-auto custom-btns"
@click.prevent="verifyEmail"
:disabled="isLoading"
>
Register
{{ $t("SIGN_UP") }}
<LoadingIcon
icon="oval"
color="white"
@ -102,6 +74,10 @@
v-if="isLoading"
/>
</button>
<button class="btn btn-outline-secondary py-3 px-4 mt-3 xl:mt-0 align-top w-full xl:w-auto custom-btns"
@click.prevent="onLogin">
{{ $t("SIGN_IN") }}
</button>
</div>
</div>
</div>
@ -115,6 +91,8 @@
<script setup>
import { onMounted, reactive, toRefs, ref } from "vue";
import dom from "@left4code/tw-starter/dist/js/dom";
import LogoInfo from "@/components/logo-info/Main.vue";
import router from "@/router";
import {
required,
minLength,
@ -160,6 +138,8 @@ const verifyEmail = async () => {
}
};
const onLogin = () => router.push({ path: "/login" });
onMounted(() => {
dom("body").removeClass("main").removeClass("error-page").addClass("login");
});

View File

@ -18,7 +18,7 @@
</div>
<div class="intro-x mt-2 text-slate-400 dark:text-slate-400 xl:hidden text-center">
{{ $t("UNDER_APP_TITLE_DESC_ONE") }} {{ $t("UNDER_APP_TITLE_DESC_TWO") }}
{{$t('SING_IN_MOTIVATION_MOBILE')}}
</div>
<div class="intro-x mt-8">
<input type="text" v-model.trim="validate.firstname.$model"