- Alans tool tip issue
Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
@@ -31,7 +31,7 @@ const getContrastYIQ = (bgColor) =>
|
|||||||
const findEmployeeById = (employees, id) => employees.find((e) => e.id === id);
|
const findEmployeeById = (employees, id) => employees.find((e) => e.id === id);
|
||||||
|
|
||||||
const EllipsesToolTip = React.memo(({ title, children, kiosk }) => {
|
const EllipsesToolTip = React.memo(({ title, children, kiosk }) => {
|
||||||
if (kiosk) {
|
if (kiosk || !title) {
|
||||||
return <div className="ellipses no-select">{children}</div>;
|
return <div className="ellipses no-select">{children}</div>;
|
||||||
}
|
}
|
||||||
return (
|
return (
|
||||||
@@ -44,7 +44,10 @@ const EllipsesToolTip = React.memo(({ title, children, kiosk }) => {
|
|||||||
const OwnerNameToolTip = ({ metadata, cardSettings }) =>
|
const OwnerNameToolTip = ({ metadata, cardSettings }) =>
|
||||||
cardSettings?.ownr_nm && (
|
cardSettings?.ownr_nm && (
|
||||||
<Col span={24}>
|
<Col span={24}>
|
||||||
<EllipsesToolTip title={<OwnerNameDisplay ownerObject={metadata} />} kiosk={cardSettings.kiosk}>
|
<EllipsesToolTip
|
||||||
|
title={metadata.ownr_ln || metadata.ownr_co_nm ? <OwnerNameDisplay ownerObject={metadata} /> : null}
|
||||||
|
kiosk={cardSettings.kiosk}
|
||||||
|
>
|
||||||
{metadata.ownr_ln || metadata.ownr_co_nm ? (
|
{metadata.ownr_ln || metadata.ownr_co_nm ? (
|
||||||
cardSettings.compact ? (
|
cardSettings.compact ? (
|
||||||
`${metadata.ownr_ln || ""} ${metadata.ownr_co_nm || ""}`
|
`${metadata.ownr_ln || ""} ${metadata.ownr_co_nm || ""}`
|
||||||
@@ -62,7 +65,11 @@ const ModelInfoToolTip = ({ metadata, cardSettings }) =>
|
|||||||
cardSettings?.model_info && (
|
cardSettings?.model_info && (
|
||||||
<Col span={24}>
|
<Col span={24}>
|
||||||
<EllipsesToolTip
|
<EllipsesToolTip
|
||||||
title={`${metadata.v_model_yr || ""} ${metadata.v_make_desc || ""} ${metadata.v_model_desc || ""}`}
|
title={
|
||||||
|
metadata.v_model_yr || metadata.v_make_desc || metadata.v_model_desc
|
||||||
|
? `${metadata.v_model_yr || ""} ${metadata.v_make_desc || ""} ${metadata.v_model_desc || ""}`
|
||||||
|
: null
|
||||||
|
}
|
||||||
kiosk={cardSettings.kiosk}
|
kiosk={cardSettings.kiosk}
|
||||||
>
|
>
|
||||||
{metadata.v_model_yr || metadata.v_make_desc || metadata.v_model_desc ? (
|
{metadata.v_model_yr || metadata.v_make_desc || metadata.v_model_desc ? (
|
||||||
@@ -77,7 +84,7 @@ const ModelInfoToolTip = ({ metadata, cardSettings }) =>
|
|||||||
const InsuranceCompanyToolTip = ({ metadata, cardSettings }) =>
|
const InsuranceCompanyToolTip = ({ metadata, cardSettings }) =>
|
||||||
cardSettings?.ins_co_nm && (
|
cardSettings?.ins_co_nm && (
|
||||||
<Col span={cardSettings.compact ? 24 : 12}>
|
<Col span={cardSettings.compact ? 24 : 12}>
|
||||||
<EllipsesToolTip title={metadata.ins_co_nm || ""} kiosk={cardSettings.kiosk}>
|
<EllipsesToolTip title={metadata.ins_co_nm || null} kiosk={cardSettings.kiosk}>
|
||||||
{metadata.ins_co_nm ? metadata.ins_co_nm : <span> </span>}
|
{metadata.ins_co_nm ? metadata.ins_co_nm : <span> </span>}
|
||||||
</EllipsesToolTip>
|
</EllipsesToolTip>
|
||||||
</Col>
|
</Col>
|
||||||
@@ -86,7 +93,7 @@ const InsuranceCompanyToolTip = ({ metadata, cardSettings }) =>
|
|||||||
const ClaimNumberToolTip = ({ metadata, cardSettings }) =>
|
const ClaimNumberToolTip = ({ metadata, cardSettings }) =>
|
||||||
cardSettings?.clm_no && (
|
cardSettings?.clm_no && (
|
||||||
<Col span={cardSettings.compact ? 24 : 12}>
|
<Col span={cardSettings.compact ? 24 : 12}>
|
||||||
<EllipsesToolTip title={metadata.clm_no || ""} kiosk={cardSettings.kiosk}>
|
<EllipsesToolTip title={metadata.clm_no || null} kiosk={cardSettings.kiosk}>
|
||||||
{metadata.clm_no ? metadata.clm_no : <span> </span>}
|
{metadata.clm_no ? metadata.clm_no : <span> </span>}
|
||||||
</EllipsesToolTip>
|
</EllipsesToolTip>
|
||||||
</Col>
|
</Col>
|
||||||
@@ -105,7 +112,11 @@ const EmployeeAssignmentsToolTip = ({
|
|||||||
<Row>
|
<Row>
|
||||||
<Col span={cardSettings.compact ? 24 : 12}>
|
<Col span={cardSettings.compact ? 24 : 12}>
|
||||||
<EllipsesToolTip
|
<EllipsesToolTip
|
||||||
title={`B: ${employee_body ? `${employee_body.first_name.substring(0, 3)} ${employee_body.last_name.charAt(0)}` : ""} ${metadata.labhrs.aggregate.sum.mod_lb_hrs || "?"}h`}
|
title={
|
||||||
|
employee_body || metadata.labhrs.aggregate.sum.mod_lb_hrs
|
||||||
|
? `B: ${employee_body ? `${employee_body.first_name.substring(0, 3)} ${employee_body.last_name.charAt(0)}` : ""} ${metadata.labhrs.aggregate.sum.mod_lb_hrs || "?"}h`
|
||||||
|
: null
|
||||||
|
}
|
||||||
kiosk={cardSettings.kiosk}
|
kiosk={cardSettings.kiosk}
|
||||||
>
|
>
|
||||||
{employee_body || metadata.labhrs.aggregate.sum.mod_lb_hrs ? (
|
{employee_body || metadata.labhrs.aggregate.sum.mod_lb_hrs ? (
|
||||||
@@ -117,7 +128,11 @@ const EmployeeAssignmentsToolTip = ({
|
|||||||
</Col>
|
</Col>
|
||||||
<Col span={cardSettings.compact ? 24 : 12}>
|
<Col span={cardSettings.compact ? 24 : 12}>
|
||||||
<EllipsesToolTip
|
<EllipsesToolTip
|
||||||
title={`P: ${employee_prep ? `${employee_prep.first_name.substring(0, 3)} ${employee_prep.last_name.charAt(0)}` : ""}`}
|
title={
|
||||||
|
employee_prep
|
||||||
|
? `P: ${employee_prep ? `${employee_prep.first_name.substring(0, 3)} ${employee_prep.last_name.charAt(0)}` : ""}`
|
||||||
|
: null
|
||||||
|
}
|
||||||
kiosk={cardSettings.kiosk}
|
kiosk={cardSettings.kiosk}
|
||||||
>
|
>
|
||||||
{employee_prep ? (
|
{employee_prep ? (
|
||||||
@@ -129,7 +144,11 @@ const EmployeeAssignmentsToolTip = ({
|
|||||||
</Col>
|
</Col>
|
||||||
<Col span={cardSettings.compact ? 24 : 12}>
|
<Col span={cardSettings.compact ? 24 : 12}>
|
||||||
<EllipsesToolTip
|
<EllipsesToolTip
|
||||||
title={`R: ${employee_refinish ? `${employee_refinish.first_name.substring(0, 3)} ${employee_refinish.last_name.charAt(0)}` : ""} ${metadata.larhrs.aggregate.sum.mod_lb_hrs || "?"}h`}
|
title={
|
||||||
|
employee_refinish || metadata.larhrs.aggregate.sum.mod_lb_hrs
|
||||||
|
? `R: ${employee_refinish ? `${employee_refinish.first_name.substring(0, 3)} ${employee_refinish.last_name.charAt(0)}` : ""} ${metadata.larhrs.aggregate.sum.mod_lb_hrs || "?"}h`
|
||||||
|
: null
|
||||||
|
}
|
||||||
kiosk={cardSettings.kiosk}
|
kiosk={cardSettings.kiosk}
|
||||||
>
|
>
|
||||||
{employee_refinish || metadata.larhrs.aggregate.sum.mod_lb_hrs ? (
|
{employee_refinish || metadata.larhrs.aggregate.sum.mod_lb_hrs ? (
|
||||||
@@ -141,7 +160,9 @@ const EmployeeAssignmentsToolTip = ({
|
|||||||
</Col>
|
</Col>
|
||||||
<Col span={cardSettings.compact ? 24 : 12}>
|
<Col span={cardSettings.compact ? 24 : 12}>
|
||||||
<EllipsesToolTip
|
<EllipsesToolTip
|
||||||
title={`C: ${employee_csr ? `${employee_csr.first_name} ${employee_csr.last_name}` : ""}`}
|
title={
|
||||||
|
employee_csr ? `C: ${employee_csr ? `${employee_csr.first_name} ${employee_csr.last_name}` : ""}` : null
|
||||||
|
}
|
||||||
kiosk={cardSettings.kiosk}
|
kiosk={cardSettings.kiosk}
|
||||||
>
|
>
|
||||||
{employee_csr ? (
|
{employee_csr ? (
|
||||||
@@ -158,7 +179,7 @@ const EmployeeAssignmentsToolTip = ({
|
|||||||
const ActualInToolTip = ({ metadata, cardSettings }) =>
|
const ActualInToolTip = ({ metadata, cardSettings }) =>
|
||||||
cardSettings?.actual_in && (
|
cardSettings?.actual_in && (
|
||||||
<Col span={cardSettings.compact ? 24 : 12}>
|
<Col span={cardSettings.compact ? 24 : 12}>
|
||||||
<EllipsesToolTip title={metadata.actual_in} kiosk={cardSettings.kiosk}>
|
<EllipsesToolTip title={metadata.actual_in || null} kiosk={cardSettings.kiosk}>
|
||||||
{metadata.actual_in ? (
|
{metadata.actual_in ? (
|
||||||
<Space>
|
<Space>
|
||||||
<DownloadOutlined />
|
<DownloadOutlined />
|
||||||
@@ -174,7 +195,7 @@ const ActualInToolTip = ({ metadata, cardSettings }) =>
|
|||||||
const ScheduledCompletionToolTip = ({ metadata, cardSettings, pastDueAlert }) =>
|
const ScheduledCompletionToolTip = ({ metadata, cardSettings, pastDueAlert }) =>
|
||||||
cardSettings?.scheduled_completion && (
|
cardSettings?.scheduled_completion && (
|
||||||
<Col span={cardSettings.compact ? 24 : 12}>
|
<Col span={cardSettings.compact ? 24 : 12}>
|
||||||
<EllipsesToolTip title={metadata.scheduled_completion} kiosk={cardSettings.kiosk}>
|
<EllipsesToolTip title={metadata.scheduled_completion || null} kiosk={cardSettings.kiosk}>
|
||||||
{metadata.scheduled_completion ? (
|
{metadata.scheduled_completion ? (
|
||||||
<Space className={pastDueAlert}>
|
<Space className={pastDueAlert}>
|
||||||
<CalendarOutlined />
|
<CalendarOutlined />
|
||||||
@@ -190,7 +211,7 @@ const ScheduledCompletionToolTip = ({ metadata, cardSettings, pastDueAlert }) =>
|
|||||||
const AltTransportToolTip = ({ metadata, cardSettings }) =>
|
const AltTransportToolTip = ({ metadata, cardSettings }) =>
|
||||||
cardSettings?.ats && (
|
cardSettings?.ats && (
|
||||||
<Col span={12}>
|
<Col span={12}>
|
||||||
<EllipsesToolTip title={metadata.alt_transport} kiosk={cardSettings.kiosk}>
|
<EllipsesToolTip title={metadata.alt_transport || null} kiosk={cardSettings.kiosk}>
|
||||||
{metadata.alt_transport ? metadata.alt_transport : <span> </span>}
|
{metadata.alt_transport ? metadata.alt_transport : <span> </span>}
|
||||||
</EllipsesToolTip>
|
</EllipsesToolTip>
|
||||||
</Col>
|
</Col>
|
||||||
|
|||||||
Reference in New Issue
Block a user