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

translations

This commit is contained in:
saparatayev 2022-09-30 17:44:35 +05:00
parent eb19de5db0
commit b7c0d5b8ff
9 changed files with 163 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/top-bar/Main.vue
View File

@ -8,7 +8,7 @@
<Logo />
<span class="text-white text-lg ml-3">
Türkmenistanyň Döwlet haryt-çig mal biržasy
{{ $t("APP_TITLE") }}
</span>
</a>
<!-- END: Logo -->
@ -25,7 +25,7 @@
</DropdownToggle>
<DropdownMenu class="notification-content pt-2">
<DropdownContent tag="div" class="notification-content__box overflow-y-auto scrollbar-hidden">
<div class="notification-content__title">Notifications</div>
<div class="notification-content__title">{{ $t("NOTIFICATIONS") }}</div>
<div v-for="(ticket, ticketKey) in ticketList" :key="ticketKey"
class="cursor-pointer relative flex items-center" :class="{ 'mt-5': ticketKey }"
@click.capture="goToMessagesList(ticket.id)">
@ -36,11 +36,11 @@
ticket.title
}}</a>
<div class="text-xs text-slate-400 ml-auto whitespace-nowrap">
Created {{ normalizeDate(ticket.created_at) }}
{{ $t("CREATED") }} {{ normalizeDate(ticket.created_at) }}
</div>
</div>
<div class="w-full truncate text-slate-500 mt-0.5">
{{ ticket.content }}
{{ $t("STATUS") }}: {{ ticket.status }}
</div>
</div>
<div v-if="ticket.last_sender === 'admin'"
@ -72,12 +72,12 @@
</DropdownHeader>
<DropdownDivider class="border-white/[0.08]" />
<DropdownItem class="dropdown-item hover:bg-white/5" @click="onProfileUpdate">
<UserIcon class="w-4 h-4 mr-2" />Update Profile
<UserIcon class="w-4 h-4 mr-2" />{{ $t("UPDATE_PROFILE") }}
</DropdownItem>
<DropdownDivider class="border-white/[0.08]" />
<DropdownItem class="dropdown-item hover:bg-white/5" @click="onLogout">
<ToggleRightIcon class="w-4 h-4 mr-2" />
Logout
{{ $t("LOGOUT") }}
</DropdownItem>
</DropdownContent>
</DropdownMenu>

36
src/i18n/en.js
View File

@ -12,4 +12,40 @@ export const locale = {
APPLICATION_PROCESS_DESCRIPTION: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever. When an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. To download the questionnaire, please {0}.",
QUESTIONNAIRE_LINK: 'download this file',
STATUS: "Status",
TICKET_LIST: "Ticket list",
NEW_TICKET_FORM: "New Ticket Form",
CREATED: "Created",
CREATE_TICKET: "Create Ticket",
TMEX_ADMINS_TEAM: "TMEX Administrators Team",
SIMPLE_HELLO: "Hello",
PLEASE_SELECT_TICKET: "Please select a ticket to start messaging.",
TYPE_TICKET_MESSAGE: "Type your ticket message...",
APP_TITLE: "Türkmenistanyň Döwlet haryt-çig mal biržasy",
NOTIFICATIONS: "Notifications",
UPDATE_PROFILE: "Update Profile",
LOGOUT: "Logout",
PERSONAL_INFO: "Personal Information",
FIRSTNAME: "First Name",
ENTER_FIRSTNAME: "Enter firstname",
LASTNAME: "Last Name",
ENTER_LASTNAME: "Enter lastname",
EMAIL: "Email",
ENTER_EMAIL: "Enter Email",
PASSWORD: "Password",
ENTER_PASSWORD: "Enter password",
SAVE: "Save",
TICKET_TITLE: "Title",
TYPE_TICKET_TITLE: "Type ticket title",
TICKET_CATEGORIES: "Categories",
TICKET_CONTENT: "Content",
TYPE_TICKET_CONTENT: "Type ticket content",
DOCUMENTS: "Documents",
PLEASE_UPLOAD_DOCUMENTS: "Please upload all documents",
APPLY: "Apply",
UNDER_APP_TITLE_DESC_ONE: "A few more clicks to sign up to your account.",
UNDER_APP_TITLE_DESC_TWO: "Manage all your e-commerce accounts in one place",
SELECT_COUNTRY: "Select the country",
ACCOUNT_TYPE: "Account type",
ACCOUNT_TYPE_BUSINESS: "Business",
ACCOUNT_TYPE_COMPANY: "Company",
};

