aboutsummaryrefslogtreecommitdiff
path: root/src/components
diff options
context:
space:
mode:
authorVidhu Kant Sharma <vidhukant@vidhukant.xyz>2022-10-16 12:46:41 +0530
committerVidhu Kant Sharma <vidhukant@vidhukant.xyz>2022-10-16 12:46:41 +0530
commit5f8407ae4c60922057e2f88f65178773786bddb4 (patch)
tree0016085e04520cd8f831374b2c7cc6342e1c92a2 /src/components
parent097a393b2bf170d69ba1cef16c5e70f204e2fe65 (diff)
calculating currency/other floating point values with currency.js
Diffstat (limited to 'src/components')
-rw-r--r--src/components/tables/invoice-item-table.js30
-rw-r--r--src/components/tables/invoice-summary.js42
2 files changed, 37 insertions, 35 deletions
diff --git a/src/components/tables/invoice-item-table.js b/src/components/tables/invoice-item-table.js
index fb91af3..d008ebc 100644
--- a/src/components/tables/invoice-item-table.js
+++ b/src/components/tables/invoice-item-table.js
@@ -16,7 +16,7 @@
*/
import './scss/table.scss';
-import { getDiscountValue, getGSTValue, getAmount } from './../../classes/item';
+import { getDiscountValue, getGSTValue, getAmount, currency } from './../../classes/item';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faPencil, faTrashCan } from '@fortawesome/free-solid-svg-icons'
@@ -70,17 +70,18 @@ const ItemTable = ({items, setItems, isInterstate, sum}) => {
<td className={i.Brand.Name === "" ? "empty" : ""}>{i.Brand.Name}</td>
<td>{i.Quantity}</td>
<td className={i.UnitOfMeasure === "" ? "empty" : ""}>{i.UnitOfMeasure}</td>
- <td className={i.UnitPrice > 0 ? "" : "empty"}>{i.UnitPrice}</td>
- <td className={i.DiscountPercentage > 0 ? "" : "empty"}>{getDiscountValue(i)} ({i.DiscountPercentage}%)</td>
+ <td className={i.UnitPrice > 0 ? "" : "empty"}>{currency(i.UnitPrice).format()}</td>
+ <td className={i.DiscountPercentage > 0 ? "" : "empty"}>{getDiscountValue(i).format()} ({i.DiscountPercentage}%)</td>
{isInterstate
- ? <td className={i.GSTPercentage > 0 ? "" : "empty"}>{getGSTValue(i)} ({i.GSTPercentage}%)</td>
+ ? <td className={i.GSTPercentage > 0 ? "" : "empty"}>{getGSTValue(i).format()}</td>
: <>
- <td className={i.GSTPercentage > 0 ? "" : "empty"}>{getGSTValue(i) / 2} ({i.GSTPercentage / 2}%)</td>
- <td className={i.GSTPercentage > 0 ? "" : "empty"}>{getGSTValue(i) / 2} ({i.GSTPercentage / 2}%)</td>
+ {getGSTValue(i).distribute(2).map((j, id) =>
+ <td key={`g-${id}`} className={i.GSTPercentage > 0 ? "" : "empty"}>{j.format()} ({currency(i.GSTPercentage).divide(2).value}%)</td>
+ )}
</>
}
<td className={i.HSN === "" ? "empty" : ""}>{i.HSN}</td>
- <td>{getAmount(i)}</td>
+ <td>{getAmount(i).format()}</td>
<td className={"buttons"}>
<FontAwesomeIcon icon={faPencil} onClick={() => handleEdit(i)}/>
<FontAwesomeIcon icon={faTrashCan} onClick={() => handleDelete(i)}/>
@@ -92,19 +93,20 @@ const ItemTable = ({items, setItems, isInterstate, sum}) => {
<td className={"empty"}></td>
<td className={"empty"}></td>
<td className={"empty"}></td>
- <td className={sum.Quantity > 0 ? "" : "empty"}>{sum.Quantity}</td>
+ <td className={sum.Quantity.value > 0 ? "" : "empty"}>{sum.Quantity.value}</td>
<td className={"empty"}></td>
- <td className={sum.UnitPrice > 0 ? "" : "empty"}>{sum.UnitPrice}</td>
- <td className={sum.Discount > 0 ? "" : "empty"}>{sum.Discount}</td>
+ <td className={sum.UnitPrice.value > 0 ? "" : "empty"}>{sum.UnitPrice.format()}</td>
+ <td className={sum.Discount.value > 0 ? "" : "empty"}>{sum.Discount.format()}</td>
{isInterstate
- ? <td className={sum.GST > 0 ? "" : "empty"}>{sum.GST || 0}</td>
+ ? <td className={sum.GST.value > 0 ? "" : "empty"}>{sum.GST.format()}</td>
: <>
- <td className={sum.GST > 0 ? "" : "empty"}>{sum.GST / 2 || 0}</td>
- <td className={sum.GST > 0 ? "" : "empty"}>{sum.GST / 2 || 0}</td>
+ {sum.GST.distribute(2).map((i, id) =>
+ <td key={`g-${id}`} className={i.value > 0 ? "" : "empty"}>{i.format()}</td>
+ )}
</>
}
<td className={"empty"}></td>
- <td className={sum.Amount > 0 ? "" : "empty"}>{sum.Amount}</td>
+ <td className={sum.Amount.value > 0 ? "" : "empty"}>{sum.Amount.format()}</td>
<td className={"buttons"}>
</td>
</tr>
diff --git a/src/components/tables/invoice-summary.js b/src/components/tables/invoice-summary.js
index 5899105..7018d50 100644
--- a/src/components/tables/invoice-summary.js
+++ b/src/components/tables/invoice-summary.js
@@ -15,47 +15,47 @@
* along with this program. If not, see <https://www.gnu.org/licenses/>.
*/
-import './scss/table.scss';
+import { currency } from '../../classes/item';
const InvoiceSummary = ({sum}) => {
- const totalRoundedOff = Math.round(sum.Amount);
- const roundedOffDiff = sum.Amount - totalRoundedOff;
-
- const formatter = new Intl.NumberFormat("en-US", {
- maximumSignificantDigits: 2,
- })
+ const totalRoundedOff = currency(sum.Amount !== undefined ? Math.round(sum.Amount.value) : 0.00);
+ const roundedOffDiff = sum.Amount !== undefined ? sum.Amount.subtract(totalRoundedOff) : currency(0.00);
return (
<>
<h1>Summary:</h1>
<table>
<tbody>
- <tr>
- <td>Base Total</td>
- <td>{formatter.format(sum.UnitPrice)}</td>
- </tr>
- {sum.Discount > 0 &&
+ {sum.UnitPrice !== undefined &&
+ <tr>
+ <td>Base Total</td>
+ <td>{sum.UnitPrice.format()}</td>
+ </tr>
+ }
+ {sum.Discount !== undefined && sum.Discount.value > 0 &&
<tr>
<td>Total After Discount</td>
- <td>{formatter.format(sum.UnitPrice - sum.Discount)} (-{formatter.format(sum.Discount)})</td>
+ <td>{sum.UnitPrice.subtract(sum.Discount).format()} (-{sum.Discount.format()})</td>
</tr>
}
- {sum.GST > 0 &&
+ {sum.GST !== undefined && sum.GST.value > 0 &&
<tr>
<td>Total After Tax</td>
- <td>{formatter.format(sum.UnitPrice - (sum.Discount > 0 ? sum.Discount : 0) + sum.GST)} (+{formatter.format(sum.GST)})</td>
+ <td>{sum.UnitPrice.subtract(sum.Discount.value > 0 ? sum.Discount : currency(0)).add(sum.GST).format()} (+{sum.GST.format()})</td>
</tr>
}
- {(isNaN(roundedOffDiff) || roundedOffDiff !== 0) &&
+ {roundedOffDiff.intValue !== 0 &&
<tr>
<td>Rounded Off</td>
- <td>{`${roundedOffDiff > 0 ? `(-) ${formatter.format(roundedOffDiff)}` : `(+) ${formatter.format(roundedOffDiff * -1)}`}`}</td>
+ <td>{`${roundedOffDiff.value > 0 ? `(-) ${roundedOffDiff.format()}` : `(+) ${roundedOffDiff.multiply(-1).format()}`}`}</td>
+ </tr>
+ }
+ {sum.Amount !== undefined &&
+ <tr>
+ <td>Grand Total</td>
+ <td>{sum.Amount.subtract(roundedOffDiff).format()}</td>
</tr>
}
- <tr>
- <td>Grand Total</td>
- <td>{formatter.format(sum.Amount - (isNaN(roundedOffDiff) ? 0 : roundedOffDiff))}</td>
- </tr>
</tbody>
</table>
</>