diff --git a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle9.jsx b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle9.jsx index aa95551..076051a 100644 --- a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle9.jsx +++ b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle9.jsx @@ -29,6 +29,16 @@ import { GlobalprintCredit, GlobalprintTax, GlobalSelectedPrintHeaderColor, + GlobalSelectedPrintHeaderFontColor, + GlobalSelectedTableHeaderColor, + GlobalSelectedTableHeaderFontColor, + GlobalSelectedTableBodyFontColor, + GlobalSelectedTableBodyColor, + GlobalRowType, + GlobalSelectedFooterColor, + GlobalSelectedFooterFontColor, + GlobalSelectedNetAmountColor, + GlobalSelectedNetAmountFontColor, } from '../../../../Features/ThemeChange/ThemeChange'; import Logo from '../../../../Images/Logo.jpg'; import { @@ -144,7 +154,23 @@ const PrintStyle9 = ({ (ps) => ps.PaymentStatus === 'S' && ps?.LastOrderTran === 'Y' ); - 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); + 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; let Notestext = printDatas?.Notes; @@ -351,7 +377,51 @@ const PrintStyle9 = ({ ? paginatedChunks[paginatedChunks.length - 1].length : 0; const shouldFooterBeOnNewPage = lastChunkRows > (PageSize == 'A5' ? 5 : 10); + 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 ? ( @@ -409,7 +479,7 @@ const PrintStyle9 = ({ {!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( '' ) : ( -
+
@@ -582,25 +651,25 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalSlNo && ( - S.No + S.No ) - : SLNO && S.No} + : SLNO && S.No} {GlobaldummyData ? GlobalItem && ( - Item + Item ) - : Item && Item} + : Item && Item} {GlobaldummyData ? GlobalQuantity && ( Qty ) : Quantity && ( {WeightasKg ? 'Qty/Kg' : 'Qty'} @@ -608,14 +677,14 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalHsnCode && ( HSN ) : HsnCode && ( HSN @@ -623,14 +692,14 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalMRP && ( MRP ) : MRP && ( MRP @@ -638,14 +707,14 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalDiscount && ( Dis{' '} ) : Discount && ( Dis{' '} @@ -653,7 +722,7 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalTax && ( Tax % @@ -661,7 +730,7 @@ const PrintStyle9 = ({ : Tax && table2Data?.OrderType !== 'E' && ( Tax % @@ -669,14 +738,14 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalRate && ( Rate ) : Rate && ( Rate @@ -684,14 +753,14 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalAmount && ( Amt ) : Amount && ( Amt @@ -701,7 +770,18 @@ const PrintStyle9 = ({ {dataChunk?.map((item, index) => { return ( - + {GlobaldummyData ? GlobalSlNo && {index + 1} : SLNO && ( @@ -895,25 +975,25 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalSlNo && ( - S.No + S.No ) - : SLNO && S.No} + : SLNO && S.No} {GlobaldummyData ? GlobalItem && ( - Item + Item ) - : Item && Item} + : Item && Item} {GlobaldummyData ? GlobalQuantity && ( Qty ) : Quantity && ( {WeightasKg ? 'Qty/Kg' : 'Qty'} @@ -921,14 +1001,14 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalHsnCode && ( HSN ) : HsnCode && ( HSN @@ -936,14 +1016,14 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalMRP && ( MRP ) : MRP && ( MRP @@ -951,14 +1031,14 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalDiscount && ( Dis{' '} ) : Discount && ( Dis{' '} @@ -966,7 +1046,7 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalTax && ( Tax % @@ -974,7 +1054,7 @@ const PrintStyle9 = ({ : Tax && table2Data?.OrderType !== 'E' && ( Tax % @@ -982,14 +1062,14 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalRate && ( Rate ) : Rate && ( Rate @@ -997,14 +1077,14 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalAmount && ( Amt ) : Amount && ( Amt @@ -1014,7 +1094,18 @@ const PrintStyle9 = ({ {dataChunk?.map((item, index) => { return ( - + {GlobaldummyData ? GlobalSlNo && {index + 1} : SLNO && ( @@ -1242,6 +1333,7 @@ const PrintStyle9 = ({ style={{ display: 'flex', justifyContent: 'space-between', + ...netAmountStyle }} >
Net Amount:
@@ -1922,6 +2014,7 @@ const PrintStyle9 = ({ pageBreakBefore: 'avoid', pageBreakInside: 'avoid', minHeight: 'auto', + ...footerColorStyle }} > {!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( @@ -2245,7 +2338,7 @@ const PrintStyle9 = ({
Net Amount:
@@ -2903,6 +2996,7 @@ const PrintStyle9 = ({ pageBreakBefore: 'avoid', pageBreakInside: 'avoid', minHeight: 'auto', + ...footerColorStyle }} > {!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( @@ -3118,7 +3212,7 @@ const PrintStyle9 = ({ {!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( '' ) : ( -
+
@@ -3296,89 +3389,89 @@ const PrintStyle9 = ({ {GlobaldummyData ? GlobalSlNo && ( - + S.No ) - : SLNO && S.No} + : SLNO && S.No} {GlobaldummyData - ? GlobalItem && Item - : Item && Item} + ? GlobalItem && Item + : Item && Item} {GlobaldummyData ? GlobalQuantity && ( - + Qty ) : Quantity && ( - + {WeightasKg ? 'Qty/Kg' : 'Qty'} )} {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 )} @@ -3388,7 +3481,18 @@ const PrintStyle9 = ({ {(GlobaldummyData ? products : TakeawayData)?.map( (item, index) => { return ( - + {GlobaldummyData ? GlobalSlNo && {index + 1} : SLNO && {index + 1}} @@ -3546,86 +3650,86 @@ const PrintStyle9 = ({ {GlobaldummyData - ? GlobalSlNo && S.No - : SLNO && S.No} + ? GlobalSlNo && S.No + : SLNO && S.No} {GlobaldummyData - ? GlobalItem && Item - : Item && Item} + ? GlobalItem && Item + : Item && Item} {GlobaldummyData ? GlobalQuantity && ( - + Qty ) : Quantity && ( - + {WeightasKg ? 'Qty/Kg' : 'Qty'} )} {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 )} @@ -3635,7 +3739,18 @@ const PrintStyle9 = ({ {(GlobaldummyData ? products : DineInData)?.map( (item, index) => { return ( - + {GlobaldummyData ? GlobalSlNo && {index + 1} : SLNO && {index + 1}} @@ -3846,7 +3961,7 @@ const PrintStyle9 = ({
-
+
Net Amount:
{GlobaldummyData @@ -4483,6 +4598,7 @@ const PrintStyle9 = ({ pageBreakBefore: 'avoid', pageBreakInside: 'avoid', minHeight: 'auto', + ...footerColorStyle }} > {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (