Transfer
This commit is contained in:
@@ -40,135 +40,137 @@ export default function JobsDetailPage({
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Form onSubmit={handleSubmit} {...formItemLayout}>
|
<div>
|
||||||
<JobsDetailHeader
|
<Form onSubmit={handleSubmit} {...formItemLayout}>
|
||||||
job={job}
|
<JobsDetailHeader
|
||||||
mutationConvertJob={mutationConvertJob}
|
job={job}
|
||||||
refetch={refetch}
|
mutationConvertJob={mutationConvertJob}
|
||||||
/>
|
refetch={refetch}
|
||||||
|
|
||||||
{isFieldsTouched() ? (
|
|
||||||
<Alert
|
|
||||||
message={
|
|
||||||
<div>
|
|
||||||
{t("general.messages.unsavedchanges")}
|
|
||||||
<Button onClick={() => resetFields()}>
|
|
||||||
{t("general.actions.reset")}
|
|
||||||
</Button>
|
|
||||||
</div>
|
|
||||||
}
|
|
||||||
closable
|
|
||||||
/>
|
/>
|
||||||
) : null}
|
|
||||||
|
|
||||||
<Tabs defaultActiveKey="claimdetail">
|
{isFieldsTouched() ? (
|
||||||
<Tabs.TabPane
|
<Alert
|
||||||
tab={
|
message={
|
||||||
<span>
|
<div>
|
||||||
<Icon component={FaInfo} />
|
{t("general.messages.unsavedchanges")}
|
||||||
{t("menus.jobsdetail.claimdetail")}
|
<Button onClick={() => resetFields()}>
|
||||||
</span>
|
{t("general.actions.reset")}
|
||||||
}
|
</Button>
|
||||||
key="claimdetail"
|
</div>
|
||||||
>
|
}
|
||||||
<JobsDetailClaims job={job} />
|
closable
|
||||||
</Tabs.TabPane>
|
/>
|
||||||
|
) : null}
|
||||||
|
|
||||||
<Tabs.TabPane
|
<Tabs defaultActiveKey="claimdetail">
|
||||||
tab={
|
<Tabs.TabPane
|
||||||
<span>
|
tab={
|
||||||
<Icon component={FaShieldAlt} />
|
<span>
|
||||||
{t("menus.jobsdetail.insurance")}
|
<Icon component={FaInfo} />
|
||||||
</span>
|
{t("menus.jobsdetail.claimdetail")}
|
||||||
}
|
</span>
|
||||||
key="insurance"
|
}
|
||||||
>
|
key="claimdetail"
|
||||||
<JobsDetailInsurance job={job} />
|
>
|
||||||
</Tabs.TabPane>
|
<JobsDetailClaims job={job} />
|
||||||
|
</Tabs.TabPane>
|
||||||
|
|
||||||
<Tabs.TabPane
|
<Tabs.TabPane
|
||||||
tab={
|
tab={
|
||||||
<span>
|
<span>
|
||||||
<Icon type="bars" />
|
<Icon component={FaShieldAlt} />
|
||||||
{t("menus.jobsdetail.repairdata")}
|
{t("menus.jobsdetail.insurance")}
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
key="repairdata"
|
key="insurance"
|
||||||
>
|
>
|
||||||
<JobsLinesContainer jobId={job.id} />
|
<JobsDetailInsurance job={job} />
|
||||||
</Tabs.TabPane>
|
</Tabs.TabPane>
|
||||||
|
|
||||||
<Tabs.TabPane
|
<Tabs.TabPane
|
||||||
tab={
|
tab={
|
||||||
<span>
|
<span>
|
||||||
<Icon type="dollar" />
|
<Icon type="bars" />
|
||||||
{t("menus.jobsdetail.financials")}
|
{t("menus.jobsdetail.repairdata")}
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
key="financials"
|
key="repairdata"
|
||||||
>
|
>
|
||||||
<JobsDetailFinancials job={job} />
|
<JobsLinesContainer jobId={job.id} />
|
||||||
</Tabs.TabPane>
|
</Tabs.TabPane>
|
||||||
|
|
||||||
<Tabs.TabPane
|
<Tabs.TabPane
|
||||||
tab={
|
tab={
|
||||||
<span>
|
<span>
|
||||||
<Icon type="tool" />
|
<Icon type="dollar" />
|
||||||
{t("menus.jobsdetail.partssublet")}
|
{t("menus.jobsdetail.financials")}
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
key="partssublet"
|
key="financials"
|
||||||
>
|
>
|
||||||
Partssublet
|
<JobsDetailFinancials job={job} />
|
||||||
</Tabs.TabPane>
|
</Tabs.TabPane>
|
||||||
|
|
||||||
<Tabs.TabPane
|
<Tabs.TabPane
|
||||||
tab={
|
tab={
|
||||||
<span>
|
<span>
|
||||||
<Icon component={FaHardHat} />
|
<Icon type="tool" />
|
||||||
{t("menus.jobsdetail.labor")}
|
{t("menus.jobsdetail.partssublet")}
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
key="labor"
|
key="partssublet"
|
||||||
>
|
>
|
||||||
Labor
|
Partssublet
|
||||||
</Tabs.TabPane>
|
</Tabs.TabPane>
|
||||||
|
|
||||||
<Tabs.TabPane
|
<Tabs.TabPane
|
||||||
tab={
|
tab={
|
||||||
<span>
|
<span>
|
||||||
<Icon type="calendar" />
|
<Icon component={FaHardHat} />
|
||||||
{t("menus.jobsdetail.dates")}
|
{t("menus.jobsdetail.labor")}
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
key="dates"
|
key="labor"
|
||||||
>
|
>
|
||||||
<JobsDetailDatesComponent job={job} />}
|
Labor
|
||||||
</Tabs.TabPane>
|
</Tabs.TabPane>
|
||||||
|
|
||||||
<Tabs.TabPane
|
<Tabs.TabPane
|
||||||
tab={
|
tab={
|
||||||
<span>
|
<span>
|
||||||
<Icon type="file-image" />
|
<Icon type="calendar" />
|
||||||
{t("jobs.labels.documents")}
|
{t("menus.jobsdetail.dates")}
|
||||||
</span>
|
</span>
|
||||||
}
|
}
|
||||||
key="documents"
|
key="dates"
|
||||||
>
|
>
|
||||||
<JobsDocumentsContainer jobId={job.id} />
|
<JobsDetailDatesComponent job={job} />}
|
||||||
</Tabs.TabPane>
|
</Tabs.TabPane>
|
||||||
<Tabs.TabPane
|
|
||||||
tab={
|
<Tabs.TabPane
|
||||||
<span>
|
tab={
|
||||||
<Icon component={FaRegStickyNote} />
|
<span>
|
||||||
{t("jobs.labels.notes")}
|
<Icon type="file-image" />
|
||||||
</span>
|
{t("jobs.labels.documents")}
|
||||||
}
|
</span>
|
||||||
key="notes"
|
}
|
||||||
>
|
key="documents"
|
||||||
<JobNotesContainer jobId={job.id} />
|
>
|
||||||
</Tabs.TabPane>
|
<JobsDocumentsContainer jobId={job.id} />
|
||||||
</Tabs>
|
</Tabs.TabPane>
|
||||||
</Form>
|
<Tabs.TabPane
|
||||||
|
tab={
|
||||||
|
<span>
|
||||||
|
<Icon component={FaRegStickyNote} />
|
||||||
|
{t("jobs.labels.notes")}
|
||||||
|
</span>
|
||||||
|
}
|
||||||
|
key="notes"
|
||||||
|
>
|
||||||
|
<JobNotesContainer jobId={job.id} />
|
||||||
|
</Tabs.TabPane>
|
||||||
|
</Tabs>
|
||||||
|
</Form>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user