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

Added status state machine BOD-251

Browse Source
This commit is contained in:
Patrick Fic
2020-09-02 11:01:34 -07:00
parent 2202683876
commit ed788a4b5c
17 changed files with 217 additions and 70 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
client/src/components/contract-jobs/contract-jobs.container.jsx
View File

@@ -9,17 +9,17 @@ import { QUERY_ALL_ACTIVE_JOBS } from "../../graphql/jobs.queries";
const mapStateToProps = createStructuredSelector({
//currentUser: selectCurrentUser
bodyshop: selectBodyshop
bodyshop: selectBodyshop,
});
export function ContractJobsContainer({ selectedJobState, bodyshop }) {
const { loading, error, data } = useQuery(QUERY_ALL_ACTIVE_JOBS, {
variables: {
statuses: bodyshop.md_ro_statuses.open_statuses || ["Open"]
}
statuses: bodyshop.md_ro_statuses.active_statuses || ["Open"],
},
});
const [selectedJob, setSelectedJob] = selectedJobState;
const handleSelect = record => {
const handleSelect = (record) => {
setSelectedJob(record.id);
};

77
client/src/components/jobs-change-status/jobs-change-status.component.jsx Normal file
View File

@@ -0,0 +1,77 @@
import { DownCircleFilled } from "@ant-design/icons";
import { Button, Dropdown, Menu, notification } from "antd";
import React, { useState, useEffect } from "react";
import { useMutation } from "react-apollo";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { UPDATE_JOB_STATUS } from "../../graphql/jobs.queries";
import { selectBodyshop } from "../../redux/user/user.selectors";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
});
const mapDispatchToProps = (dispatch) => ({
//setUserLanguage: language => dispatch(setUserLanguage(language))
});
export function JobsChangeStatus({ job, bodyshop }) {
const { t } = useTranslation();
const [availableStatuses, setAvailableStatuses] = useState([]);
const [mutationUpdateJobstatus] = useMutation(UPDATE_JOB_STATUS);
const updateJobStatus = (status) => {
mutationUpdateJobstatus({
variables: { jobId: job.id, status: status },
})
.then((r) => {
notification["success"]({ message: t("jobs.successes.save") });
// refetch();
})
.catch((error) => {
notification["error"]({ message: t("jobs.errors.saving") });
});
};
useEffect(() => {
//Figure out what scenario were in, populate accodingly
if (job && bodyshop) {
if (bodyshop.md_ro_statuses.pre_production_statuses.includes(job.status))
setAvailableStatuses(bodyshop.md_ro_statuses.pre_production_statuses);
else if (bodyshop.md_ro_statuses.production_statuses.includes(job.status))
setAvailableStatuses(bodyshop.md_ro_statuses.production_statuses);
else if (
bodyshop.md_ro_statuses.post_production_statuses.includes(job.status)
)
setAvailableStatuses(bodyshop.md_ro_statuses.post_production_statuses);
else {
setAvailableStatuses(bodyshop.statuses);
}
}
}, [job, setAvailableStatuses, bodyshop]);
const statusmenu = (
<Menu
onClick={(e) => {
updateJobStatus(e.key);
}}
>
{availableStatuses.map((item) => (
<Menu.Item key={item}>{item}</Menu.Item>
))}
</Menu>
);
return (
<Dropdown
className="imex-flex-row__margin"
overlay={statusmenu}
trigger={["click"]}
key="changestatus"
>
<Button>
{t("jobs.actions.changestatus")} <DownCircleFilled />
</Button>
</Dropdown>
);
}
export default connect(mapStateToProps, mapDispatchToProps)(JobsChangeStatus);

29
client/src/components/jobs-detail-header/jobs-detail-header.component.jsx
View File

