admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

- the great reformat

Browse Source 
Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2024-02-06 18:20:58 -05:00
parent 30c530bcc4
commit e83badb454
912 changed files with 108516 additions and 107493 deletions
Download Patch File Download Diff File Expand all files Collapse all files

122
client/src/components/form-fields-changed-alert/form-fields-changed-alert.component.jsx
View File

@@ -1,70 +1,70 @@
import React from "react";
import { Form, Space } from "antd";
import { useTranslation } from "react-i18next";
import {Form, Space} from "antd";
import {useTranslation} from "react-i18next";
import AlertComponent from "../alert/alert.component";
import "./form-fields-changed.styles.scss";
import Prompt from "../../utils/prompt";
export default function FormsFieldChanged({ form, skipPrompt }) {
const { t } = useTranslation();
export default function FormsFieldChanged({form, skipPrompt}) {
const {t} = useTranslation();
const handleReset = () => {
form.resetFields();
};
//if (!form.isFieldsTouched()) return <></>;
return (
<Form.Item
className="form-fields-changed"
shouldUpdate
style={{ margin: 0, padding: 0, minHeight: "unset" }}
>
{() => {
const errors = form.getFieldsError().filter((e) => e.errors.length > 0);
if (form.isFieldsTouched())
return (
<Space direction="vertical" style={{ width: "100%" }}>
<Prompt
when={!skipPrompt}
beforeUnload={true}
message={t("general.messages.unsavedchangespopup")}
/>
<AlertComponent
type="warning"
message={
<div>
<span>{t("general.messages.unsavedchanges")} </span>
<span
onClick={handleReset}
style={{
cursor: "pointer",
textDecoration: "underline",
}}
>
const handleReset = () => {
form.resetFields();
};
//if (!form.isFieldsTouched()) return <></>;
return (
<Form.Item
className="form-fields-changed"
shouldUpdate
style={{margin: 0, padding: 0, minHeight: "unset"}}
>
{() => {
const errors = form.getFieldsError().filter((e) => e.errors.length > 0);
if (form.isFieldsTouched())
return (
<Space direction="vertical" style={{width: "100%"}}>
<Prompt
when={!skipPrompt}
beforeUnload={true}
message={t("general.messages.unsavedchangespopup")}
/>
<AlertComponent
type="warning"
message={
<div>
<span>{t("general.messages.unsavedchanges")} </span>
<span
onClick={handleReset}
style={{
cursor: "pointer",
textDecoration: "underline",
}}
>
{t("general.actions.reset")}
</span>
</div>
}
/>
{errors.length > 0 && (
<AlertComponent
type="error"
message={
<div>
<ul>
{errors.map((e, idx) =>
e.errors.map((e2, idx2) => (
<li key={`${idx}${idx2}`}>{e2}</li>
))
)}
</ul>
</div>
}
/>
)}
</Space>
);
return <div style={{ display: "none" }}></div>;
}}
</Form.Item>
);
</div>
}
/>
{errors.length > 0 && (
<AlertComponent
type="error"
message={
<div>
<ul>
{errors.map((e, idx) =>
e.errors.map((e2, idx2) => (
<li key={`${idx}${idx2}`}>{e2}</li>
))
)}
</ul>
</div>
}
/>
)}
</Space>
);
return <div style={{display: "none"}}></div>;
}}
</Form.Item>
);
}