From d9b2fbcbf94007feef3a0164a69c0c3c6046a70a Mon Sep 17 00:00:00 2001 From: Srinath Date: Wed, 4 Mar 2026 16:31:11 +0530 Subject: [PATCH] Implement dynamic header and table color functionality --- .../ThermalPrinter/PrintStyle6.jsx | 248 ++++++++++++++---- 1 file changed, 194 insertions(+), 54 deletions(-) diff --git a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.jsx b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.jsx index 9cc53e0..c14c2e5 100644 --- a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.jsx +++ b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle6.jsx @@ -29,7 +29,17 @@ import { GlobalprintLogo, GlobalprintCredit, GlobalprintTax, - GlobalSelectedPrintHeaderColor, + GlobalSelectedPrintHeaderColor, + GlobalSelectedPrintHeaderFontColor, + GlobalSelectedTableHeaderColor, + GlobalSelectedTableHeaderFontColor, + GlobalSelectedTableBodyFontColor, + GlobalSelectedTableBodyColor, + GlobalRowType, + GlobalSelectedFooterColor, + GlobalSelectedFooterFontColor, + GlobalSelectedNetAmountColor, + GlobalSelectedNetAmountFontColor, } from '../../../../Features/ThemeChange/ThemeChange'; import { GlobalUpiIDprint, @@ -103,7 +113,17 @@ const Printstyle6 = ({ const GlobalLogo = useSelector(GlobalprintLogo); const GlobalCredit = useSelector(GlobalprintCredit); const SettingData = useSelector(PreferenceData); - const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); + const SelectedHeaderColor = useSelector(GlobalSelectedPrintHeaderColor); + const SelectedHeaderFontColor = useSelector(GlobalSelectedPrintHeaderFontColor); + const SelectedTableHeaderColor = useSelector(GlobalSelectedTableHeaderColor); + const SelectedTableHeaderFontColor = useSelector(GlobalSelectedTableHeaderFontColor); + const SelectedTableBodyColor = useSelector(GlobalSelectedTableBodyColor); + const SelectedTableBodyFontColor = useSelector(GlobalSelectedTableBodyFontColor); + const SelectedRowType = useSelector(GlobalRowType); + const SelectedTableFooterColor = useSelector(GlobalSelectedFooterColor); + const SelectedTableFooterFontColor = useSelector(GlobalSelectedFooterFontColor); + const SelectedNetAmountColor = useSelector(GlobalSelectedNetAmountColor); + const SelectedNetAmountFontColor = useSelector(GlobalSelectedNetAmountFontColor); console.log(CashierNameField, "GlobaldummyData") const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( (i) => i.SettingIdName === 'PrintUom' @@ -146,7 +166,12 @@ const Printstyle6 = ({ (ps) => ps.PaymentStatus === 'S' && ps?.LastOrderTran === 'Y' ) - console.log(GlobalDiscount, Discount, 'Discount'); + let printColors = printDatas?.PrintColors; + const headerColor = printColors?.find(obj => obj.headerColor)?.headerColor; + const tableHeaderColor = printColors?.find(obj => obj.tableHeaderColor)?.tableHeaderColor; + const tableBodyColor = printColors?.find(obj => obj.tableBodyColor)?.tableBodyColor; + const footerColor = printColors?.find(obj => obj.footerColor)?.footerColor; + const netAmtColor = printColors?.find(obj => obj.netAmtColor)?.netAmtColor; let TermsAndConditions = printDatas?.TermsandConditions; let SignatureImg = printDatas?.Signature; @@ -331,7 +356,51 @@ const Printstyle6 = ({ ? paginatedChunks[paginatedChunks.length - 1].length : 0; const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 13); + const headerStyle = { + backgroundColor: GlobaldummyData + ? SelectedHeaderColor + : headerColor?.background, + color: GlobaldummyData + ? SelectedHeaderFontColor + : headerColor?.font, + } + const tableHeaderStyle = { + backgroundColor: GlobaldummyData + ? SelectedTableHeaderColor + : tableHeaderColor?.background, + + color: GlobaldummyData + ? SelectedTableHeaderFontColor + : tableHeaderColor?.font, + } + const tableBodyStyle = { + backgroundColor: GlobaldummyData + ? SelectedTableBodyColor + : tableBodyColor?.background, + color: GlobaldummyData + ? SelectedTableBodyFontColor + : tableBodyColor?.font, + } + const rowtypeStyle = GlobaldummyData ? SelectedRowType : tableBodyColor?.rowType; + const footerColorStyle = { + backgroundColor: GlobaldummyData + ? SelectedTableFooterColor + : footerColor?.background, + + color: GlobaldummyData + ? SelectedTableFooterFontColor + : footerColor?.font, + } + const netAmountStyle = { + backgroundColor: GlobaldummyData + ? SelectedNetAmountColor + : netAmtColor?.background, + + color: GlobaldummyData + ? SelectedNetAmountFontColor + : netAmtColor?.font, + } return ( <> {FormatTheme ? ( @@ -389,7 +458,7 @@ const Printstyle6 = ({ {!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( '' ) : ( -
+
) : null}
-
+
{GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
@@ -551,12 +620,12 @@ const Printstyle6 = ({ {GlobaldummyData ? GlobalSlNo && ( - S.No + S.No ) - : SLNO && S.No} + : SLNO && S.No} {GlobaldummyData ? ( (GlobalItem || GlobalQuantity) && ( - + {GlobaldummyData ? GlobalItem && 'ITEM /DES/' : 'ITEM /DES/'}{' '} @@ -566,7 +635,7 @@ const Printstyle6 = ({ ) ) : ( - + {GlobaldummyData ? GlobalItem && 'ITEM /DES/' : Item && 'ITEM /DES/'}{' '} @@ -579,6 +648,7 @@ const Printstyle6 = ({ ? GlobalHsnCode && ( {dataChunk?.map((item, index) => { return ( - + {GlobaldummyData ? GlobalSlNo && {index + 1} : SLNO && ( @@ -946,12 +1038,12 @@ const Printstyle6 = ({ {GlobaldummyData ? GlobalSlNo && ( - S.No + S.No ) - : SLNO && S.No} + : SLNO && S.No} {GlobaldummyData ? ( (GlobalItem || GlobalQuantity) && ( - + {GlobaldummyData ? GlobalItem && 'ITEM /DES/' : 'ITEM /DES/'}{' '} @@ -961,7 +1053,7 @@ const Printstyle6 = ({ ) ) : ( - + {GlobaldummyData ? GlobalItem && 'ITEM /DES/' : Item && 'ITEM /DES/'}{' '} @@ -974,6 +1066,7 @@ const Printstyle6 = ({ ? GlobalHsnCode && ( {dataChunk?.map((item, index) => { return ( - + {GlobaldummyData ? GlobalSlNo && {index + 1} : SLNO && ( @@ -1682,7 +1797,7 @@ const Printstyle6 = ({
)} -
+
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( @@ -2683,7 +2799,7 @@ const Printstyle6 = ({
)} -
+
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( @@ -3283,7 +3400,7 @@ const Printstyle6 = ({ {!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( '' ) : ( -
+
) : null}
-
+
{GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
@@ -3436,11 +3553,11 @@ const Printstyle6 = ({ {GlobaldummyData - ? GlobalSlNo && S.No - : SLNO && S.No} + ? GlobalSlNo && S.No + : SLNO && S.No} {GlobaldummyData ? ( (GlobalItem || GlobalQuantity) && ( - + {GlobaldummyData ? GlobalItem && 'ITEM /DES/' : 'ITEM /DES/'}{' '} @@ -3448,7 +3565,7 @@ const Printstyle6 = ({ ) ) : ( - + {GlobaldummyData ? GlobalItem && 'ITEM /DES/' : Item && 'ITEM /DES/'}{' '} @@ -3459,68 +3576,68 @@ const Printstyle6 = ({ )} {GlobaldummyData ? GlobalHsnCode && ( - + HSN ) : HsnCode && ( - + HSN )} {GlobaldummyData ? GlobalMRP && ( - + MRP ) : MRP && ( - + MRP )} {GlobaldummyData ? GlobalDiscount && ( - + Dis{' '} ) : Discount && ( - + Dis{' '} )} {GlobaldummyData ? GlobalTax && ( - + Tax % ) : Tax && table2Data?.OrderType !== 'E' && ( - + Tax % )} {GlobaldummyData ? GlobalRate && ( - + Rate ) : Rate && ( - + Rate )} {GlobaldummyData ? GlobalAmount && ( - + AMt ) : Amount && ( - + Amt )} @@ -3530,7 +3647,18 @@ const Printstyle6 = ({ {(GlobaldummyData ? products : TakeawayData)?.map( (item, index) => { return ( - + {GlobaldummyData ? GlobalSlNo && {index + 1} : SLNO && {index + 1}} @@ -3727,11 +3855,11 @@ const Printstyle6 = ({ {GlobaldummyData - ? GlobalSlNo && S.No - : SLNO && S.No} + ? GlobalSlNo && S.No + : SLNO && S.No} {GlobaldummyData ? ( (GlobalItem || GlobalQuantity) && ( - + {GlobaldummyData ? GlobalItem && 'ITEM /DES/' : 'ITEM /DES/'}{' '} @@ -3739,7 +3867,7 @@ const Printstyle6 = ({ ) ) : ( - + {GlobaldummyData ? GlobalItem && 'ITEM /DES/' : Item && 'ITEM /DES/'}{' '} @@ -3750,68 +3878,68 @@ const Printstyle6 = ({ )} {GlobaldummyData ? GlobalHsnCode && ( - + HSN ) : HsnCode && ( - + HSN )} {GlobaldummyData ? GlobalMRP && ( - + MRP ) : MRP && ( - + MRP )} {GlobaldummyData ? GlobalDiscount && ( - + Dis{' '} ) : Discount && ( - + Dis{' '} )} {GlobaldummyData ? GlobalTax && ( - + Tax % ) : Tax && table2Data?.OrderType !== 'E' && ( - + Tax % )} {GlobaldummyData ? GlobalRate && ( - + Rate ) : Rate && ( - + Rate )} {GlobaldummyData ? GlobalAmount && ( - + AMt ) : Amount && ( - + Amt )} @@ -3821,7 +3949,18 @@ const Printstyle6 = ({ {(GlobaldummyData ? products : DineInData)?.map( (item, index) => { return ( - + {GlobaldummyData ? GlobalSlNo && {index + 1} : SLNO && {index + 1}} @@ -4380,7 +4519,7 @@ const Printstyle6 = ({
)} -
+
{!estimatePrintHeader && table2Data?.OrderType === 'E' ? (