97 lines
2.7 KiB
JavaScript
97 lines
2.7 KiB
JavaScript
import { Button, Form, Popover, Space } from "antd";
|
|
import React, { useState } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
import { connect } from "react-redux";
|
|
import { createStructuredSelector } from "reselect";
|
|
import { getJobMedia } from "../../redux/media/media.actions";
|
|
import { selectAllMedia } from "../../redux/media/media.selectors";
|
|
import { selectBodyshop } from "../../redux/user/user.selectors";
|
|
import cleanAxios from "../../utils/CleanAxios";
|
|
import JobSearchSelect from "../job-search-select/job-search-select.component";
|
|
|
|
const mapStateToProps = createStructuredSelector({
|
|
allMedia: selectAllMedia,
|
|
bodyshop: selectBodyshop,
|
|
});
|
|
const mapDispatchToProps = (dispatch) => ({
|
|
getJobMedia: (id) => dispatch(getJobMedia(id)),
|
|
|
|
//setUserLanguage: language => dispatch(setUserLanguage(language))
|
|
});
|
|
export default connect(
|
|
mapStateToProps,
|
|
mapDispatchToProps
|
|
)(JobsDocumentsLocalGalleryReassign);
|
|
|
|
export function JobsDocumentsLocalGalleryReassign({
|
|
bodyshop,
|
|
jobid,
|
|
allMedia,
|
|
getJobMedia,
|
|
}) {
|
|
const { t } = useTranslation();
|
|
const [form] = Form.useForm();
|
|
|
|
const [visible, setVisible] = useState(false);
|
|
const [loading, setLoading] = useState(false);
|
|
|
|
const handleFinish = async ({ jobid: newJobid }) => {
|
|
setLoading(true);
|
|
const selectedDocuments = allMedia[jobid].filter((m) => m.isSelected);
|
|
|
|
await cleanAxios.post(
|
|
`${bodyshop.localmediaserverhttp}/jobs/move`,
|
|
{
|
|
from_jobid: jobid,
|
|
jobid: newJobid,
|
|
files: selectedDocuments.map((f) => f.filename),
|
|
},
|
|
{ headers: { ims_token: bodyshop.localmediatoken } }
|
|
);
|
|
|
|
getJobMedia(jobid);
|
|
setVisible(false);
|
|
setLoading(false);
|
|
};
|
|
|
|
const popContent = (
|
|
<div>
|
|
<Form onFinish={handleFinish} layout="vertical" form={form}>
|
|
<Form.Item
|
|
label={t("documents.labels.newjobid")}
|
|
style={{ width: "20rem" }}
|
|
rules={[
|
|
{
|
|
required: true,
|
|
//message: t("general.validation.required"),
|
|
},
|
|
]}
|
|
name={"jobid"}
|
|
>
|
|
<JobSearchSelect />
|
|
</Form.Item>
|
|
</Form>
|
|
<Space>
|
|
<Button type="primary" onClick={() => form.submit()}>
|
|
{t("general.actions.submit")}
|
|
</Button>
|
|
<Button onClick={() => setVisible(false)}>
|
|
{t("general.actions.cancel")}
|
|
</Button>
|
|
</Space>
|
|
</div>
|
|
);
|
|
|
|
return (
|
|
<Popover content={popContent} visible={visible}>
|
|
<Button
|
|
//disabled={selectedImages.length < 1}
|
|
onClick={() => setVisible(true)}
|
|
loading={loading}
|
|
>
|
|
{t("documents.actions.reassign")}
|
|
</Button>
|
|
</Popover>
|
|
);
|
|
}
|