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

Added alt transport to appointments BOD-392

Browse Source
This commit is contained in:
Patrick Fic
2020-09-29 11:17:06 -07:00
parent fef95be5a3
commit c222e027dd
27 changed files with 681 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.js
View File

@@ -123,7 +123,10 @@ export function ScheduleCalendarHeaderComponent({
{(loadData.hoursOut || 0) && loadData.hoursOut.toFixed(2)}
</Popover>
<Statistic
value={((loadData.expectedLoad || 0) / bodyshop.prodtargethrs) * 100}
value={(
((loadData.expectedLoad || 0) / bodyshop.prodtargethrs) *
100
).toFixed(1)}
suffix={"%"}
precision={0}
valueStyle={{

53
client/src/components/schedule-event/schedule-event.at.component.jsx Normal file
View File

@@ -0,0 +1,53 @@
import React from "react";
import { useMutation } from "react-apollo";
import { UPDATE_APPOINTMENT } from "../../graphql/appointments.queries";
import { useTranslation } from "react-i18next";
import { connect } from "react-redux";
import { createStructuredSelector } from "reselect";
import { Dropdown, Menu, notification } from "antd";
import { DownOutlined } from "@ant-design/icons";
import { selectBodyshop } from "../../redux/user/user.selectors";
const mapStateToProps = createStructuredSelector({
bodyshop: selectBodyshop,
});
const mapDispatchToProps = (dispatch) => ({
//setUserLanguage: language => dispatch(setUserLanguage(language))
});
export function ScheduleAtChange({ bodyshop, event }) {
const [updateAppointment] = useMutation(UPDATE_APPOINTMENT);
const { t } = useTranslation();
const onClick = async ({ key }) => {
const result = await updateAppointment({
variables: { appid: event.id, app: { alt_transport: key } },
});
if (!!!result.errors) {
notification["success"]({ message: t("appointments.successes.saved") });
} else {
notification["error"]({
message: t("appointments.errors.saving", {
error: JSON.stringify(result.errors),
}),
});
}
};
const menu = (
<Menu selectedKeys={[event.alt_transport]} onClick={onClick}>
{bodyshop.appt_alt_transport &&
bodyshop.appt_alt_transport.map((alt) => (
<Menu.Item key={alt}>{alt}</Menu.Item>
))}
</Menu>
);
return (
<Dropdown overlay={menu}>
<a href=" #" onClick={(e) => e.preventDefault()}>
<DownOutlined />
</a>
</Dropdown>
);
}
export default connect(mapStateToProps, mapDispatchToProps)(ScheduleAtChange);

8
client/src/components/schedule-event/schedule-event.component.jsx
View File

@@ -7,6 +7,7 @@ import { setModalContext } from "../../redux/modals/modals.actions";
import CurrencyFormatter from "../../utils/CurrencyFormatter";
import PhoneFormatter from "../../utils/PhoneFormatter";
import DataLabel from "../data-label/data-label.component";
import ScheduleAtChange from "./schedule-event.at.component";
import ScheduleEventColor from "./schedule-event.color.component";
const mapDispatchToProps = (dispatch) => ({
@@ -63,6 +64,10 @@ export function ScheduleEventComponent({
{(event.job && event.job.ownr_ph1) || ""}
</PhoneFormatter>
</DataLabel>
<DataLabel label={t("appointments.fields.alt_transport")}>
{event.alt_transport || ""}
<ScheduleAtChange event={event} />
</DataLabel>
</div>
) : null}
@@ -129,6 +134,9 @@ export function ScheduleEventComponent({
(event.job && event.job.larhrs.aggregate.sum.mod_lb_hrs) || "0"
})`}
</div>
{event.alt_transport && (
<div style={{ margin: ".1rem" }}>{event.alt_transport}</div>
)}
</div>
) : (
<div>

21
client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
View File

@@ -68,7 +68,7 @@ export function ScheduleJobModalComponent({
<Col span={12}>
<LayoutFormRow grow>
<Form.Item
name={"start"}
name="start"
label={t("appointments.fields.time")}
rules={[
{
@@ -99,7 +99,7 @@ export function ScheduleJobModalComponent({
</LayoutFormRow>
<LayoutFormRow grow>
<Form.Item
name={"scheduled_completion"}
name="scheduled_completion"
label={t("jobs.fields.scheduled_completion")}
rules={[
{
@@ -111,16 +111,16 @@ export function ScheduleJobModalComponent({
<DateTimePicker />
</Form.Item>
<Form.Item
name={"notifyCustomer"}
name="notifyCustomer"
valuePropName="checked"
label={t("jobs.labels.appointmentconfirmation")}
>
<Switch />
</Form.Item>
<Form.Item name={"email"} label={t("jobs.fields.ownr_ea")}>
<Form.Item name="email" label={t("jobs.fields.ownr_ea")}>
<EmailInput />
</Form.Item>
<Form.Item name={"color"} label={t("appointments.fields.color")}>
<Form.Item name="color" label={t("appointments.fields.color")}>
<Select>
{bodyshop.appt_colors &&
bodyshop.appt_colors.map((color) => (
@@ -134,6 +134,17 @@ export function ScheduleJobModalComponent({
))}
</Select>
</Form.Item>
<Form.Item
name={"alt_transport"}
label={t("appointments.fields.alt_transport")}
>
<Select>
{bodyshop.appt_alt_transport &&
bodyshop.appt_alt_transport.map((alt) => (
<Select.Option key={alt}>{alt}</Select.Option>
))}
</Select>
</Form.Item>
</LayoutFormRow>
{t("appointments.labels.history")}
<ScheduleExistingAppointmentsList

1
client/src/components/schedule-job-modal/schedule-job-modal.container.jsx
View File

@@ -93,6 +93,7 @@ export function ScheduleJobModalContainer({
start: moment(values.start),
end: moment(values.start).add(bodyshop.appt_length || 60, "minutes"),
color: values.color,
alt_transport: values.alt_transport,
},
},
});

15
client/src/components/shop-info/shop-info.scheduling.component.jsx
View File

@@ -1,5 +1,5 @@
import { DeleteFilled } from "@ant-design/icons";
import { Button, Col, Form, Input, InputNumber, Row } from "antd";
import { Button, Col, Form, Input, InputNumber, Row, Select } from "antd";
import React from "react";
import { useTranslation } from "react-i18next";
import ColorpickerFormItemComponent from "../form-items-formatted/colorpicker-form-item.component";
@@ -81,7 +81,18 @@ export default function ShopInfoSchedulingComponent({ form }) {
);
}}
</Form.List>
<Form.Item
name={["appt_alt_transport"]}
label={t("bodyshop.fields.appt_alt_transport")}
rules={[
{
message: t("general.validation.required"),
type: "array",
},
]}
>
<Select mode="tags" />
</Form.Item>
<Form.List name={["ssbuckets"]}>
{(fields, { add, remove, move }) => {
return (

6
client/src/graphql/appointments.queries.js
View File

@@ -20,6 +20,7 @@ export const QUERY_ALL_ACTIVE_APPOINTMENTS = gql`
isintake
block
color
alt_transport
job {
ro_number
ownr_ln
@@ -64,6 +65,7 @@ export const INSERT_APPOINTMENT = gql`
title
isintake
block
alt_transport
}
}
}
@@ -79,6 +81,8 @@ export const QUERY_APPOINTMENT_BY_DATE = gql`
end
title
isintake
alt_transport
job {
ro_number
ownr_ln
@@ -125,6 +129,7 @@ export const UPDATE_APPOINTMENT = gql`
title
isintake
block
alt_transport
color
}
}
@@ -155,6 +160,7 @@ export const QUERY_APPOINTMENTS_BY_JOBID = gql`
arrived
canceled
created_at
alt_transport
}
}
`;

2
client/src/graphql/bodyshop.queries.js
View File

@@ -71,6 +71,7 @@ export const QUERY_BODYSHOP = gql`
deliverchecklist
target_touchtime
appt_colors
appt_alt_transport
employees {
id
first_name
@@ -140,6 +141,7 @@ export const UPDATE_SHOP = gql`
deliverchecklist
target_touchtime
appt_colors
appt_alt_transport
employees {
id
first_name

4
client/src/translations/en_us/common.json
View File

@@ -33,6 +33,7 @@
"saving": "Error scheduling appointment. {{message}}"
},
"fields": {
"alt_transport": "A.T.",
"color": "Color",
"time": "Appointment Time",
"title": "Title"
@@ -53,7 +54,8 @@
},
"successes": {
"canceled": "Appointment canceled successfully.",
"created": "Appointment scheduled successfully."
"created": "Appointment scheduled successfully.",
"saved": "Appointment saved successfully."
}
},
"associations": {

4
client/src/translations/es/common.json
View File

@@ -33,6 +33,7 @@
"saving": "Error al programar la cita. {{message}}"
},
"fields": {
"alt_transport": "",
"color": "",
"time": "",
"title": "Título"
@@ -53,7 +54,8 @@
},
"successes": {
"canceled": "Cita cancelada con éxito.",
"created": "Cita programada con éxito."
"created": "Cita programada con éxito.",
"saved": ""
}
},
"associations": {

4
client/src/translations/fr/common.json
View File

@@ -33,6 +33,7 @@
"saving": "Erreur lors de la planification du rendez-vous. {{message}}"
},
"fields": {
"alt_transport": "",
"color": "",
"time": "",
"title": "Titre"
@@ -53,7 +54,8 @@
},
"successes": {
"canceled": "Rendez-vous annulé avec succès.",
"created": "Rendez-vous planifié avec succès."
"created": "Rendez-vous planifié avec succès.",
"saved": ""
}
},
"associations": {