new language

This commit is contained in:
VividTruthKeeper 2022-09-15 17:34:04 +05:00
parent e03739837f
commit 5dc4f715af
1 changed files with 158 additions and 31 deletions

View File

@ -49,7 +49,13 @@ const CreditStage4 = ({ setStage, data, setData }) => {
<div className="card-stage-3-top">
<div className="input-block">
<label htmlFor="workplace">
{locale === "TKM" ? "Iş ýeri" : "Место работы"}
{locale === "TKM"
? "Iş ýeri"
: locale === "РУС"
? "Место работы"
: locale === "ENG"
? "Place of work"
: "Iş ýeri"}
<span>*</span>
</label>
<input
@ -65,7 +71,13 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="salary">
{locale === "TKM" ? "Aýlyk haky" : "Сумма зарплаты"}
{locale === "TKM"
? "Aýlyk haky"
: locale === "РУС"
? "Сумма зарплаты"
: locale === "ENG"
? "Amount of salary"
: "Aýlyk haky"}
<span>*</span>
</label>
<input
@ -81,7 +93,13 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="position">
{locale === "TKM" ? "Wezipesi" : "Должность"}
{locale === "TKM"
? "Wezipesi"
: locale === "РУС"
? "Должность"
: locale === "ENG"
? "Job title"
: "Wezipesi"}
<span>*</span>
</label>
<input
@ -98,7 +116,12 @@ const CreditStage4 = ({ setStage, data, setData }) => {
<label htmlFor="experience">
{locale === "TKM"
? "Soňky iş ýeri boýunça tejribe"
: "Стаж с последнего места работы"}
: locale === "РУС"
? "Стаж с последнего места работы"
: locale === "ENG"
? "Length of service from last job"
: "Soňky iş ýeri boýunça tejribe"}
<span>*</span>
</label>
<input
@ -106,7 +129,15 @@ const CreditStage4 = ({ setStage, data, setData }) => {
id="experience"
name="experience"
defaultValue={inputValid.experience}
placeholder={locale === "TKM" ? "6 aýdan köp" : "Более 6 месяцев"}
placeholder={
locale === "TKM"
? "6 aýdan köp"
: locale === "РУС"
? "Более 6 месяцев"
: locale === "ENG"
? "More than 6 months"
: "6 aýdan köp"
}
onChange={(e) => {
setInputValid({ ...inputValid, experience: e.target.value });
}}
@ -114,24 +145,47 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="region">
{locale === "TKM" ? "Welaýat" : "Регион"}
{locale === "TKM"
? "Welaýat"
: locale === "РУС"
? "Регион"
: locale === "ENG"
? "Region"
: "Welaýat"}
<span>*</span>
</label>
<CustomSelect
items={locale === "TKM" ? branch.regions.TKM : branch.regions.RUS}
items={
locale === "TKM"
? branch.regions.TKM
: locale === "РУС"
? branch.regions.RUS
: locale === "ENG"
? branch.regions.ENG
: branch.regions.TKM
}
customId={"region"}
blockName={"card-3-select"}
elName={"card-3-select-el"}
name={"region"}
placeholder={
locale === "TKM" ? "Welaýaty saýlaň" : "Выберите регион"
locale === "TKM"
? "Welaýaty saýlaň"
: locale === "РУС"
? "Выберите регион"
: locale === "ENG"
? "Choose region"
: "Welaýaty saýlaň"
}
stateSetter={(state) => {
setInputValid({ ...inputValid, region: state });
if (state) {
const index = branch.regions.RUS.findIndex(
(e) => e === state
);
let index;
if (locale === "РУС") {
index = branch.regions.RUS.findIndex((e) => e === state);
} else if (locale === "ENG") {
index = branch.regions.ENG.findIndex((e) => e === state);
}
if (index === -1) {
setInputLocal({ ...inputLocal, region: state });
} else {
@ -148,41 +202,77 @@ const CreditStage4 = ({ setStage, data, setData }) => {
</div>
<div className="input-block">
<label htmlFor="affiliate">
{locale === "TKM" ? "Filial" : "Филиал"}
{locale === "TKM"
? "Filial"
: locale === "РУС"
? "Филиал"
: locale === "ENG"
? "Branch"
: "Filial"}
<span>*</span>
</label>
<CustomSelect
items={
inputValid.region === "Город Ашхабад" ||
inputValid.region === "Ashgabat city" ||
inputValid.region === "Aşgabat şäheri"
? locale === "TKM"
? branch.Ashgabat.TKM
: branch.Ashgabat.RUS
: locale === "РУС"
? branch.Ashgabat.RUS
: locale === "ENG"
? branch.Ashgabat.ENG
: branch.Ashgabat.TKM
: inputValid.region === "Ахалский регион" ||
inputValid.region === "Akhal region" ||
inputValid.region === "Ahal"
? locale === "TKM"
? branch.Ahal.TKM
: branch.Ahal.RUS
: locale === "РУС"
? branch.Ahal.RUS
: locale === "ENG"
? branch.Ahal.ENG
: branch.Ahal.TKM
: inputValid.region === "Балканский регион" ||
inputValid.region === "Balkan region" ||
inputValid.region === "Balkan"
? locale === "TKM"
? branch.Balkan.TKM
: branch.Balkan.RUS
: locale === "РУС"
? branch.Balkan.RUS
: locale === "ENG"
? branch.Balkan.ENG
: branch.Balkan.TKM
: inputValid.region === "Дашогузский регион" ||
inputValid.region === "Dashoguz region" ||
inputValid.region === "Daşoguz"
? locale === "TKM"
? branch.Dashoguz.TKM
: branch.Dashoguz.RUS
: locale === "РУС"
? branch.Dashoguz.RUS
: locale === "ENG"
? branch.Dashoguz.ENG
: branch.Dashoguz.TKM
: inputValid.region === "Лебапский регион" ||
inputValid.region === "Lebap region" ||
inputValid.region === "Lebap"
? locale === "TKM"
? branch.Lebap.TKM
: branch.Lebap.RUS
: locale === "РУС"
? branch.Lebap.RUS
: locale === "ENG"
? branch.Lebap.ENG
: branch.Lebap.TKM
: inputValid.region === "Марыйский регион" ||
inputValid.region === "Mary region" ||
inputValid.region === "Mary"
? locale === "TKM"
? branch.Mary.TKM
: branch.Mary.RUS
: locale === "РУС"
? branch.Mary.RUS
: locale === "ENG"
? branch.Mary.ENG
: branch.Mary.TKM
: [""]
}
customId={"affiliate"}
@ -191,25 +281,48 @@ const CreditStage4 = ({ setStage, data, setData }) => {
defaultValue={inputValid.affiliate}
name={"affiliate"}
placeholder={
locale === "TKM" ? "Filialy saýlaň" : "Выберите филиал"
locale === "TKM"
? "Filialy saýlaň"
: locale === "РУС"
? "Выберите филиал"
: locale === "ENG"
? "Choose branch"
: "Filialy saýlaň"
}
stateSetter={(state) => {
setInputValid({ ...inputValid, affiliate: state });
if (state && inputLocal.region) {
console.log(inputLocal.region);
let index;
if (inputLocal.region === "Aşgabat şäheri") {
index = branch["Ashgabat"].RUS.findIndex(
(e) => e === state
);
if (locale === "РУС") {
index = branch["Ashgabat"].RUS.findIndex(
(e) => e === state
);
} else if (locale === "ENG") {
index = branch["Ashgabat"].ENG.findIndex(
(e) => e === state
);
}
} else if (inputLocal.region === "Daşoguz") {
index = branch["Dashoguz"].RUS.findIndex(
(e) => e === state
);
if (locale === "РУС") {
index = branch["Dashoguz"].RUS.findIndex(
(e) => e === state
);
} else if (locale === "ENG") {
index = branch["Dashoguz"].ENG.findIndex(
(e) => e === state
);
}
} else {
index = branch[inputLocal.region].RUS.findIndex(
(e) => e === state
);
if (locale === "РУС") {
index = branch[inputLocal.region].RUS.findIndex(
(e) => e === state
);
} else if (locale === "ENG") {
index = branch[inputLocal.region].ENG.findIndex(
(e) => e === state
);
}
}
if (index === -1) {
@ -255,7 +368,13 @@ const CreditStage4 = ({ setStage, data, setData }) => {
setStage(3);
}}
>
{locale === "TKM" ? "Yza" : "Назад"}
{locale === "TKM"
? "Yza"
: locale === "РУС"
? "Назад"
: locale === "ENG"
? "Back"
: "Yza"}
</h3>
</div>
</button>
@ -279,7 +398,15 @@ const CreditStage4 = ({ setStage, data, setData }) => {
}}
>
<div>
<h3>{locale === "TKM" ? "Dowam et" : "Продолжить"}</h3>
<h3>
{locale === "TKM"
? "Dowam et"
: locale === "РУС"
? "Продолжить"
: locale === "ENG"
? "Proceed"
: "Dowam et"}
</h3>
<div className="btn-img">
<img src={next} alt="logout" />
</div>