36
src/i18n/ru.js
View File

@ -12,4 +12,40 @@ export const locale = {
APPLICATION_PROCESS_DESCRIPTION: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever. When an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. To download the questionnaire, please {0}.",
QUESTIONNAIRE_LINK: 'download this file',
STATUS: "Статус",
TICKET_LIST: "Ticket list",
NEW_TICKET_FORM: "New Ticket Form",
CREATED: "Created",
CREATE_TICKET: "Create Ticket",
TMEX_ADMINS_TEAM: "TMEX Administrators Team",
SIMPLE_HELLO: "Hello",
PLEASE_SELECT_TICKET: "Please select a ticket to start messaging.",
TYPE_TICKET_MESSAGE: "Type your ticket message...",
APP_TITLE: "Türkmenistanyň Döwlet haryt-çig mal biržasy",
NOTIFICATIONS: "Notifications",
UPDATE_PROFILE: "Update Profile",
LOGOUT: "Logout",
PERSONAL_INFO: "Personal Information",
FIRSTNAME: "First Name",
ENTER_FIRSTNAME: "Enter firstname",
LASTNAME: "Last Name",
ENTER_LASTNAME: "Enter lastname",
EMAIL: "Email",
ENTER_EMAIL: "Enter Email",
PASSWORD: "Password",
ENTER_PASSWORD: "Enter password",
SAVE: "Save",
TICKET_TITLE: "Title",
TYPE_TICKET_TITLE: "Type ticket title",
TICKET_CATEGORIES: "Categories",
TICKET_CONTENT: "Content",
TYPE_TICKET_CONTENT: "Type ticket content",
DOCUMENTS: "Documents",
PLEASE_UPLOAD_DOCUMENTS: "Please upload all documents",
APPLY: "Apply",
UNDER_APP_TITLE_DESC_ONE: "A few more clicks to sign up to your account.",
UNDER_APP_TITLE_DESC_TWO: "Manage all your e-commerce accounts in one place",
SELECT_COUNTRY: "Select the country",
ACCOUNT_TYPE: "Account type",
ACCOUNT_TYPE_BUSINESS: "Business",
ACCOUNT_TYPE_COMPANY: "Company",
};

36
src/i18n/tm.js
View File

@ -12,4 +12,40 @@ export const locale = {
APPLICATION_PROCESS_DESCRIPTION: "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever. When an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. To download the questionnaire, please {0}.",
QUESTIONNAIRE_LINK: 'download this file',
STATUS: "Status",
TICKET_LIST: "Ticket list",
NEW_TICKET_FORM: "New Ticket Form",
CREATED: "Created",
CREATE_TICKET: "Create Ticket",
TMEX_ADMINS_TEAM: "TMEX Administrators Team",
SIMPLE_HELLO: "Hello",
PLEASE_SELECT_TICKET: "Please select a ticket to start messaging.",
TYPE_TICKET_MESSAGE: "Type your ticket message...",
APP_TITLE: "Türkmenistanyň Döwlet haryt-çig mal biržasy",
NOTIFICATIONS: "Notifications",
UPDATE_PROFILE: "Update Profile",
LOGOUT: "Logout",
PERSONAL_INFO: "Personal Information",
FIRSTNAME: "First Name",
ENTER_FIRSTNAME: "Enter firstname",
LASTNAME: "Last Name",
ENTER_LASTNAME: "Enter lastname",
EMAIL: "Email",
ENTER_EMAIL: "Enter Email",
PASSWORD: "Password",
ENTER_PASSWORD: "Enter password",
SAVE: "Save",
TICKET_TITLE: "Title",
TYPE_TICKET_TITLE: "Type ticket title",
TICKET_CATEGORIES: "Categories",
TICKET_CONTENT: "Content",
TYPE_TICKET_CONTENT: "Type ticket content",
DOCUMENTS: "Documents",
PLEASE_UPLOAD_DOCUMENTS: "Please upload all documents",
APPLY: "Apply",
UNDER_APP_TITLE_DESC_ONE: "A few more clicks to sign up to your account.",
UNDER_APP_TITLE_DESC_TWO: "Manage all your e-commerce accounts in one place",
SELECT_COUNTRY: "Select the country",
ACCOUNT_TYPE: "Account type",
ACCOUNT_TYPE_BUSINESS: "Business",
ACCOUNT_TYPE_COMPANY: "Company",
};

