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

Adding of generic appointments to calendar.

Browse Source
This commit is contained in:
Patrick Fic
2020-02-12 12:11:35 -08:00
parent 314c9e82d2
commit 63f8267ded
46 changed files with 1187 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -9,22 +9,53 @@ export default function ScheduleEventComponent({ event, handleCancel }) {
const { t } = useTranslation();
const popoverContent = (
<div>
<div>{`${t("jobs.fields.ro_number")}: ${event.job.ro_number}`}</div>
<div>
{t("jobs.fields.clm_total")}:
<CurrencyFormatter>{event.job.clm_total}</CurrencyFormatter>
</div>
<div>{`${t("jobs.fields.clm_no")}: ${event.job.clm_no}`}</div>
<div>
{t("jobs.fields.ownr_ea")}:{event.job.ownr_ea}
</div>
<div>
{t("jobs.fields.ownr_ph1")}:
<PhoneFormatter>{event.job.ownr_ph1}</PhoneFormatter>
</div>
<Link to={`/manage/jobs/${event.job.id}`}>
<Button>{t("appointments.actions.viewjob")}</Button>
</Link>
{!event.isintake ? (
<strong>{event.title}</strong>
) : (
<div>
<strong>{`${(event.job && event.job.ownr_fn) || ""} ${(event.job &&
event.job.ownr_ln) ||
""}`}</strong>
<span style={{ margin: 4 }}>
{`${(event.job && event.job.vehicle.v_model_yr) ||
""} ${(event.job && event.job.vehicle.v_make_desc) ||
""} ${(event.job && event.job.vehicle.v_model_desc) || ""}`}
</span>
</div>
)}
{event.job ? (
<div>
<div>{`${t("jobs.fields.ro_number")}: ${(event.job &&
event.job.ro_number) ||
""}`}</div>
<div>
{t("jobs.fields.clm_total")}:
<CurrencyFormatter>
{(event.job && event.job.clm_total) || ""}
</CurrencyFormatter>
</div>
<div>{`${t("jobs.fields.clm_no")}: ${(event.job &&
event.job.clm_no) ||
""}`}</div>
<div>
{t("jobs.fields.ownr_ea")}:{(event.job && event.job.ownr_ea) || ""}
</div>
<div>
{t("jobs.fields.ownr_ph1")}:
<PhoneFormatter>
{(event.job && event.job.ownr_ph1) || ""}
</PhoneFormatter>
</div>
</div>
) : null}
{
//TODO Add phone 1 MessagingActionTypes.
}
{event.job ? (
<Link to={`/manage/jobs/${event.job && event.job.id}`}>
<Button>{t("appointments.actions.viewjob")}</Button>
</Link>
) : null}
<Button onClick={() => handleCancel(event.id)}>
{t("appointments.actions.cancel")}
</Button>
@@ -34,24 +65,36 @@ export default function ScheduleEventComponent({ event, handleCancel }) {
}
{t("appointments.actions.reschedule")}
</Button>
<Button>
{
//TODO: Add intake func.
}
{t("appointments.actions.intake")}
</Button>
{event.isintake ? (
<Button>
{
//TODO: Add intake func.
}
{t("appointments.actions.intake")}
</Button>
) : null}
</div>
);
return (
<Popover content={popoverContent}>
<div>
<strong>{`${event.job.ownr_fn || ""} ${event.job.ownr_ln ||
""}`}</strong>
<span style={{ margin: 4 }}>
{`${event.job.vehicle.v_model_yr || ""} ${event.job.vehicle
.v_make_desc || ""} ${event.job.vehicle.v_model_desc || ""}`}
</span>
{event.isintake ? (
<div>
<strong>{`${(event.job && event.job.ownr_fn) || ""} ${(event.job &&
event.job.ownr_ln) ||
""}`}</strong>
<span style={{ margin: 4 }}>
{`${(event.job && event.job.vehicle.v_model_yr) ||
""} ${(event.job && event.job.vehicle.v_make_desc) ||
""} ${(event.job && event.job.vehicle.v_model_desc) || ""}`}
</span>
</div>
) : (
<div>
<strong>{`${event.title || ""}`}</strong>
</div>
)}
</div>
</Popover>
);