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

Finalized read only job. Logic to detmerine what is read only outstanding. BOD-409

Browse Source
This commit is contained in:
Patrick Fic
2020-09-28 14:45:31 -07:00
parent 3ee003000d
commit cb412f377e
6 changed files with 107 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
client/src/components/jobs-detail-dates/jobs-detail-dates.component.jsx
View File

@@ -1,11 +1,18 @@
import { Form } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { selectJobReadOnly } from "../../redux/application/application.selectors";
import FormDatePicker from "../form-date-picker/form-date-picker.component";
import DateTimePicker from "../form-date-time-picker/form-date-time-picker.component";
import FormRow from "../layout-form-row/layout-form-row.component";
import FormDatePicker from "../form-date-picker/form-date-picker.component";
export default function JobsDetailDatesComponent({ job }) {
const mapStateToProps = createStructuredSelector({
jobRO: selectJobReadOnly,
});
export function JobsDetailDatesComponent({ jobRO, job }) {
const { t } = useTranslation();
return (
@@ -15,10 +22,10 @@ export default function JobsDetailDatesComponent({ job }) {
label={t("jobs.fields.date_estimated")}
name="date_estimated"
>
<DateTimePicker />
<DateTimePicker disabled={jobRO} />
</Form.Item>
<Form.Item label={t("jobs.fields.date_open")} name="date_open">
<DateTimePicker />
<DateTimePicker disabled={jobRO} />
</Form.Item>
</FormRow>
@@ -27,13 +34,13 @@ export default function JobsDetailDatesComponent({ job }) {
label={t("jobs.fields.date_scheduled")}
name="date_scheduled"
>
<FormDatePicker />
<FormDatePicker disabled={jobRO} />
</Form.Item>
<Form.Item label={t("jobs.fields.scheduled_in")} name="scheduled_in">
<DateTimePicker />
<DateTimePicker disabled={jobRO} />
</Form.Item>
<Form.Item label={t("jobs.fields.actual_in")} name="actual_in">
<DateTimePicker />
<DateTimePicker disabled={jobRO} />
</Form.Item>
</FormRow>
<FormRow header={t("jobs.forms.repairdates")}>
@@ -41,38 +48,39 @@ export default function JobsDetailDatesComponent({ job }) {
label={t("jobs.fields.scheduled_completion")}
name="scheduled_completion"
>
<DateTimePicker />
<DateTimePicker disabled={jobRO} />
</Form.Item>
<Form.Item
label={t("jobs.fields.actual_completion")}
name="actual_completion"
>
<DateTimePicker />
<DateTimePicker disabled={jobRO} />
</Form.Item>
<Form.Item
label={t("jobs.fields.scheduled_delivery")}
name="scheduled_delivery"
>
<DateTimePicker />
<DateTimePicker disabled={jobRO} />
</Form.Item>
<Form.Item
label={t("jobs.fields.actual_delivery")}
name="actual_delivery"
>
<DateTimePicker />
<DateTimePicker disabled={jobRO} />
</Form.Item>
</FormRow>
<FormRow header={t("jobs.forms.admindates")}>
<Form.Item label={t("jobs.fields.date_invoiced")} name="date_invoiced">
<DateTimePicker />
<DateTimePicker disabled={jobRO} />
</Form.Item>
<Form.Item label={t("jobs.fields.date_closed")} name="date_closed">
<DateTimePicker />
</Form.Item>
<Form.Item label={t("jobs.fields.date_exported")} name="date_exported">
<DateTimePicker />
<DateTimePicker disabled={jobRO} />
</Form.Item>
</FormRow>
</div>
);
}
export default connect(mapStateToProps, null)(JobsDetailDatesComponent);