karthikalakshmi
/
Android_Retail
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added prices change short cut funtionalies

This commit is contained in:
Srinath 2026-02-09 14:12:59 +05:30
parent f13eb99a92
commit 9ae30c81b9
1 changed files with 142 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

185
src/Pages/BookingScreen/Components/BSBillingTables/BSEditTotalAmount/BSEditTotalAmt.jsx
View File

@ -38,6 +38,10 @@ const BSEditTotalAmt = (props) => {
console.log(OverAllSales, 'OverAllEstimateOverAllEstimate'); console.log(OverAllSales, 'OverAllEstimateOverAllEstimate');
const formRef = useRef(null); const formRef = useRef(null);
const formEstRef = useRef(null); const formEstRef = useRef(null);
const salesDiscInputRef = useRef(null);
const salesMoreOptInputRef = useRef(null);
const estDiscInputRef = useRef(null);
const estMoreOptInputRef = useRef(null);
const dispatch = useDispatch(); const dispatch = useDispatch();
const [messageType, setMessageType] = useState(null); const [messageType, setMessageType] = useState(null);
const [messageData, setMessageData] = useState(null); const [messageData, setMessageData] = useState(null);
@ -87,6 +91,29 @@ const BSEditTotalAmt = (props) => {
return () => clearInterval(timer); return () => clearInterval(timer);
}, [timeLeft]); }, [timeLeft]);
useEffect(() => {
const focusInput = (ref) => {
setTimeout(() => {
const inputElement = ref.current?.querySelector('input');
inputElement?.focus();
}, 100);
};
if (SalesData?.length > 0) {
if (MoreOpt) {
focusInput(salesMoreOptInputRef);
} else if (EditTotalAmt) {
focusInput(salesDiscInputRef);
}
} else if (EstimateData?.length > 0 && EditTotalAmt) {
if (ESTMoreOpt) {
focusInput(estMoreOptInputRef);
} else {
focusInput(estDiscInputRef);
}
}
}, [EditTotalAmt, MoreOpt, ESTMoreOpt, SalesData, EstimateData]);
const handleOtpChange = (index, value) => { const handleOtpChange = (index, value) => {
// Allow empty value for clearing // Allow empty value for clearing
if (value === '' || value.match(/^[0-9]$/)) { if (value === '' || value.match(/^[0-9]$/)) {
@ -201,6 +228,10 @@ const BSEditTotalAmt = (props) => {
setMessageData('Please Give less than value for sell price'); setMessageData('Please Give less than value for sell price');
setESTSellingPrice(0); setESTSellingPrice(0);
formEstRef?.current?.resetFields(); formEstRef?.current?.resetFields();
setTimeout(() => {
const inputElement = estDiscInputRef.current?.querySelector('input');
inputElement?.focus();
}, 100);
} else { } else {
setESTSellingPrice(inputValue); setESTSellingPrice(inputValue);
// Check if entered amount is 0 or equals total amount // Check if entered amount is 0 or equals total amount
@ -214,6 +245,13 @@ const BSEditTotalAmt = (props) => {
handleOk(); handleOk();
} }
}; };
const handleEstKeyDown = (e) => {
if (e.key === 'Enter') {
e.preventDefault();
SetTotalDiscount();
}
};
const SalesChangefun = (e) => { const SalesChangefun = (e) => {
const inputValue = e.target.value.trim(); const inputValue = e.target.value.trim();
console.log(e, e.target.value, 'SalesChangefun'); console.log(e, e.target.value, 'SalesChangefun');
@ -223,6 +261,10 @@ const BSEditTotalAmt = (props) => {
setMessageData('Please Give less than value for sell price'); setMessageData('Please Give less than value for sell price');
setSellingPrice(0); setSellingPrice(0);
formRef?.current?.resetFields(); formRef?.current?.resetFields();
setTimeout(() => {
const inputElement = salesDiscInputRef.current?.querySelector('input');
inputElement?.focus();
}, 100);
} else { } else {
setSellingPrice(inputValue); setSellingPrice(inputValue);
// SalesTotalAmount() // SalesTotalAmount()
@ -232,6 +274,13 @@ const BSEditTotalAmt = (props) => {
// setSalesDiscAmount(0) // setSalesDiscAmount(0)
} }
}; };
const handleSalesKeyDown = (e) => {
if (e.key === 'Enter') {
e.preventDefault();
SetTotalDiscount();
}
};
const orderscolumns = [ const orderscolumns = [
{ {
title: 'Sl.No', title: 'Sl.No',
@ -347,6 +396,10 @@ const BSEditTotalAmt = (props) => {
setSalesDiscAmount(0); setSalesDiscAmount(0);
// setFinalTotalAmt() // setFinalTotalAmt()
formRef.current?.resetFields(); formRef.current?.resetFields();
setTimeout(() => {
const inputElement = salesMoreOptInputRef.current?.querySelector('input');
inputElement?.focus();
}, 100);
}; };
const onEstPercentageSelectionChange = (data) => { const onEstPercentageSelectionChange = (data) => {
setESTPercentageSelection(data); setESTPercentageSelection(data);
@ -354,6 +407,10 @@ const BSEditTotalAmt = (props) => {
setEstDiscAmount(0); setEstDiscAmount(0);
// setFinalTotalAmt() // setFinalTotalAmt()
formEstRef.current?.resetFields(); formEstRef.current?.resetFields();
setTimeout(() => {
const inputElement = estMoreOptInputRef.current?.querySelector('input');
inputElement?.focus();
}, 100);
}; };
const PriceChangefun = (data) => { const PriceChangefun = (data) => {
@ -375,6 +432,10 @@ const BSEditTotalAmt = (props) => {
setSalesDiscAmount(0); setSalesDiscAmount(0);
// setNewPrice1(0) // setNewPrice1(0)
formRef.current?.resetFields(); formRef.current?.resetFields();
setTimeout(() => {
const inputElement = salesMoreOptInputRef.current?.querySelector('input');
inputElement?.focus();
}, 100);
} }
} else { } else {
// Percentage mode // Percentage mode
@ -391,6 +452,10 @@ const BSEditTotalAmt = (props) => {
setMessageData('Please Give less than or equal to 100'); setMessageData('Please Give less than or equal to 100');
setSalesDiscAmount(0); setSalesDiscAmount(0);
formRef.current?.resetFields(); formRef.current?.resetFields();
setTimeout(() => {
const inputElement = salesMoreOptInputRef.current?.querySelector('input');
inputElement?.focus();
}, 100);
} }
} }
} else { } else {
@ -400,6 +465,13 @@ const BSEditTotalAmt = (props) => {
} }
}; };
const handlePriceKeyDown = (e) => {
if (e.key === 'Enter') {
e.preventDefault();
SetTotalDiscount();
}
};
const PriceChangefunEst = (data) => { const PriceChangefunEst = (data) => {
console.log(data?.target.value, PercentageSelection, 'datadata'); console.log(data?.target.value, PercentageSelection, 'datadata');
if (data?.target.value) { if (data?.target.value) {
@ -418,6 +490,10 @@ const BSEditTotalAmt = (props) => {
setMessageData('Please Give less than value for sell price'); setMessageData('Please Give less than value for sell price');
setEstDiscAmount(0); setEstDiscAmount(0);
formEstRef.current?.resetFields(); formEstRef.current?.resetFields();
setTimeout(() => {
const inputElement = estMoreOptInputRef.current?.querySelector('input');
inputElement?.focus();
}, 100);
} }
} else { } else {
// Percentage mode // Percentage mode
@ -434,6 +510,10 @@ const BSEditTotalAmt = (props) => {
setMessageData('Please Give less than or equal to 100'); setMessageData('Please Give less than or equal to 100');
setEstDiscAmount(0); setEstDiscAmount(0);
formEstRef.current?.resetFields(); formEstRef.current?.resetFields();
setTimeout(() => {
const inputElement = estMoreOptInputRef.current?.querySelector('input');
inputElement?.focus();
}, 100);
} }
} }
} else { } else {
@ -444,6 +524,13 @@ const BSEditTotalAmt = (props) => {
} }
}; };
const handlePriceEstKeyDown = (e) => {
if (e.key === 'Enter') {
e.preventDefault();
SetTotalDiscount();
}
};
const moreOptions = () => { const moreOptions = () => {
setMoreOpt((prev) => !prev); setMoreOpt((prev) => !prev);
setSalesDiscAmount(0); setSalesDiscAmount(0);
@ -535,15 +622,18 @@ const BSEditTotalAmt = (props) => {
}, },
]} ]}
> >
<InputField <div ref={salesDiscInputRef}>
field="SalesDisc" <InputField
name="SalesDisc" field="SalesDisc"
fieldState={true} name="SalesDisc"
fieldApi={true} fieldState={true}
autocomplete="off" fieldApi={true}
onChange={(e) => SalesChangefun(e)} autocomplete="off"
maxLength={8} onChange={(e) => SalesChangefun(e)}
/> onKeyDown={(e) => handleSalesKeyDown(e)}
maxLength={8}
/>
</div>
</Form.Item> </Form.Item>
</Form>{' '} </Form>{' '}
</td> </td>
@ -593,18 +683,21 @@ const BSEditTotalAmt = (props) => {
}, },
]} ]}
> >
<InputField <div ref={salesMoreOptInputRef}>
field="SellPrice" <InputField
name="SellPrice" field="SellPrice"
// value={NewPrice1} name="SellPrice"
label="Reduction" // value={NewPrice1}
fieldState={true} label="Reduction"
fieldApi={true} fieldState={true}
// id="error2" fieldApi={true}
autocomplete="off" // id="error2"
onChange={(e) => PriceChangefun(e)} autocomplete="off"
// isOnChange={formType == "edit" || formRef.current?.getFieldsValue()?.CustName ? true : false} onChange={(e) => PriceChangefun(e)}
/> onKeyDown={(e) => handlePriceKeyDown(e)}
// isOnChange={formType == "edit" || formRef.current?.getFieldsValue()?.CustName ? true : false}
/>
</div>
</Form.Item> </Form.Item>
{/* <input type="text" {/* <input type="text"
onChange={(e)=>PriceChangefun(e)} onChange={(e)=>PriceChangefun(e)}
@ -684,16 +777,19 @@ const BSEditTotalAmt = (props) => {
}, },
]} ]}
> >
<InputField <div ref={estDiscInputRef}>
field="ESTSalesDisc" <InputField
name="ESTSalesDisc" field="ESTSalesDisc"
fieldState={true} name="ESTSalesDisc"
fieldApi={true} fieldState={true}
// id="error2" fieldApi={true}
autocomplete="off" // id="error2"
onChange={(e) => EstChangefun(e)} autocomplete="off"
maxLength={8} onChange={(e) => EstChangefun(e)}
/> onKeyDown={(e) => handleEstKeyDown(e)}
maxLength={8}
/>
</div>
</Form.Item> </Form.Item>
</Form> </Form>
</td> </td>
@ -742,18 +838,21 @@ const BSEditTotalAmt = (props) => {
}, },
]} ]}
> >
<InputField <div ref={estMoreOptInputRef}>
field="SellPrice" <InputField
name="ESTSellingPrice" field="SellPrice"
// value={NewPrice1} name="ESTSellingPrice"
label="Reduction" // value={NewPrice1}
fieldState={true} label="Reduction"
fieldApi={true} fieldState={true}
// id="error2" fieldApi={true}
autocomplete="off" // id="error2"
onChange={(e) => PriceChangefunEst(e)} autocomplete="off"
// isOnChange={formType == "edit" || formRef.current?.getFieldsValue()?.CustName ? true : false} onChange={(e) => PriceChangefunEst(e)}
/> onKeyDown={(e) => handlePriceEstKeyDown(e)}
// isOnChange={formType == "edit" || formRef.current?.getFieldsValue()?.CustName ? true : false}
/>
</div>
</Form.Item> </Form.Item>
{/* <input type="text" {/* <input type="text"
onChange={(e)=>PriceChangefun(e)} onChange={(e)=>PriceChangefun(e)}