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

developed

This commit is contained in:
Komek Hayytnazarov 2022-11-03 13:28:08 +05:00
parent 6cd9da49bf
commit 051bbe8ac5
4 changed files with 62 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/i18n/ru.js
View File

@ -5,12 +5,14 @@ export const locale = {
SIGN_IN: "Войти",
SIGN_UP: "Зарегистрироваться",
REQUIRED: "Обязательное поле",
ACCOUNT: "Информация о юридическом лице",
ACCOUNT_BUSINESS_TITLE: "Информация о предпринимателе",
ACCOUNT_COMPANY_TITLE: "Информация о юридическом лице",
SUPPORT: "Связь с админом",
FILE_MAX_SIZE: "Максимальный размер файла {size} Kb.",
FILE_ALLOWED_TYPES: "Тип файла должен быть {file_types}.",
APPLICATION_PROCESS_DESCRIPTION: "Чтобы скачать файл, нажмите на него.",
APPLICATION_PROCESS_DESCRIPTION_TWO: "Воспользуйтесь значком «і» слева от документа, чтобы получить разъяснения о нем.",
APPLICATION_PROCESS_DESCRIPTION_TWO:
"Воспользуйтесь значком «і» слева от документа, чтобы получить разъяснения о нем.",
QUESTIONNAIRE_LINK: "Скачайте вопросник",
STATUS: "Статус",
TICKET_LIST: "Список обращений",
@ -19,7 +21,8 @@ export const locale = {
CREATE_TICKET: "Создать обращение",
TMEX_ADMINS_TEAM: "Команда администраторов TMEX",
SIMPLE_HELLO: "Добро пожаловать",
PLEASE_SELECT_TICKET: "Создайте новое или выберите обращение из списка слева, чтобы продолжить общение или просмотреть историю диалога.",
PLEASE_SELECT_TICKET:
"Создайте новое или выберите обращение из списка слева, чтобы продолжить общение или просмотреть историю диалога.",
TYPE_TICKET_MESSAGE: "Type your ticket message...",
APP_TITLE: "Государственная товарно-сырьевая биржа Туркменистана",
NOTIFICATIONS: "Уведомления",
@ -41,7 +44,8 @@ export const locale = {
TICKET_CONTENT: "Сообщение",
TYPE_TICKET_CONTENT: "Текст сообщения",
DOCUMENTS: "Документы для скачивания",
PLEASE_UPLOAD_DOCUMENTS: "Скачайте образцы документов. Заполните их и загрузите в список необходимых файлов, представленный справа.",
PLEASE_UPLOAD_DOCUMENTS:
"Скачайте образцы документов. Заполните их и загрузите в список необходимых файлов, представленный справа.",
APPLY: "Отправить",
UNDER_APP_TITLE_DESC_ONE: "Добро пожаловать в личный кабинет",
UNDER_APP_TITLE_DESC_TWO:
@ -121,9 +125,10 @@ export const locale = {
TYPE_TOKEN: "Введите код, отправленный на Ваш Email",
NEW_PASSWORD: "Новый пароль",
LEG_WARN_INFO: "Чтобы получить номер регистрации, подайте документы онлайн, нажав кнопку «Подать заявку». Обратите внимание, что кнопка активна только когда заполнены все поля в разделах «Профиль», «Контактная информация», «Банковские счета».",
LEG_WARN_INFO:
"Чтобы получить номер регистрации, подайте документы онлайн, нажав кнопку «Подать заявку». Обратите внимание, что кнопка активна только когда заполнены все поля в разделах «Профиль», «Контактная информация», «Банковские счета».",
WANR: "Предупреждение",
WARN: "Предупреждение",
TOKEN: "Токен",
VERIFY_EMAIL: "Подтвердите Email",
APPLICATION_APPLIED: "Ваша заявка на рассмотреннии",
@ -137,7 +142,9 @@ export const locale = {
NAME_QUESTIONNAIRE_FILE: "Вопросник",
NAME_LETTER_FILE: "Письмо",
DOCUMENTS_TWO: "Онлайн подача заявки на регистрацию",
PLEASE_UPLOAD_DOCUMENTS_TWO: "Загрузите все необходимые документы из списка, чтобы подать заявку на регистрацию. Затем нажмите кнопку «Отправить». <br> Будьте внимательны при заполнении, от этого напрямую зависит срок Вашей регистрации.",
RECAPTCHA_TOKEN_REQUIRED: "reCaptcha: Token required. The page will be refreshed in 5 seconds",
PLEASE_UPLOAD_DOCUMENTS_TWO:
"Загрузите все необходимые документы из списка, чтобы подать заявку на регистрацию. Затем нажмите кнопку «Отправить». <br> Будьте внимательны при заполнении, от этого напрямую зависит срок Вашей регистрации.",
RECAPTCHA_TOKEN_REQUIRED:
"reCaptcha: Token required. The page will be refreshed in 5 seconds",
RECAPTCHA_TOKEN_VERIFICATION_FAILED: "Bot ineterference attempt",
};

6
src/i18n/tm.js
View File

@ -5,7 +5,8 @@ export const locale = {
SIGN_IN: "Giriň",
SIGN_UP: "Hasap dörediň",
REQUIRED: "Hökmany",
ACCOUNT: "Hasabym",
ACCOUNT_BUSINESS_TITLE: "Информация о предпринимателе",
ACCOUNT_COMPANY_TITLE: "Информация о юридическом лице",
SUPPORT: "Goldaw",
FILE_MAX_SIZE: "Faýl {size} Kb-dan uly bolmaly däl.",
FILE_ALLOWED_TYPES: "Faýlyň görnüşi {file_types} bolmaly.",
@ -138,6 +139,7 @@ export const locale = {
NAME_LETTER_FILE: "Letter",
DOCUMENTS_TWO: "This is documents section",
PLEASE_UPLOAD_DOCUMENTS_TWO: "Here you can upload all documents",
RECAPTCHA_TOKEN_REQUIRED: "reCaptcha: Token required. The page will be refreshed in 5 seconds",
RECAPTCHA_TOKEN_REQUIRED:
"reCaptcha: Token required. The page will be refreshed in 5 seconds",
RECAPTCHA_TOKEN_VERIFICATION_FAILED: "Bot ineterference attempt",
};

8
src/layouts/top-menu/Main.vue
View File

@ -111,4 +111,10 @@ onMounted(() => {
dom("body").removeClass("error-page").removeClass("login").addClass("main");
formattedMenu.value = $h.toRaw(topMenu.value);
});
</script>
</script>
<style scoped>
.top-nav > ul li ul {
width: unset;
}
</style>

69
src/views/profile/Main.vue
View File

@ -1,12 +1,15 @@
<template>
<div class="intro-y flex items-center mt-8">
<h2 class="text-lg text-black font-medium mr-auto">{{ $t("ACCOUNT") }}</h2>
<h2 v-if="accountType == 'company'" class="text-lg text-black font-medium mr-auto">{{ $t("ACCOUNT_COMPANY_TITLE") }}
</h2>
<h2 v-if="accountType == 'business'" class="text-lg text-black font-medium mr-auto">{{ $t("ACCOUNT_BUSINESS_TITLE")
}}</h2>
</div>
<div class="intro-y grid grid-cols-1 lg:grid-cols-2 gap-6 mt-5">
<!-- BEGIN: Company -->
<PreviewComponent v-if="accountType == 'company'" class="intro-y box flex flex-col">
<div class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
<h2 class="font-medium text-base mr-auto">{{$t("PROFILE")}}</h2>
<h2 class="font-medium text-base mr-auto">{{ $t("PROFILE") }}</h2>
<div class="form-check form-switch w-full sm:w-auto sm:ml-auto mt-3 sm:mt-0 text-center">
<a href="javascript:;" @click.prevent="onEdit(accountType, profile)" class="btn btn-primary">
<EditIcon class="w-4 h-4 mr-3" /> {{ $t('EDIT') }}
@ -18,33 +21,33 @@
<div class="flex-1">
<!-- Begin first column -->
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("NAME")}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t("NAME") }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.name }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("SHORT_NAME")}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t("SHORT_NAME") }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.short_name }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("REG_NUMBER")}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t("REG_NUMBER") }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.registration_number }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("REG_DATE")}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t("REG_DATE") }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ formattedDate }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("REG_AGENCY")}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t("REG_AGENCY") }}:</div>
<div class="sm:w-3/4 sm:pl-3">
{{ profile.state_registration_agency }}
</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("REG_PLACE")}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t("REG_PLACE") }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.registration_place }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t("REG_ADDR")}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t("REG_ADDR") }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.registration_address }}</div>
</div>
@ -61,7 +64,7 @@
<!-- BEGIN: Entrepreneur -->
<PreviewComponent v-else="accountType == 'business'" class="intro-y box flex flex-col">
<div class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
<h2 class="font-medium text-base mr-auto">{{$t('PROFILE')}}</h2>
<h2 class="font-medium text-base mr-auto">{{ $t('PROFILE') }}</h2>
<div class="form-check form-switch w-full sm:w-auto sm:ml-auto mt-3 sm:mt-0 text-center">
<a href="javascript:;" @click.prevent="onEdit(accountType, profile)" class="btn btn-primary">
<EditIcon class="w-4 h-4 mr-3" /> {{ $t('EDIT') }}
@ -74,31 +77,31 @@
<div class="flex-1">
<!-- Begin first column -->
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('SURNAME')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('SURNAME') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.surname }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('NAME')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('NAME') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.name }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('DOB')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('DOB') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ formattedDate }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('POB')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('POB') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.birth_place }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('PNAME')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('PNAME') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.patronomic_name }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('CITIZENSHIP')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('CITIZENSHIP') }}:</div>
<div v-if="profile && profile.citizenship" class="sm:w-3/4 sm:pl-3">{{ profile.citizenship.name }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('REG_ADDR')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('REG_ADDR') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ profile.registration_address }}</div>
</div>
</div>
@ -114,7 +117,7 @@
<!-- BEGIN: Contacts -->
<PreviewComponent class="intro-y box flex flex-col">
<div class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
<h2 class="font-medium text-base mr-auto">{{ $t('CONTACTS')}}</h2>
<h2 class="font-medium text-base mr-auto">{{ $t('CONTACTS') }}</h2>
<div class="form-check form-switch w-full sm:w-auto sm:ml-auto mt-3 sm:mt-0 text-center">
<a href="javascript:;" @click.prevent="onEdit(`contacts`, contacts)" class="btn btn-primary">
<EditIcon class="w-4 h-4 mr-3" />
@ -127,19 +130,19 @@
<div class="flex-1">
<!-- Begin column -->
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('ADDRESS')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('ADDRESS') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ contacts.address }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('PHONE')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('PHONE') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ contacts.phone }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('FAX')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('FAX') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ contacts.fax }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('EMAIL')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('EMAIL') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ contacts.email }}</div>
</div>
</div>
@ -152,7 +155,7 @@
<!-- BEGIN: Bank -->
<PreviewComponent class="intro-y box flex flex-col">
<div class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
<h2 class="font-medium text-base mr-auto">{{ $t('BANK')}}</h2>
<h2 class="font-medium text-base mr-auto">{{ $t('BANK') }}</h2>
<div class="form-check form-switch w-full sm:w-auto sm:ml-auto mt-3 sm:mt-0 text-center">
<a href="javascript:;" @click.prevent="onEdit(`bank-account`, bankAccount)" class="btn btn-primary">
<EditIcon class="w-4 h-4 mr-3" /> {{ $t('EDIT') }}
@ -164,23 +167,23 @@
<div class="flex-1">
<!-- Begin column -->
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('BANK_NAME')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('BANK_NAME') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ bankAccount.bank_name }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('COUNTRY')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('COUNTRY') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ bankAccount.country }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('ACC_NUMBER')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('ACC_NUMBER') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ bankAccount.account_number }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('ACC_DATE')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('ACC_DATE') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ bankAccount.account_date }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{ $t('CURRENCY')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('CURRENCY') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ bankAccount.currency }}</div>
</div>
</div>
@ -193,10 +196,10 @@
<!-- BEGIN: Legalization -->
<PreviewComponent class="intro-y box flex flex-col">
<div class="flex flex-col sm:flex-row items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400">
<h2 class="font-medium text-base mr-auto">{{$t('LEGALIZATION')}}</h2>
<h2 class="font-medium text-base mr-auto">{{ $t('LEGALIZATION') }}</h2>
<div class="form-check form-switch w-full sm:w-auto sm:ml-auto mt-3 sm:mt-0 text-center">
<a href="javascript:;" @click.prevent="onLegalBtnTapped" class="btn btn-primary">
<EditIcon class="w-4 h-4 mr-3" /> {{$t(legalBtnTitle) }}
<EditIcon class="w-4 h-4 mr-3" /> {{ $t(legalBtnTitle) }}
<LoadingIcon icon="oval" color="white" class="w-4 h-4 ml-2" v-if="isLegalBtnLoading" />
</a>
</div>
@ -206,11 +209,11 @@
<div class="flex-1">
<!-- Begin column -->
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t('LEG_NUM')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('LEG_NUM') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ legalNumber }}</div>
</div>
<div class="sm:flex m-2 items-center">
<div class="sm:w-1/4 font-medium">{{$t('EXP_DATE')}}:</div>
<div class="sm:w-1/4 font-medium">{{ $t('EXP_DATE') }}:</div>
<div class="sm:w-3/4 sm:pl-3">{{ legalExpiresAt }}</div>
</div>
</div>
@ -219,7 +222,7 @@
</div>
<div v-if="!legalNumber" class="flex flex-row items-center p-5">
<InfoIcon class="w-6 h-6 w-14 text-danger mr-4" />
<span class="font-medium text-danger">{{$t('LEG_WARN_INFO')}}</span>
<span class="font-medium text-danger">{{ $t('LEG_WARN_INFO') }}</span>
</div>
</PreviewComponent>
<!-- END: Legalization -->