diff --git a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.jsx b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.jsx index e31ad52..5300bb6 100644 --- a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.jsx +++ b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle7.jsx @@ -26,6 +26,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 { @@ -99,7 +109,23 @@ const PrintStyle7 = ({ 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); + 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; const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter( (i) => i.SettingIdName === 'PrintUom' )?.[0]; @@ -349,7 +375,51 @@ const PrintStyle7 = ({ ? 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 ? ( @@ -408,7 +478,7 @@ const PrintStyle7 = ({ {!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( '' ) : ( -
+
{/*
{GlobaldummyData ? 'XYZ Shop' : table2Data?.BrName}
*/}
{' '} @@ -575,63 +644,64 @@ const PrintStyle7 = ({ {GlobaldummyData ? GlobalSlNo && ( - S + S ) : SLNO == true && ( - S + S )} {GlobaldummyData - ? GlobalItem && Item - : Item == true && Item} + ? GlobalItem && Item + : Item == true && Item} {GlobaldummyData ? GlobalHsnCode && ( - HSN + HSN ) : HsnCode == true && ( - HSN + HSN )} {GlobaldummyData ? GlobalQuantity && ( - Qty + Qty ) : Quantity == true && ( - + {WeightasKg ? 'Qty/Kg' : 'Qty'} )} {GlobaldummyData ? GlobalMRP && ( - MRP + MRP ) : MRP == true && ( - MRP + MRP )} {GlobaldummyData ? GlobalRate && ( - Rate + Rate ) : Rate == true && ( - Rate + Rate )} {GlobaldummyData ? GlobalDiscount && ( - Dis + Dis ) : Discount == true && ( - Dis + Dis )} {GlobaldummyData ? GlobalTax && ( - Tax % + Tax % ) : Tax && table2Data?.OrderType !== 'E' && ( - Tax % + Tax % )} {GlobaldummyData ? GlobalAmount && ( {dataChunk?.map((item, index) => ( - + {GlobaldummyData ? GlobalSlNo && ( @@ -719,11 +801,11 @@ const PrintStyle7 = ({ {(item?.ProductIdentifierDtls ?? []) .find(items => items.SerialNumber || items.IMEI1 || items.IMEI2)?.Description && ( -
- {(item?.ProductIdentifierDtls ?? []) - .find(items => items.SerialNumber || items.IMEI1 || items.IMEI2).Description} -
- )} +
+ {(item?.ProductIdentifierDtls ?? []) + .find(items => items.SerialNumber || items.IMEI1 || items.IMEI2).Description} +
+ )}
)} @@ -836,63 +918,64 @@ const PrintStyle7 = ({ {GlobaldummyData ? GlobalSlNo && ( - S.No + S.No ) : SLNO == true && ( - S.NO + S.NO )} {GlobaldummyData - ? GlobalItem && Item - : Item == true && Item} + ? GlobalItem && Item + : Item == true && Item} {GlobaldummyData ? GlobalHsnCode && ( - HSN + HSN ) : HsnCode == true && ( - HSN + HSN )} {GlobaldummyData ? GlobalQuantity && ( - Qty + Qty ) : Quantity == true && ( - + {WeightasKg ? 'Qty/Kg' : 'Qty'} )} {GlobaldummyData ? GlobalMRP && ( - MRP + MRP ) : MRP == true && ( - MRP + MRP )} {GlobaldummyData ? GlobalRate && ( - Rate + Rate ) : Rate == true && ( - Rate + Rate )} {GlobaldummyData ? GlobalDiscount && ( - Dis + Dis ) : Discount == true && ( - Dis + Dis )} {GlobaldummyData ? GlobalTax && ( - Tax % + Tax % ) : Tax && table2Data?.OrderType !== 'E' && ( - Tax % + Tax % )} {GlobaldummyData ? GlobalAmount && ( {dataChunk?.map((item, index) => ( - + {GlobaldummyData ? GlobalSlNo && ( @@ -1436,6 +1531,7 @@ const PrintStyle7 = ({ justifyContent: 'center', fontSize: '16px', fontWeight: '600', + ...netAmountStyle }} > Amount : ₹ @@ -1771,6 +1867,7 @@ const PrintStyle7 = ({ pageBreakBefore: 'avoid', pageBreakInside: 'avoid', minHeight: 'auto', + ...footerColorStyle }} > {!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( @@ -2343,6 +2440,7 @@ const PrintStyle7 = ({ justifyContent: 'center', fontSize: '16px', fontWeight: '600', + ...netAmountStyle }} > Amount : ₹ @@ -2676,6 +2774,7 @@ const PrintStyle7 = ({ pageBreakBefore: 'avoid', pageBreakInside: 'avoid', minHeight: 'auto', + ...footerColorStyle }} > {!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( @@ -2885,7 +2984,7 @@ const PrintStyle7 = ({ {!estimatePrintHeader && table2Data?.OrderType === 'E' ? ( '' ) : ( -
+
{' '} @@ -3052,58 +3150,58 @@ const PrintStyle7 = ({ {GlobaldummyData - ? GlobalSlNo && S.No + ? GlobalSlNo && S.No : SLNO == true && ( - S.No + S.No )} {GlobaldummyData ? GlobalItem && ( - + Item ) - : Item == true && Item} + : Item == true && Item} {GlobaldummyData - ? GlobalHsnCode && HSN + ? GlobalHsnCode && HSN : HsnCode == true && ( - HSN + HSN )} {GlobaldummyData - ? GlobalQuantity && Qty + ? GlobalQuantity && Qty : Quantity == true && ( - + {WeightasKg ? 'Qty/Kg' : 'Qty'} )} {GlobaldummyData - ? GlobalMRP && MRP + ? GlobalMRP && MRP : MRP == true && ( - MRP + MRP )} {GlobaldummyData - ? GlobalRate && Rate + ? GlobalRate && Rate : Rate == true && ( - Rate + Rate )} {GlobaldummyData - ? GlobalDiscount && Dis + ? GlobalDiscount && Dis : Discount == true && ( - Dis + Dis )} {GlobaldummyData ? GlobalTax && ( - Tax % + Tax % ) : Tax && table2Data?.OrderType !== 'E' && ( - Tax % + Tax % )} {GlobaldummyData ? GlobalAmount && ( - Amt + Amt ) : Amount == true && ( - + Amt )} @@ -3112,7 +3210,18 @@ const PrintStyle7 = ({ {(GlobaldummyData ? products : TakeawayData)?.map( (item, index) => ( - + {GlobaldummyData ? GlobalSlNo && ( @@ -3176,12 +3285,12 @@ const PrintStyle7 = ({ {(item?.ProductIdentifierDtls ?? []).find( items => items.SerialNumber || items.IMEI1 || items.IMEI2 )?.Description && ( -
- {(item?.ProductIdentifierDtls ?? []).find( - items => items.SerialNumber || items.IMEI1 || items.IMEI2 - ).Description} -
- )} +
+ {(item?.ProductIdentifierDtls ?? []).find( + items => items.SerialNumber || items.IMEI1 || items.IMEI2 + ).Description} +
+ )}
)} @@ -3293,64 +3402,64 @@ const PrintStyle7 = ({ {GlobaldummyData - ? GlobalSlNo && S + ? GlobalSlNo && S : SLNO == true && ( - S + S )} {GlobaldummyData - ? GlobalItem && Item - : Item == true && Item} + ? GlobalItem && Item + : Item == true && Item} {GlobaldummyData ? GlobalHsnCode && ( - HSN + HSN ) : HsnCode == true && ( - HSN + HSN )} {GlobaldummyData ? GlobalQuantity && ( - Qty + Qty ) : Quantity == true && ( - + {WeightasKg ? 'Qty/Kg' : 'Qty'} )} {GlobaldummyData - ? GlobalMRP && MRP + ? GlobalMRP && MRP : MRP == true && ( - MRP + MRP )} {GlobaldummyData ? GlobalRate && ( - Rate + Rate ) : Rate == true && ( - Rate + Rate )} {GlobaldummyData ? GlobalDiscount && ( - Dis + Dis ) : Discount == true && ( - Dis + Dis )} {GlobaldummyData ? GlobalTax && ( - Tax % + Tax % ) : Tax && table2Data?.OrderType !== 'E' && ( - Tax % + Tax % )} {GlobaldummyData ? GlobalAmount && ( - + Amt ) : Amount == true && ( - + Amt )} @@ -3359,7 +3468,18 @@ const PrintStyle7 = ({ {(GlobaldummyData ? products : DineInData)?.map( (item, index) => ( - + {GlobaldummyData ? GlobalSlNo && ( @@ -3848,6 +3968,7 @@ const PrintStyle7 = ({ justifyContent: 'center', fontSize: '16px', fontWeight: '600', + ...netAmountStyle }} > Amount : ₹ @@ -4162,6 +4283,7 @@ const PrintStyle7 = ({ pageBreakBefore: 'avoid', pageBreakInside: 'avoid', minHeight: 'auto', + ...footerColorStyle }} > {!estimatePrintHeader && table2Data?.OrderType === 'E' ? (