Skip to content

Commit

Permalink
Add transaction total sell price input.
Browse files Browse the repository at this point in the history
  • Loading branch information
@muazhari
muazhari committed Jun 26, 2023
1 parent 6c25695 commit 82dca3b
Show file tree
Hide file tree
Showing 3 changed files with 72 additions and 31 deletions.
2 changes: 1 addition & 1 deletion .env
View file
Original file line number Diff line number Diff line change
@@ -1,3 +1,3 @@
NODE_ENV=development
APP_PORT=3000
NEXT_PUBLIC_API_URL_BACKEND_ONE=http://pc-3:8000/api/v1
NEXT_PUBLIC_API_URL_BACKEND_ONE=http://ventry.sytes.net:8000/api/v1
7 changes: 5 additions & 2 deletions .idea/workspace.xml
View file

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

94 changes: 66 additions & 28 deletions src/components/managements/histories/transaction/transaction_update_modal.tsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,7 @@ import confirmationModalSlice from "@/slices/confirmation_modal_slice";

type FormikInitialValues = {
transactionTimestamp: string
transactionTotalSellPrice: number
currentTransactionItemMaps: TransactionItemMap[]
newTransactionItemMaps: TransactionItemMap[]
}
Expand Down Expand Up @@ -87,15 +88,13 @@ export default function TransactionUpdateModalComponent() {
const handleSubmitUpdate = (values: FormikInitialValues) => {
const newTransactionItemMaps: TransactionItemMap[] = values.newTransactionItemMaps
const currentTransactionItemMaps: TransactionItemMap[] = values.currentTransactionItemMaps
const allTransactionItemMaps: TransactionItemMap[] = [...currentTransactionItemMaps, ...newTransactionItemMaps]
const totalSellPrice: number = allTransactionItemMaps!.reduce((total, tim) => total + tim.sellPrice!, 0)

transactionService
.patchOneById({
id: currentTransaction!.id,
body: {
accountId: currentTransaction!.accountId,
sellPrice: totalSellPrice,
sellPrice: values.transactionTotalSellPrice,
timestamp: new Date(values.transactionTimestamp).toISOString()
}
}).then((response) => {
Expand Down Expand Up @@ -179,18 +178,41 @@ export default function TransactionUpdateModalComponent() {
}))
}

const getNewTransactionItemMapQuantity = (value: Item, props: FormikProps<FormikInitialValues>): string => {
const getNewTransactionItemMapQuantity = (props: FormikProps<FormikInitialValues>, value: Item): string => {
const newTransactionItemMaps: TransactionItemMap[] = props.values.newTransactionItemMaps
const index: number = newTransactionItemMaps.findIndex((tim) => tim.itemId === value.id)
return `newTransactionItemMaps[${index}].quantity`
}

const getNewTransactionItemMapSellPrice = (value: Item, props: FormikProps<FormikInitialValues>): string => {
const getNewTransactionItemMapSellPrice = (props: FormikProps<FormikInitialValues>, value: Item): string => {
const newTransactionItemMaps: TransactionItemMap[] = props.values.newTransactionItemMaps
const index: number = newTransactionItemMaps.findIndex((tim) => tim.itemId === value.id)
return `newTransactionItemMaps[${index}].sellPrice`
}

const handleChangeCurrentTransactionItemMapSellPrice = (event: any, props: FormikProps<FormikInitialValues>, index: number, value: TransactionItemMap) => {
if (event.target.value < 0) {
dispatch(messageModalSlice.actions.configure({
type: "failed",
content: "Quantity must be greater than or equal to 0.",
isShow: true
}))
return
}

const sellPrice: number = event.target.value * items!.find(item => item.id === value.itemId)!.unitSellPrice
props.handleChange(event)
props.setFieldValue(
`currentTransactionItemMaps[${index}].sellPrice`,
sellPrice
)
props.values.currentTransactionItemMaps[index].sellPrice = sellPrice
props.setFieldValue(
"transactionTotalSellPrice",
[...props.values.newTransactionItemMaps, ...props.values.currentTransactionItemMaps].reduce((total, tim) => total + tim.sellPrice!, 0)
)
}

const handleChangeNewTransactionItemMapQuantity = (event: any, props: FormikProps<FormikInitialValues>, value: Item) => {
if (event.target.value < 0) {
dispatch(messageModalSlice.actions.configure({
Expand All @@ -201,27 +223,40 @@ export default function TransactionUpdateModalComponent() {
return
}

const newTransactionItemMaps: TransactionItemMap[] = props.values.newTransactionItemMaps.map((tim) => {
if (tim.itemId === value.id) {
return {
...tim,
quantity: event.target.value,
sellPrice: value.unitSellPrice * event.target.value
};
} else {
return tim;
}
}
)
props.handleChange(event)
props.setFieldValue(
"newTransactionItemMaps",
props.values.newTransactionItemMaps.map((tim) => {
if (tim.itemId === value.id) {
return {
...tim,
quantity: event.target.value,
sellPrice: value.unitSellPrice * event.target.value
}
} else {
return tim
}
}
)
newTransactionItemMaps
)
props.setFieldValue(
"transactionTotalSellPrice",
[...newTransactionItemMaps, ...props.values.currentTransactionItemMaps].reduce((total, tim) => total + tim.sellPrice!, 0)
)
}

const getTransactionTotalSellPrice = (props: FormikProps<FormikInitialValues>): number => {
const totalSellPriceCurrentTransactionItemMaps: number = props.values.currentTransactionItemMaps.reduce((total, tim) => total + tim.sellPrice!, 0)
const totalSellPriceNewCurrentTransactionItemMaps: number = props.values.newTransactionItemMaps.reduce((total, tim) => total + tim.sellPrice!, 0)
return totalSellPriceCurrentTransactionItemMaps + totalSellPriceNewCurrentTransactionItemMaps
}


const formikInitialValues: FormikInitialValues = {
transactionTimestamp: moment(new Date(currentTransaction!.timestamp)).format("YYYY-MM-DDTHH:mm"),
currentTransactionItemMaps: currentTransactionItemMaps!,
transactionTotalSellPrice: currentTransactionItemMaps!.reduce((total, tim) => total + tim.sellPrice!, 0),
currentTransactionItemMaps: currentTransactionItemMaps,
newTransactionItemMaps: items!.map((item) => {
return {
id: undefined,
Expand Down Expand Up @@ -258,12 +293,21 @@ export default function TransactionUpdateModalComponent() {
(props) => (
<Form>
<div className="transaction-timestamp">
<label>Timestamp</label>
<Field
className="form-control"
type="datetime-local"
name="transactionTimestamp"
/>
</div>
<div className="transaction-total-sell-price mt-3">
<label>Total Sell Price</label>
<Field
className="form-control"
type="number"
name="transactionTotalSellPrice"
/>
</div>
<div className="current-transaction-item-maps">
<table className="table ">
<thead>
Expand All @@ -290,13 +334,7 @@ export default function TransactionUpdateModalComponent() {
type="number"
name={`currentTransactionItemMaps[${index}].quantity`}
className="form-control"
onChange={(event: any) => {
props.handleChange(event)
props.setFieldValue(
`currentTransactionItemMaps[${index}].sellPrice`,
event.target.value * items!.find(item => item.id === value.itemId)!.unitSellPrice
)
}}
onChange={(event: any) => handleChangeCurrentTransactionItemMapSellPrice(event, props, index, value)}
/>
</td>
<td>
Expand Down Expand Up @@ -334,7 +372,7 @@ export default function TransactionUpdateModalComponent() {
</tr>
</thead>
<tbody>
{items!.map((value, index) => {
{items!.filter(item => !props.values.currentTransactionItemMaps!.map(tim => tim.itemId).includes(item.id)).map((value, index) => {
return (
<tr key={value.id}>
<td>{value.id}</td>
Expand All @@ -344,15 +382,15 @@ export default function TransactionUpdateModalComponent() {
<td>
<Field
type="number"
name={getNewTransactionItemMapQuantity(value, props)}
name={getNewTransactionItemMapQuantity(props, value)}
className="form-control"
onChange={(event: any) => handleChangeNewTransactionItemMapQuantity(event, props, value)}
/>
</td>
<td>
<Field
type="number"
name={getNewTransactionItemMapSellPrice(value, props)}
name={getNewTransactionItemMapSellPrice(props, value)}
className="form-control"
/>
</td>
Expand Down

0 comments on commit 82dca3b

Please sign in to comment.