6
src/views/document/Main.vue
View File

@ -1,11 +1,11 @@
<template>
<div class="intro-y flex items-center mt-8">
<h2 class="text-lg font-medium mr-auto">Documents</h2>
<h2 class="text-lg font-medium mr-auto">{{ $t("DOCUMENTS") }}</h2>
</div>
<div class="grid grid-cols-1 lg:grid-cols-4 gap-x-6 mt-5 pb-20">
<div class="intro-y col-span-1">
<h4 class="text-md font-medium mr-auto pb-2">
Please upload all documents
{{ $t("PLEASE_UPLOAD_DOCUMENTS") }}
</h4>
<div class="pb-6">
<i18n-t keypath="APPLICATION_PROCESS_DESCRIPTION" for="QUESTIONNAIRE_LINK">
@ -60,7 +60,7 @@
</div>
<div class="flex justify-end mt-4" v-if="application.state == 'new'">
<button class="btn btn-primary" @click="apply" :disabled="isApplying">
Apply
{{ $t("APPLY") }}
<LoadingIcon
icon="oval"
color="white"

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

@ -7,7 +7,7 @@
<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
{{ $t("APP_TITLE") }}
</span>
</a>
<div class="my-auto">
@ -19,13 +19,12 @@
<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.
{{ $t("UNDER_APP_TITLE_DESC_ONE") }}
</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
{{ $t("UNDER_APP_TITLE_DESC_TWO") }}
</div>
</div>
</div>
@ -47,8 +46,7 @@
<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("UNDER_APP_TITLE_DESC_ONE") }} {{ $t("UNDER_APP_TITLE_DESC_TWO") }}
</div>
<div class="intro-x mt-8">
<input
@ -56,7 +54,7 @@
v-model.trim="validate.firstname.$model"
class="intro-x login__input form-control py-3 px-4 block"
:class="{ 'border-danger': validate.firstname.$error }"
placeholder="First Name"
:placeholder=" $t('FIRSTNAME') "
/>
<template v-if="validate.firstname.$error">
<div
@ -73,7 +71,7 @@
v-model.trim="validate.lastname.$model"
class="intro-x login__input form-control py-3 px-4 block mt-4"
:class="{ 'border-danger': validate.lastname.$error }"
placeholder="Last Name"
:placeholder=" $t('LASTNAME') "
/>
<template v-if="validate.lastname.$error">
<div
@ -90,7 +88,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
@ -108,7 +106,7 @@
v-model.trim="validate.password.$model"
class="login__input form-control py-3 px-4 block mt-4"
:class="{ 'border-danger': validate.password.$error }"
placeholder="Password"
:placeholder=" $t('PASSWORD') "
name="password"
/>
<EyeIcon
@ -136,7 +134,7 @@
:class="{ 'border-danger': validate.country.$error }"
name="country"
>
<option value="" disabled>Select the country</option>
<option value="" disabled>{{ $t("SELECT_COUNTRY") }}</option>
<template v-if="countries.length">
<option
v-for="country in countries"
@ -158,7 +156,7 @@
</template>
<div class="mt-3">
<label>Account type</label>
<label>{{ $t("ACCOUNT_TYPE") }}</label>
<div class="flex flex-col sm:flex-row mt-2">
<div class="form-check mr-5">
<input
@ -170,7 +168,7 @@
value="business"
/>
<label class="form-check-label" for="radio-switch-4"
>Business</label
>{{ $t("ACCOUNT_TYPE_BUSINESS") }}</label
>
</div>
@ -184,7 +182,7 @@
value="company"
/>
<label class="form-check-label" for="radio-switch-6"
>Company</label
>{{ $t("ACCOUNT_TYPE_COMPANY") }}</label
>
</div>
</div>
@ -198,7 +196,7 @@
@click.prevent="onRegister"
:disabled="isLoading"
>
Register
{{ $t("SIGN_UP") }}
<LoadingIcon
icon="oval"
color="white"
@ -210,7 +208,7 @@
class="btn btn-outline-secondary py-3 px-4 w-full xl:w-32 mt-3 xl:mt-0 align-top"
@click.prevent="onLogin"
>
Sign in
{{ $t("SIGN_IN") }}
</button>
</div>
</div>

