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

WIP RO Closer.

Browse Source
This commit is contained in:
Patrick Fic
2024-03-19 08:10:45 -07:00
parent f855e6423e
commit 8ea7db6488
12 changed files with 364 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files

121
client/src/components/job-costing-statistics/job-costing-statistics.component.jsx
View File

@@ -1,63 +1,64 @@
import {Statistic} from "antd";
import React from "react";
import {useTranslation} from "react-i18next";
import Dinero from "dinero.js";
import { Space, Statistic } from 'antd';
import React from 'react';
import { useTranslation } from 'react-i18next';
import Dinero from 'dinero.js';
export default function JobCostingStatistics({summaryData}) {
const {t} = useTranslation();
export default function JobCostingStatistics({ summaryData, onlyGP }) {
const { t } = useTranslation();
return (
<div>
<div className="imex-flex-row imex-flex-row__flex-space-around">
<Statistic
value={Dinero(summaryData.totalLaborSales).toFormat()}
title={t("jobs.labels.sale_labor")}
/>
<Statistic
value={Dinero(summaryData.totalPartsSales).toFormat()}
title={t("jobs.labels.sale_parts")}
/>
<Statistic
value={Dinero(summaryData.totalSubletSales).toFormat()}
title={t("jobs.labels.sale_sublet")}
/>
<Statistic
value={Dinero(summaryData.totalAdditionalSales).toFormat()}
title={t("jobs.labels.sale_additional")}
/>
<Statistic
value={Dinero(summaryData.totalSales).toFormat()}
title={t("jobs.labels.total_sales")}
/>
<Statistic
value={Dinero(summaryData.totalLaborCost).toFormat()}
title={t("jobs.labels.cost_labor")}
/>
<Statistic
value={Dinero(summaryData.totalPartsCost).toFormat()}
title={t("jobs.labels.cost_parts")}
/>
<Statistic
value={Dinero(summaryData.totalSubletCost).toFormat()}
title={t("jobs.labels.cost_sublet")}
/>
<Statistic
value={Dinero(summaryData.totalAdditionalCost).toFormat()}
title={t("jobs.labels.cost_Additional")}
/>
<Statistic
value={Dinero(summaryData.totalCost).toFormat()}
title={t("jobs.labels.total_cost")}
/>
<Statistic
value={Dinero(summaryData.gpdollars).toFormat()}
title={t("jobs.labels.gpdollars")}
/>
<Statistic
value={summaryData.gppercentFormatted}
title={t("jobs.labels.gppercent")}
/>
</div>
</div>
);
const gpTotals = (
<>
<Statistic
value={Dinero(summaryData.gpdollars).toFormat()}
title={t('jobs.labels.gpdollars')}
/>
<Statistic value={summaryData.gppercentFormatted} title={t('jobs.labels.gppercent')} />
</>
);
if (onlyGP) return gpTotals;
return (
<Space className="imex-flex-row imex-flex-row__flex-space-around">
<Statistic
value={Dinero(summaryData.totalLaborSales).toFormat()}
title={t('jobs.labels.sale_labor')}
/>
<Statistic
value={Dinero(summaryData.totalPartsSales).toFormat()}
title={t('jobs.labels.sale_parts')}
/>
<Statistic
value={Dinero(summaryData.totalSubletSales).toFormat()}
title={t('jobs.labels.sale_sublet')}
/>
<Statistic
value={Dinero(summaryData.totalAdditionalSales).toFormat()}
title={t('jobs.labels.sale_additional')}
/>
<Statistic
value={Dinero(summaryData.totalSales).toFormat()}
title={t('jobs.labels.total_sales')}
/>
<Statistic
value={Dinero(summaryData.totalLaborCost).toFormat()}
title={t('jobs.labels.cost_labor')}
/>
<Statistic
value={Dinero(summaryData.totalPartsCost).toFormat()}
title={t('jobs.labels.cost_parts')}
/>
<Statistic
value={Dinero(summaryData.totalSubletCost).toFormat()}
title={t('jobs.labels.cost_sublet')}
/>
<Statistic
value={Dinero(summaryData.totalAdditionalCost).toFormat()}
title={t('jobs.labels.cost_Additional')}
/>
<Statistic
value={Dinero(summaryData.totalCost).toFormat()}
title={t('jobs.labels.total_cost')}
/>
</Space>
);
}