diff --git a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle3.jsx b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle3.jsx
index 5076585..5b0199a 100644
--- a/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle3.jsx
+++ b/src/Pages/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle3.jsx
@@ -25,6 +25,17 @@ import {
GlobalprintLogo,
GlobalprintCredit,
GlobalprintTax,
+ GlobalSelectedPrintHeaderColor,
+ GlobalSelectedPrintHeaderFontColor,
+ GlobalSelectedTableHeaderColor,
+ GlobalSelectedTableHeaderFontColor,
+ GlobalSelectedTableBodyFontColor,
+ GlobalSelectedTableBodyColor,
+ GlobalRowType,
+ GlobalSelectedFooterColor,
+ GlobalSelectedFooterFontColor,
+ GlobalSelectedNetAmountColor,
+ GlobalSelectedNetAmountFontColor,
} from '../../../../Features/ThemeChange/ThemeChange';
import Logo from '../../../../Images/Logo.jpg'
import '../../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle3.scss'
@@ -68,7 +79,6 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
const GlobalHsnCode = useSelector(GlobalprintHsnCode);
const GlobalQrcodet = useSelector(GlobalprintQrcodet);
const GlobaldummyData = useSelector(GlobalPritdummyData);
- console.log(GlobaldummyData, "GlobaldummyData print3");
const GlobalSignature = useSelector(GlobalprintSignature);
const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions);
const GlobalSignatureImages = useSelector(GlobalSignatureImage);
@@ -79,10 +89,21 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
const GlobalCashierName = useSelector(GlobalprintCashierName);
const GlobalLogo = useSelector(GlobalprintLogo);
const GlobalCredit = useSelector(GlobalprintCredit);
+ 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);
const SettingData = useSelector(PreferenceData);
- const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
+ const UomPrint = SettingData?.[0]?.SettingDtlDetails?.filter(
(i) => i.SettingIdName === 'PrintUom'
- )?.[0];
+ )?.[0];
const estimatePrintHeader = SettingData?.[0]?.SettingDtlDetails?.find(setting => setting?.SettingIdName?.toLowerCase() === 'estimateprintheader')?.SettingValue === 'Y';
const estimateTitle =
SettingData?.[0]?.SettingDtlDetails?.find(
@@ -106,7 +127,12 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
const PackageDetails = table2Data?.PackageDtl
- console.log(PackageDetails, 'PackageDetailsPackageDetails',);
+ 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 PaymentStatusSuccess = PaymentStatus?.filter(ps => ps.PaymentStatus === "S")
const keysLength = Object.keys(table2Data ?? {}).length;
@@ -208,7 +234,51 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
}
const lastChunkRows = paginatedChunks.length > 0 ? 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 (
<>
@@ -219,7 +289,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{/*
*/}
- {((!estimatePrintHeader && table2Data?.OrderType === "E") ? '' :
+ {((!estimatePrintHeader && table2Data?.OrderType === "E") ? '' :
{GlobaldummyData && GlobalLogo ?

: null}
{(base64Image && (PrintLogo?.SettingValue === "Y" || LogoField)) ?

: null}
@@ -265,7 +335,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{(TakeawayData?.length > 0 || GlobaldummyData) &&
{takeAwayPreference &&
TakeAway
}
-
+
{GlobaldummyData ? GlobalSlNo &&
S.No
: SLNO &&
S.No
}
{GlobaldummyData ? GlobalItem &&
ITEM
: Item &&
ITEM
}
{GlobaldummyData ? GlobalHsnCode &&
HSN
: HsnCode &&
HSN
}
@@ -279,7 +349,14 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{dataChunk?.map((item, index) => (
-
+
{GlobaldummyData ? GlobalSlNo &&
{index + 1}
: SLNO &&
{chunkIndex * chunkSize + index + 1}
}
{GlobaldummyData ? GlobalItem &&
{item?.ProdName}
: Item &&
@@ -292,7 +369,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
))}
- : UomPrint?.SettingValue === 'Y' &&
+ : UomPrint?.SettingValue === 'Y' &&
({item?.Size ? item?.Size : "1"}{" "}
{item?.SinglePc == "Y"
? "PCS"
@@ -302,7 +379,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
)
)}
{item?.BrandName !== null ? item?.BrandName : ""}
-
+
{item?.ProductIdentifierDtls?.length > 0
? item?.ProductIdentifierDtls.filter(
(items) =>
@@ -355,7 +432,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{(DineInData?.length > 0 && dinePreference) &&
Dine In
-
+
{GlobaldummyData ? GlobalSlNo &&
S.No
: SLNO &&
S.No
}
{GlobaldummyData ? GlobalItem &&
ITEM
: Item &&
ITEM
}
{GlobaldummyData ? GlobalHsnCode &&
HSN
: HsnCode &&
HSN
}
@@ -369,12 +446,19 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{dataChunk?.map((item, index) => (
-
+
{GlobaldummyData ? GlobalSlNo &&
{index + 1}
: SLNO &&
{chunkIndex * chunkSize + index + 1}
}
{GlobaldummyData ? GlobalItem &&
{item?.ProdName}
: Item &&
{item?.ProdName}
- {UomPrint?.SettingValue === 'Y' &&
({item?.Size ? item?.Size : "1"} {item?.SinglePc == 'Y' ? 'PCS' : item?.Type != "C" ? item?.UomName : "COMBO"})
}
+ {UomPrint?.SettingValue === 'Y' &&
({item?.Size ? item?.Size : "1"} {item?.SinglePc == 'Y' ? 'PCS' : item?.Type != "C" ? item?.UomName : "COMBO"})
}
}
{GlobaldummyData ? GlobalHsnCode &&
{item?.HSN}
: HsnCode &&
{item?.HSN}
}
{GlobaldummyData ? GlobalMRP &&
{item?.MRP}
: MRP &&
{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}
}
@@ -404,7 +488,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{((chunkIndex === paginatedChunks.length - 1) && (!shouldFooterBeOnNewPage)) && FormatTheme &&
<>
-
+
Items :
Qty :
@@ -719,6 +803,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
pageBreakBefore: "avoid",
pageBreakInside: "avoid",
minHeight: "auto",
+ ...footerColorStyle
}}
>
{(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' :
@@ -804,7 +889,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
}}
>
<>
-
+
Items :
Qty :
@@ -1114,6 +1199,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
pageBreakBefore: "avoid",
pageBreakInside: "avoid",
minHeight: "auto",
+ ...footerColorStyle
}}
>
{(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' :
@@ -1183,7 +1269,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
:
- {((!estimatePrintHeader && table2Data?.OrderType === "E") ? '' :
+ {((!estimatePrintHeader && table2Data?.OrderType === "E") ? '' :
{GlobaldummyData && GlobalLogo ?

: null}
{(base64Image && (PrintLogo?.SettingValue === "Y" || LogoField)) ?

: null}
@@ -1225,7 +1311,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{(TakeawayData?.length > 0 || GlobaldummyData) &&
{takeAwayPreference &&
TakeAway
}
-
+
{GlobaldummyData ? GlobalSlNo &&
S.No
: SLNO &&
S.No
}
{GlobaldummyData ? GlobalItem &&
ITEM
: Item &&
ITEM
}
{GlobaldummyData ? GlobalHsnCode &&
HSN
: HsnCode &&
HSN
}
@@ -1239,7 +1325,14 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{(GlobaldummyData ? products : TakeawayData)?.map((item, index) => (
-
+
{GlobaldummyData ? GlobalSlNo &&
{index + 1}
: SLNO &&
{index + 1}
}
{GlobaldummyData ? GlobalItem &&
{item?.ProdName}
: Item &&
@@ -1262,7 +1355,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
)
)}
{item?.BrandName !== null ? item?.BrandName : ""}
-
+
{item?.ProductIdentifierDtls?.length > 0
? item?.ProductIdentifierDtls.filter(
(items) =>
@@ -1315,7 +1408,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{(DineInData?.length > 0 && dinePreference) &&
Dine In
-
+
{GlobaldummyData ? GlobalSlNo &&
S.No
: SLNO &&
S.No
}
{GlobaldummyData ? GlobalItem &&
ITEM
: Item &&
ITEM
}
{GlobaldummyData ? GlobalHsnCode &&
HSN
: HsnCode &&
HSN
}
@@ -1329,12 +1422,19 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
{(GlobaldummyData ? products : DineInData)?.map((item, index) => (
-
+
{GlobaldummyData ? GlobalSlNo &&
{index + 1}
: SLNO &&
{index + 1}
}
{GlobaldummyData ? GlobalItem &&
{item?.ProdName}
: Item &&
{item?.ProdName}
- { UomPrint?.SettingValue === 'Y' &&
({item?.Size ? item?.Size : "1"} {item?.SinglePc == 'Y' ? 'PCS' : item?.Type != "C" ? item?.UomName : "COMBO"})
}
+ {UomPrint?.SettingValue === 'Y' &&
({item?.Size ? item?.Size : "1"} {item?.SinglePc == 'Y' ? 'PCS' : item?.Type != "C" ? item?.UomName : "COMBO"})
}
}
{GlobaldummyData ? GlobalHsnCode &&
{item?.HSN}
: HsnCode &&
{item?.HSN}
}
{GlobaldummyData ? GlobalMRP &&
{item?.MRP}
: MRP &&
{item?.SinglePc === 'Y' ? item?.Rate : item?.MRP}
}
@@ -1359,7 +1459,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
}
{/*
*/}
-
+
Items :
Qty :
@@ -1670,6 +1770,7 @@ const PrintStyle3 = ({ index, totalQuantityFilter, Date1, CashierName, totalQuan
pageBreakBefore: "avoid",
pageBreakInside: "avoid",
minHeight: "auto",
+ ...footerColorStyle
}}
>
{(!estimatePrintHeader && table2Data?.OrderType === "E") ? '' :