28
src/views/tickets/CreateTicket.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="intro-y flex items-center mt-8">
<h2 class="text-lg font-medium mr-auto">Ticket list</h2>
<h2 class="text-lg font-medium mr-auto">{{ $t("TICKET_LIST") }}</h2>
</div>
<div class="grid grid-cols-12 gap-6 mt-5">
<div class="intro-y col-span-12 lg:col-span-6">
@ -16,7 +16,7 @@
dark:border-darkmode-400
"
>
<h2 class="font-medium text-base mr-auto">New Ticket Form</h2>
<h2 class="font-medium text-base mr-auto">{{ $t("NEW_TICKET_FORM") }}</h2>
</div>
<div class="p-5">
<!-- BEGIN: Validation Form -->
@ -24,10 +24,10 @@
<!-- Begin Title -->
<div class="input-form">
<label class="form-label w-full flex flex-col sm:flex-row">
Title
<span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
{{ $t("TICKET_TITLE") }}
<!-- <span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
>Required</span
>
> -->
</label>
<input
type="text"
@ -35,7 +35,7 @@
class="form-control"
:class="{ 'border-danger': validate.title.$error }"
name="title"
placeholder="Type your title"
:placeholder=" $t('TYPE_TICKET_TITLE') "
/>
<template v-if="validate.title.$error">
<div
@ -52,10 +52,10 @@
<!-- Begin Categories -->
<div class="input-form mt-3">
<label class="form-label w-full flex flex-col sm:flex-row">
Categories
<span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
{{ $t("TICKET_CATEGORIES") }}
<!-- <span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
>Required</span
>
> -->
</label>
<select
class="form-select px-4 block sm:mr-2"
@ -90,17 +90,17 @@
<!-- Begin Content -->
<div class="input-form mt-3">
<label class="form-label w-full flex flex-col sm:flex-row">
Content
<span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
{{ $t("TICKET_CONTENT") }}
<!-- <span class="sm:ml-auto mt-1 sm:mt-0 text-xs text-slate-500"
>Required, at least 10 characters</span
>
> -->
</label>
<textarea
v-model.trim="validate.content.$model"
class="form-control"
:class="{ 'border-danger': validate.content.$error }"
name="content"
placeholder="Type your content"
:placeholder=" $t('TYPE_TICKET_CONTENT') "
rows="5"
></textarea>
<template v-if="validate.content.$error">
@ -120,7 +120,7 @@
class="btn btn-primary mt-5"
:disabled="isLoading"
>
Save
{{ $t("SAVE") }}
<LoadingIcon
icon="oval"
color="white"

14
src/views/tickets/Main.vue
View File

@ -1,8 +1,8 @@
<template>
<div class="intro-y flex flex-col sm:flex-row items-center mt-8">
<h2 class="text-lg font-medium mr-auto">Ticket list</h2>
<h2 class="text-lg font-medium mr-auto">{{ $t("TICKET_LIST") }}</h2>
<div class="w-full sm:w-auto flex mt-4 sm:mt-0">
<button class="btn btn-primary shadow-md mr-2" @click="onCreateTicket">Create Ticket</button>
<button class="btn btn-primary shadow-md mr-2" @click="onCreateTicket">{{ $t("CREATE_TICKET") }}</button>
</div>
</div>
@ -22,7 +22,7 @@
<div class="ml-2 overflow-hidden w-full">
<div class="flex items-center justify-between">
<a href="javascript:;" class="font-medium">{{ ticket.title }}</a>
<div class="text-xs text-slate-400 ml-3">Created {{ normalizeDate(ticket.created_at) }}</div>
<div class="text-xs text-slate-400 ml-3">{{ $t('CREATED') }} {{ normalizeDate(ticket.created_at) }}</div>
</div>
<div class="w-full truncate text-slate-500 mt-0.5">
{{ $t('STATUS') }}: {{ ticket.status }}
@ -48,7 +48,7 @@
>
<div class="flex items-center">
<div class="ml-3 mr-auto">
<div class="font-medium text-base">TMEX Administrators Team</div>
<div class="font-medium text-base">{{ $t("TMEX_ADMINS_TEAM") }}</div>
</div>
</div>
</div>
@ -86,7 +86,7 @@
<textarea
class="chat__box__input form-control dark:bg-darkmode-600 h-16 resize-none border-transparent px-5 py-3 shadow-none focus:border-transparent focus:ring-0"
rows="1"
placeholder="Type your message..."
:placeholder=" $t('TYPE_TICKET_MESSAGE') "
v-model="content"
></textarea>
@ -129,10 +129,10 @@
</div>
<div class="mt-3">
<div v-if="user" class="font-medium">
Hello, {{ user.firstname}} {{ user.lastname }}!
{{ $t("SIMPLE_HELLO") }}, {{ user.firstname}} {{ user.lastname }}!
</div>
<div class="text-slate-500 mt-1">
Please select a chat to start messaging.
{{ $t("PLEASE_SELECT_TICKET") }}
</div>
</div>
</div>

