TPS
/
birzha-legalizasia-frontend
5
0
Fork 0
Code Issues 4 Pull Requests Projects 1 Releases Wiki Activity

added LOGOInfo component

This commit is contained in:
Komek Hayytnazarov 2022-10-04 16:02:00 +05:00
parent 52f2786762
commit aeb60817d7
5 changed files with 36 additions and 64 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/components/logo-info/Main.vue Normal file
View File

@ -0,0 +1,27 @@
<template>
<!-- BEGIN: Login Info -->
<div class="hidden xl:flex flex-col min-h-screen">
<a href="" class="-intro-x flex items-center pt-5">
<Logo />
<span class="text-white text-lg ml-3 w-[50%]">
{{$t('APP_TITLE')}}
</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 w-[80%]">
{{$t('UNDER_APP_TITLE_DESC_ONE')}}
</div>
<div class="-intro-x mt-5 text-lg text-white text-opacity-70 dark:text-slate-400 w-[70%]">
{{ $t("UNDER_APP_TITLE_DESC_TWO") }}
</div>
</div>
</div>
<!-- END: Login Info -->
</template>
<script setup>
import Logo from "@/components/logo/Main.vue";
</script>

6
src/i18n/ru.js
View File

@ -44,8 +44,8 @@ export const locale = {
PLEASE_UPLOAD_DOCUMENTS: "Пожалуйста, загрузите все документы",
APPLY: "Отправить",
UNDER_APP_TITLE_DESC_ONE: "Добро пожаловать в личный кабинет",
UNDER_APP_TITLE_DESC_TWO: "Здесь вы можете подать документы на ",
UNDER_APP_TITLE_DESC_TWO_LINE: "легализацию и отслеживать статус контрактов",
UNDER_APP_TITLE_DESC_TWO:
"Здесь вы можете подать документы на легализацию и отслеживать статус контрактов",
SELECT_COUNTRY: "Выберите страну",
ACCOUNT_TYPE: "Выберете тип аккаунта",
ACCOUNT_TYPE_BUSINESS: "Предприниматель",
@ -100,8 +100,6 @@ export const locale = {
TERMS_AND_CONDITIONS: "Terms and Conditions",
PRIVACY_LEGACY: "Privacy Legacy",
BY_SIGN_UP: "By signing up, you agree to our",
SIGN_IN_MOTIVATION: "Добро пожаловать",
SING_IN_MOTIVATION_RIGHT: "в личный кабинет.",
SING_IN_MOTIVATION_MOBILE:
"Добро пожаловать в личный кабинет. Здесь вы можете подать документы на легализацию и отслеживать статус контрактов",
MANAGE_DOCS: "",

23
src/views/login/Main.vue
View File

@ -3,27 +3,7 @@
<div class="container">
<div class="block xl:grid grid-cols-2 gap-4">
<!-- BEGIN: Login Info -->
<div class="hidden xl:flex flex-col min-h-screen">
<a href="" class="-intro-x flex items-center pt-5">
<Logo />
<span class="text-white text-lg ml-3">
{{$t('APP_TITLE')}}
</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">
{{$t('SIGN_IN_MOTIVATION')}} <br />
{{$t('SING_IN_MOTIVATION_RIGHT')}}
</div>
<div class="-intro-x mt-5 text-lg text-white text-opacity-70 dark:text-slate-400">
{{ $t("UNDER_APP_TITLE_DESC_TWO") }} <br />
{{ $t("UNDER_APP_TITLE_DESC_TWO_LINE") }}
</div>
</div>
</div>
<LogoInfo />
<!-- END: Login Info -->
<!-- BEGIN: Login Form -->
@ -102,6 +82,7 @@ import { useAuthStore } from "@/stores";
import { useI18n } from 'vue-i18n';
import router from "@/router";
import Logo from "@/components/logo/Main.vue";
import LogoInfo from "@/components/logo-info/Main.vue";
import Lang from "@/components/lang/Main.vue";
const { t } = useI18n({});

23
src/views/register/Main.vue
View File

@ -3,27 +3,9 @@
<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">
<Logo />
<span class="text-white text-lg ml-3">
{{ $t("APP_TITLE") }}
</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">
{{$t('SIGN_IN_MOTIVATION')}} <br />
{{$t('SING_IN_MOTIVATION_RIGHT')}}
</div>
<div class="-intro-x mt-5 text-lg text-white text-opacity-70 dark:text-slate-400">
{{ $t("UNDER_APP_TITLE_DESC_TWO") }} <br />
{{ $t("UNDER_APP_TITLE_DESC_TWO_LINE") }}
</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">
<div
@ -149,6 +131,7 @@ import { useAuthStore, useCountriesStore } from '@/stores'
import { storeToRefs } from 'pinia';
import router from "@/router";
import Logo from "@/components/logo/Main.vue";
import LogoInfo from "@/components/logo-info/Main.vue";
import Lang from "@/components/lang/Main.vue";
import { useI18n } from 'vue-i18n';

21
src/views/update-password/Main.vue
View File

@ -3,25 +3,7 @@
<div class="container sm:px-10">
<div class="block xl:grid grid-cols-2 gap-4">
<!-- BEGIN: Login Info -->
<div class="hidden xl:flex flex-col min-h-screen">
<a href="" class="-intro-x flex items-center pt-5">
<Logo />
<span class="text-white text-lg ml-3">
Türkmenistanyň Döwlet haryt-çig mal biržasy
</span>
</a>
<div class="my-auto">
<img alt="" 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">
{{$t('SIGN_IN_MOTIVATION')}} <br />
{{$t('SING_IN_MOTIVATION_RIGHT')}}
</div>
<div class="-intro-x mt-5 text-lg text-white text-opacity-70 dark:text-slate-400">
{{$t('MANAGE_DOCS')}}
</div>
</div>
</div>
<LogoInfo />
<!-- END: Login Info -->
<!-- BEGIN: Login Form -->
@ -105,6 +87,7 @@ import { useAlertStore } from "@/stores";
import { useI18n } from 'vue-i18n';
import router from "@/router";
import Logo from "@/components/logo/Main.vue";
import LogoInfo from "@/components/logo-info/Main.vue";
import { fetchWrapper } from "@/api";
const baseUrl = `${import.meta.env.VITE_API_URL}/api`;