@@ -1,5 +1,5 @@
import { DownCircleFilled, PrinterFilled } from "@ant-design/icons";
import { Button, Dropdown, Menu, PageHeader, Tag } from "antd";
import { PrinterFilled } from "@ant-design/icons";
import { Button, PageHeader, Tag } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
@@ -8,6 +8,7 @@ import { setModalContext } from "../../redux/modals/modals.actions";
import { selectBodyshop } from "../../redux/user/user.selectors";
import CurrencyFormatter from "../../utils/CurrencyFormatter";
import JobEmployeeAssignments from "../job-employee-assignments/job-employee-assignments.container";
import JobsChangeStatus from "../jobs-change-status/jobs-change-status.component";
import JobsConvertButton from "../jobs-convert-button/jobs-convert-button.component";
import JobsDetailHeaderActions from "../jobs-detail-header-actions/jobs-detail-header-actions.component";
import OwnerTagPopoverComponent from "../owner-tag-popover/owner-tag-popover.component";
@@ -28,37 +29,15 @@ export function JobsDetailHeader({
refetch,
setPrintCenterContext,
bodyshop,
updateJobStatus,
setScheduleContext,
loading,
form,
}) {
const { t } = useTranslation();
const statusmenu = (
<Menu
onClick={(e) => {
updateJobStatus(e.key);
}}
>
{bodyshop.md_ro_statuses.statuses.map((item) => (
<Menu.Item key={item}>{item}</Menu.Item>
))}
</Menu>
);
const menuExtra = (
<div className="imex-flex-row">
<Dropdown
className="imex-flex-row__margin"
overlay={statusmenu}
trigger={["click"]}
key="changestatus"
>
<Button>
{t("jobs.actions.changestatus")} <DownCircleFilled />
</Button>
</Dropdown>
<JobsChangeStatus job={job} />
<Button
className="imex-flex-row__margin"

7
client/src/components/jobs-find-modal/jobs-find-modal.container.jsx
View File

@@ -30,7 +30,7 @@ export default connect(
const jobsList = useQuery(QUERY_ALL_ACTIVE_JOBS, {
variables: {
statuses: bodyshop.md_ro_statuses.open_statuses || ["Open"],
statuses: bodyshop.md_ro_statuses.active_statuses || ["Open"],
},
skip: !modalProps.visible,
});
@@ -80,9 +80,10 @@ export default connect(
width={"80%"}
destroyOnClose
okButtonProps={{ disabled: selectedJob ? false : true }}
{...modalProps}>
{...modalProps}
>
{loading ? <LoadingSpinner /> : null}
{error ? <AlertComponent message={error.message} type='error' /> : null}
{error ? <AlertComponent message={error.message} type="error" /> : null}
{true ? (
<JobsFindModalComponent
selectedJob={selectedJob}

2
client/src/components/jobs-list/jobs-list.component.jsx
View File

@@ -26,7 +26,7 @@ export function JobsList({ bodyshop }) {
const { loading, error, data, refetch } = useQuery(QUERY_ALL_ACTIVE_JOBS, {
variables: {
statuses: bodyshop.md_ro_statuses.open_statuses || ["Open", "Open*"],
statuses: bodyshop.md_ro_statuses.active_statuses || ["Open", "Open*"],
},
});

8
client/src/components/owner-detail-jobs/owner-detail-jobs.component.jsx
View File

@@ -72,7 +72,7 @@ function OwnerDetailJobsComponent({ bodyshop, owner }) {
pagination={{ position: "bottom" }}
columns={columns}
scroll={{ x: true }}
rowKey='id'
rowKey="id"
dataSource={owner.jobs}
rowSelection={{
onSelect: (record, selected, selectedRows) => {
@@ -83,7 +83,7 @@ function OwnerDetailJobsComponent({ bodyshop, owner }) {
selectedRows
? selectedRows
.filter((i) =>
bodyshop.md_ro_statuses.open_statuses.includes(i.status)
bodyshop.md_ro_statuses.active_statuses.includes(i.status)
)
.map((i) => i.id)
: []
@@ -91,8 +91,8 @@ function OwnerDetailJobsComponent({ bodyshop, owner }) {
},
selectedRowKeys: selectedJobs,
getCheckboxProps: (record) => ({
disabled: bodyshop.md_ro_statuses.open_statuses
? !bodyshop.md_ro_statuses.open_statuses.includes(record.status)
disabled: bodyshop.md_ro_statuses.active_statuses
? !bodyshop.md_ro_statuses.active_statuses.includes(record.status)
: true,
}),
}}

2
client/src/components/shop-info/shop-info.intake.component.jsx
View File

@@ -118,7 +118,7 @@ export default function ShopInfoIntakeChecklistComponent({ form }) {
<SelectorDiv>
<Form.Item
name={["intakechecklist", "templates"]}
label={t("bodyshop.fields.statuses.open_statuses")}
label={t("bodyshop.fields.statuses.active_statuses")}
rules={[
{
required: true,

42
client/src/components/shop-info/shop-info.rostatus.component.jsx
View File

@@ -82,8 +82,27 @@ export default function ShopInfoROStatusComponent({ form }) {
<Col span={12}>
<SelectorDiv>
<Form.Item
name={["md_ro_statuses", "open_statuses"]}
label={t("bodyshop.fields.statuses.open_statuses")}
name={["md_ro_statuses", "active_statuses"]}
label={t("bodyshop.fields.statuses.active_statuses")}
rules={[
{
required: true,
message: t("general.validation.required"),
type: "array",
},
]}
>
<Select mode="multiple">
{options.map((item, idx) => (
<Select.Option key={idx} value={item}>
{item}
</Select.Option>
))}
</Select>
</Form.Item>
<Form.Item
name={["md_ro_statuses", "pre_production_statuses"]}
label={t("bodyshop.fields.statuses.pre_production_statuses")}
rules={[
{
required: true,
@@ -119,6 +138,25 @@ export default function ShopInfoROStatusComponent({ form }) {
))}
</Select>
</Form.Item>
<Form.Item
name={["md_ro_statuses", "post_production_statuses"]}
label={t("bodyshop.fields.statuses.post_production_statuses")}
rules={[
{
required: true,
message: t("general.validation.required"),
type: "array",
},
]}
>
<Select mode="multiple">
{options.map((item, idx) => (
<Select.Option key={idx} value={item}>
{item}
</Select.Option>
))}
</Select>
</Form.Item>
<Form.Item
label={t("bodyshop.fields.statuses.default_scheduled")}
rules={[

2
client/src/components/tech-lookup-jobs-list/tech-lookup-jobs-list.component.jsx
View File

@@ -23,7 +23,7 @@ export function TechLookupJobsList({ bodyshop }) {
const { loading, error, data, refetch } = useQuery(QUERY_ALL_ACTIVE_JOBS, {
variables: {
statuses: bodyshop.md_ro_statuses.open_statuses || ["Open", "Open*"],
statuses: bodyshop.md_ro_statuses.active_statuses || ["Open", "Open*"],
},
});

6
client/src/components/vehicle-detail-jobs/vehicle-detail-jobs.component.jsx
View File

@@ -86,7 +86,7 @@ export function VehicleDetailJobsComponent({ vehicle, bodyshop }) {
selectedRows
? selectedRows
.filter((i) =>
bodyshop.md_ro_statuses.open_statuses.includes(i.status)
bodyshop.md_ro_statuses.active_statuses.includes(i.status)
)
.map((i) => i.id)
: []
@@ -94,8 +94,8 @@ export function VehicleDetailJobsComponent({ vehicle, bodyshop }) {
},
selectedRowKeys: selectedJobs,
getCheckboxProps: (record) => ({
disabled: bodyshop.md_ro_statuses.open_statuses
? !bodyshop.md_ro_statuses.open_statuses.includes(record.status)
disabled: bodyshop.md_ro_statuses.active_statuses
? !bodyshop.md_ro_statuses.active_statuses.includes(record.status)
: true,
}),
}}