22
src/views/update-profile/Main.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="intro-y flex items-center mt-8">
<h2 class="text-lg font-medium mr-auto">Update Profile</h2>
<h2 class="text-lg font-medium mr-auto">{{ $t("UPDATE_PROFILE") }}</h2>
</div>
<div class="grid grid-cols-12 gap-6">
<!-- BEGIN: Profile Menu -->
@ -33,14 +33,14 @@
<div
class="flex items-center p-5 border-b border-slate-200/60 dark:border-darkmode-400"
>
<h2 class="font-medium text-base mr-auto">Personal Information</h2>
<h2 class="font-medium text-base mr-auto">{{ $t("PERSONAL_INFO") }}</h2>
</div>
<div class="p-5">
<div class="grid grid-cols-12 gap-x-5">
<div class="col-span-12 xl:col-span-6">
<div>
<label for="update-profile-form-1" class="form-label"
>First Name</label
>{{ $t("FIRSTNAME") }}</label
>
<input
id="update-profile-form-1"
@ -48,7 +48,7 @@
v-model.trim="validate.firstname.$model"
:class="{ 'border-danger': validate.firstname.$error }"
class="form-control"
placeholder="Input text"
:placeholder=" $t('ENTER_FIRSTNAME') "
/>
<template v-if="validate.firstname.$error">
<div
@ -62,7 +62,7 @@
</div>
<div class="mt-3">
<label for="update-profile-form-2" class="form-label"
>Last Name</label
>{{ $t("LASTNAME") }}</label
>
<input
id="update-profile-form-2"
@ -70,7 +70,7 @@
v-model.trim="validate.lastname.$model"
:class="{ 'border-danger': validate.lastname.$error }"
class="form-control"
placeholder="Input text"
:placeholder=" $t('ENTER_LASTNAME') "
/>
<template v-if="validate.lastname.$error">
<div
@ -88,20 +88,20 @@
<div class="col-span-12 xl:col-span-6">
<div>
<label for="update-profile-form-3" class="form-label"
>Email</label
>{{ $t("EMAIL") }}</label
>
<input
id="update-profile-form-3"
type="text"
v-model.trim="formData.email"
class="form-control"
placeholder="Input text"
:placeholder=" $t('ENTER_EMAIL') "
disabled
/>
</div>
<div class="mt-3 xl:mt-3">
<label for="update-profile-form-4" class="form-label"
>Password</label
>{{ $t("PASSWORD") }}</label
>
<div class="relative">
<input
@ -111,7 +111,7 @@
:class="{ 'border-danger': validate.password.$error }"
name="password"
class="form-control"
placeholder="Input text"
:placeholder=" $t('ENTER_PASSWORD') "
/>
<EyeIcon
class="block mx-auto absolute top-1/2 transform -translate-y-1/2 right-3 text-slate-400 cursor-pointer"
@ -134,7 +134,7 @@
</div>
<div class="flex justify-end mt-4">
<button type="button" class="btn btn-primary w-20 mr-auto" @click.prevent="save" :disabled="isLoading">
Save
{{ $t("SAVE") }}
<LoadingIcon
icon="oval"
color="white"