IO-2816 Unsaved Changes on Manual Job Creation
Correct Hardcoded button labels Signed-off-by: Allan Carr <allan.carr@thinkimex.com>
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
import { Button, Result, Space, Steps } from "antd";
|
|
||||||
import { PageHeader } from "@ant-design/pro-layout";
|
import { PageHeader } from "@ant-design/pro-layout";
|
||||||
|
import { Button, Result, Space, Steps } from "antd";
|
||||||
|
|
||||||
import React, { useContext, useState } from "react";
|
import React, { useContext, useState } from "react";
|
||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
@@ -9,7 +9,6 @@ import JobsCreateJobsInfo from "../../components/jobs-create-jobs-info/jobs-crea
|
|||||||
import JobsCreateOwnerInfoContainer from "../../components/jobs-create-owner-info/jobs-create-owner-info.container";
|
import JobsCreateOwnerInfoContainer from "../../components/jobs-create-owner-info/jobs-create-owner-info.container";
|
||||||
import JobsCreateVehicleInfoContainer from "../../components/jobs-create-vehicle-info/jobs-create-vehicle-info.container";
|
import JobsCreateVehicleInfoContainer from "../../components/jobs-create-vehicle-info/jobs-create-vehicle-info.container";
|
||||||
import JobCreateContext from "../../pages/jobs-create/jobs-create.context";
|
import JobCreateContext from "../../pages/jobs-create/jobs-create.context";
|
||||||
import FormsFieldChanged from "../../components/form-fields-changed-alert/form-fields-changed-alert.component";
|
|
||||||
|
|
||||||
export default function JobsCreateComponent({ form }) {
|
export default function JobsCreateComponent({ form }) {
|
||||||
const [pageIndex, setPageIndex] = useState(0);
|
const [pageIndex, setPageIndex] = useState(0);
|
||||||
@@ -41,10 +40,11 @@ export default function JobsCreateComponent({ form }) {
|
|||||||
|
|
||||||
const next = () => {
|
const next = () => {
|
||||||
setPageIndex(pageIndex + 1);
|
setPageIndex(pageIndex + 1);
|
||||||
console.log("NExt");
|
console.log("Next");
|
||||||
};
|
};
|
||||||
const prev = () => {
|
const prev = () => {
|
||||||
setPageIndex(pageIndex - 1);
|
setPageIndex(pageIndex - 1);
|
||||||
|
console.log("Previous");
|
||||||
};
|
};
|
||||||
const { Step } = Steps;
|
const { Step } = Steps;
|
||||||
|
|
||||||
@@ -53,26 +53,26 @@ export default function JobsCreateComponent({ form }) {
|
|||||||
<PageHeader
|
<PageHeader
|
||||||
extra={
|
extra={
|
||||||
<Space wrap>
|
<Space wrap>
|
||||||
{pageIndex > 0 && <Button onClick={() => prev()}>Previous</Button>}
|
{pageIndex > 0 && <Button onClick={() => prev()}>{t("general.actions.previous")}</Button>}
|
||||||
{pageIndex < steps.length - 1 && (
|
{pageIndex < steps.length - 1 && (
|
||||||
<Button
|
<Button
|
||||||
type="primary"
|
type="primary"
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
next();
|
next();
|
||||||
// form
|
form
|
||||||
// .validateFields()
|
.validateFields()
|
||||||
// .then((r) => {
|
.then((r) => {
|
||||||
// if (steps[pageIndex].validation) {
|
if (steps[pageIndex].validation) {
|
||||||
// setErrorMessage(null);
|
setErrorMessage(null);
|
||||||
// next();
|
next();
|
||||||
// } else {
|
} else {
|
||||||
// setErrorMessage(steps[pageIndex].error);
|
setErrorMessage(steps[pageIndex].error);
|
||||||
// }
|
}
|
||||||
// })
|
})
|
||||||
// .catch((error) => console.log("error", error));
|
.catch((error) => console.log("error", error));
|
||||||
}}
|
}}
|
||||||
>
|
>
|
||||||
Next
|
{t("general.actions.next")}
|
||||||
</Button>
|
</Button>
|
||||||
)}
|
)}
|
||||||
{pageIndex === steps.length - 1 && (
|
{pageIndex === steps.length - 1 && (
|
||||||
@@ -104,17 +104,17 @@ export default function JobsCreateComponent({ form }) {
|
|||||||
}}
|
}}
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
setPageIndex(idx);
|
setPageIndex(idx);
|
||||||
// form
|
form
|
||||||
// .validateFields()
|
.validateFields()
|
||||||
// .then((r) => {
|
.then((r) => {
|
||||||
// if (steps[pageIndex].validation) {
|
if (steps[pageIndex].validation) {
|
||||||
// setErrorMessage(null);
|
setErrorMessage(null);
|
||||||
// setPageIndex(idx);
|
setPageIndex(idx);
|
||||||
// } else {
|
} else {
|
||||||
// setErrorMessage(steps[pageIndex].error);
|
setErrorMessage(steps[pageIndex].error);
|
||||||
// }
|
}
|
||||||
// })
|
})
|
||||||
// .catch((error) => console.log("error", error));
|
.catch((error) => console.log("error", error));
|
||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
))}
|
))}
|
||||||
@@ -144,7 +144,7 @@ export default function JobsCreateComponent({ form }) {
|
|||||||
) : (
|
) : (
|
||||||
<div>
|
<div>
|
||||||
<ProgressButtons top />
|
<ProgressButtons top />
|
||||||
<FormsFieldChanged form={form} />
|
|
||||||
{errorMessage ? (
|
{errorMessage ? (
|
||||||
<div>
|
<div>
|
||||||
<AlertComponent message={errorMessage} type="error" />
|
<AlertComponent message={errorMessage} type="error" />
|
||||||
|
|||||||
@@ -1139,6 +1139,8 @@
|
|||||||
"download": "Download",
|
"download": "Download",
|
||||||
"edit": "Edit",
|
"edit": "Edit",
|
||||||
"login": "Login",
|
"login": "Login",
|
||||||
|
"next": "Next",
|
||||||
|
"previous": "Previous",
|
||||||
"print": "Print",
|
"print": "Print",
|
||||||
"refresh": "Refresh",
|
"refresh": "Refresh",
|
||||||
"remove": "Remove",
|
"remove": "Remove",
|
||||||
|
|||||||
@@ -1139,6 +1139,8 @@
|
|||||||
"download": "",
|
"download": "",
|
||||||
"edit": "Editar",
|
"edit": "Editar",
|
||||||
"login": "",
|
"login": "",
|
||||||
|
"next": "",
|
||||||
|
"previous": "",
|
||||||
"print": "",
|
"print": "",
|
||||||
"refresh": "",
|
"refresh": "",
|
||||||
"remove": "",
|
"remove": "",
|
||||||
|
|||||||
@@ -1139,6 +1139,8 @@
|
|||||||
"download": "",
|
"download": "",
|
||||||
"edit": "modifier",
|
"edit": "modifier",
|
||||||
"login": "",
|
"login": "",
|
||||||
|
"next": "",
|
||||||
|
"previous": "",
|
||||||
"print": "",
|
"print": "",
|
||||||
"refresh": "",
|
"refresh": "",
|
||||||
"remove": "",
|
"remove": "",
|
||||||
|
|||||||
Reference in New Issue
Block a user