Allow for Component Token Overrides.

Signed-off-by: Dave Richer <dave@imexsystems.ca>
This commit is contained in:
Dave Richer
2023-12-28 17:33:21 -05:00
parent e5d8cc2bea
commit 79dce5d069
57 changed files with 1890 additions and 1861 deletions

View File

@@ -254,135 +254,97 @@ export function JobsDetailPage({
<JobsDetailHeader job={job} />
<Divider type="horizontal" />
<FormFieldsChanged form={form} />
<Tabs
defaultActiveKey={search.tab}
onChange={(key) => history({ search: `?tab=${key}` })}
tabBarStyle={{ fontWeight: "bold", borderBottom: "10px" }}
>
<Tabs.TabPane
forceRender
tab={
<span>
<Icon component={FaShieldAlt} />
{t("menus.jobsdetail.general")}
</span>
}
key="general"
>
<JobsDetailGeneral job={job} form={form} />
</Tabs.TabPane>
<Tabs.TabPane
forceRender
tab={
<span>
<BarsOutlined />
{t("menus.jobsdetail.repairdata")}
</span>
}
key="repairdata"
>
<JobsLinesContainer
job={job}
joblines={job.joblines}
refetch={refetch}
form={form}
/>
</Tabs.TabPane>
<Tabs.TabPane
forceRender
tab={
<span>
<DollarCircleOutlined />
{t("menus.jobsdetail.rates")}
</span>
}
key="rates"
>
<JobsDetailRates job={job} form={form} />
</Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<DollarCircleOutlined />
{t("menus.jobsdetail.totals")}
</span>
}
key="totals"
>
<JobsDetailTotals job={job} refetch={refetch} />
</Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<ToolFilled />
{t("menus.jobsdetail.partssublet")}
</span>
}
key="partssublet"
>
<JobsDetailPliContainer job={job} />
</Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<Icon component={FaHardHat} />
{t("menus.jobsdetail.labor")}
</span>
}
key="labor"
>
<JobsDetailLaborContainer job={job} jobId={job.id} />
</Tabs.TabPane>
<Tabs.TabPane
forceRender
tab={
<span>
<CalendarFilled />
{t("menus.jobsdetail.dates")}
</span>
}
key="dates"
>
<JobsDetailDatesComponent job={job} />
</Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<FileImageFilled />
{t("jobs.labels.documents")}
</span>
}
key="documents"
>
{bodyshop.uselocalmediaserver ? (
<JobsDocumentsLocalGallery job={job} />
) : (
<JobsDocumentsGalleryContainer jobId={job.id} />
)}
</Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<Icon component={FaRegStickyNote} />
{t("jobs.labels.notes")}
</span>
}
key="notes"
>
<JobNotesContainer jobId={job.id} />
</Tabs.TabPane>
<Tabs.TabPane
tab={
<span>
<HistoryOutlined />
{t("jobs.labels.audit")}
</span>
}
key="audit"
>
<JobAuditTrail jobId={job.id} />
</Tabs.TabPane>
</Tabs>
<Tabs
defaultActiveKey={search.tab}
onChange={(key) => history({ search: `?tab=${key}` })}
tabBarStyle={{ fontWeight: "bold", borderBottom: "10px" }}
items={[
{
key: "general",
tab: (
<span><Icon component={FaShieldAlt} />{t("menus.jobsdetail.general")}</span>
),
forceRender: true,
children: <JobsDetailGeneral job={job} form={form} />,
},
{
key: "repairdata",
tab: (
<span><BarsOutlined />{t("menus.jobsdetail.repairdata")}</span>
),
forceRender: true,
children: (
<JobsLinesContainer
job={job}
joblines={job.joblines}
refetch={refetch}
form={form}
/>
),
},
{
key: "rates",
tab: (
<span><DollarCircleOutlined />{t("menus.jobsdetail.rates")}</span>
),
forceRender: true,
children: <JobsDetailRates job={job} form={form} />,
},
{
key: "totals",
tab: (
<span><DollarCircleOutlined />{t("menus.jobsdetail.totals")}</span>
),
children: <JobsDetailTotals job={job} refetch={refetch} />,
},
{
key: "partssublet",
tab: (
<span><ToolFilled />{t("menus.jobsdetail.partssublet")}</span>
),
children: <JobsDetailPliContainer job={job} />,
},
{
key: "labor",
tab: (
<span><Icon component={FaHardHat} />{t("menus.jobsdetail.labor")}</span>
),
children: <JobsDetailLaborContainer job={job} jobId={job.id} />,
},
{
key: "dates",
tab: (
<span><CalendarFilled />{t("menus.jobsdetail.dates")}</span>
),
forceRender: true,
children: <JobsDetailDatesComponent job={job} />,
},
{
key: "documents",
tab: (
<span><FileImageFilled />{t("jobs.labels.documents")}</span>
),
children: bodyshop.uselocalmediaserver ? (
<JobsDocumentsLocalGallery job={job} />
) : (
<JobsDocumentsGalleryContainer jobId={job.id} />
),
},
{
key: "notes",
tab: (
<span><Icon component={FaRegStickyNote} />{t("jobs.labels.notes")}</span>
),
children: <JobNotesContainer jobId={job.id} />,
},
{
key: "audit",
tab: (<span><HistoryOutlined />{t("jobs.labels.audit")}</span>
),
children: <JobAuditTrail jobId={job.id} />,
},
]}
/>
</Form>
</div>
);