BOD-84 Added base calculations for schedule load

This commit is contained in:
Patrick Fic
2020-05-08 15:33:08 -07:00
parent 3d74a4106e
commit 6096fce7a6
17 changed files with 456 additions and 122 deletions

View File

@@ -1,5 +1,5 @@
import React from "react";
import { Popover, Button } from "antd";
import { Popover, Button, Progress } from "antd";
import CurrencyFormatter from "../../utils/CurrencyFormatter";
import PhoneFormatter from "../../utils/PhoneFormatter";
import { Link } from "react-router-dom";
@@ -13,30 +13,30 @@ export default function ScheduleEventComponent({ event, handleCancel }) {
<strong>{event.title}</strong>
) : (
<div>
<strong>{`${(event.job && event.job.ownr_fn) || ""} ${(event.job &&
event.job.ownr_ln) ||
""}`}</strong>
<strong>{`${(event.job && event.job.ownr_fn) || ""} ${
(event.job && event.job.ownr_ln) || ""
}`}</strong>
<span style={{ margin: 4 }}>
{`${(event.job && event.job.v_model_yr) ||
""} ${(event.job && event.job.v_make_desc) ||
""} ${(event.job && event.job.v_model_desc) || ""}`}
{`${(event.job && event.job.v_model_yr) || ""} ${
(event.job && event.job.v_make_desc) || ""
} ${(event.job && event.job.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.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.clm_no")}: ${
(event.job && event.job.clm_no) || ""
}`}</div>
<div>
{t("jobs.fields.ownr_ea")}:{(event.job && event.job.ownr_ea) || ""}
</div>
@@ -76,26 +76,31 @@ export default function ScheduleEventComponent({ event, handleCancel }) {
</div>
);
const RegularEvent = 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.v_model_yr) || ""} ${
(event.job && event.job.v_make_desc) || ""
} ${(event.job && event.job.v_model_desc) || ""}`}
</span>
</div>
) : (
<div>
<strong>{`${event.title || ""}`}</strong>
</div>
);
const Load = (
<div className="load">
<Progress percent={77} showInfo={false} />
</div>
);
return (
<Popover content={popoverContent}>
<div>
{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.v_model_yr) ||
""} ${(event.job && event.job.v_make_desc) ||
""} ${(event.job && event.job.v_model_desc) || ""}`}
</span>
</div>
) : (
<div>
<strong>{`${event.title || ""}`}</strong>
</div>
)}
</div>
<div>{event.allDay ? Load : RegularEvent}</div>
</Popover>
);
}