diff --git a/src/Pages/PurchaseQuotation/PurchasePrintTemplate/PurPrintA4Standard.jsx b/src/Pages/PurchaseQuotation/PurchasePrintTemplate/PurPrintA4Standard.jsx index 714df55..892d818 100644 --- a/src/Pages/PurchaseQuotation/PurchasePrintTemplate/PurPrintA4Standard.jsx +++ b/src/Pages/PurchaseQuotation/PurchasePrintTemplate/PurPrintA4Standard.jsx @@ -23,6 +23,17 @@ import { Globalnotes, GlobalthemeFormat, GlobalBillName, + GlobalSelectedPrintHeaderColor, + GlobalSelectedPrintHeaderFontColor, + GlobalSelectedTableHeaderColor, + GlobalSelectedTableHeaderFontColor, + GlobalSelectedTableBodyColor, + GlobalSelectedTableBodyFontColor, + GlobalRowType, + GlobalSelectedFooterColor, + GlobalSelectedFooterFontColor, + GlobalSelectedNetAmountColor, + GlobalSelectedNetAmountFontColor, } from "../../../Features/ThemeChange/ThemeChange"; import "../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle1.scss"; import QRCode from "react-qr-code"; @@ -63,6 +74,12 @@ const PurPrintA4Standard = ({ index, const Amount = FieldDetails?.["Amount"]; const HsnCode = FieldDetails?.["HsnCode"]; const Qrcodet = FieldDetails?.["Qrcode"]; + 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 GlobalSlNo = useSelector(GlobalprintSlNo); const GlobalItem = useSelector(GlobalprintItem); const GlobalMRP = useSelector(GlobalprintMRP); @@ -79,6 +96,17 @@ const PurPrintA4Standard = ({ index, const GlobalIsnotes = useSelector(Globalnotes); const GlobalthemeFormatr = useSelector(GlobalthemeFormat) const GlobalBilltext = useSelector(GlobalBillName) + 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 keysLength = Object.keys(table2Data ?? {}).length; console.log(GlobalDiscount, Discount, "Discount"); @@ -118,10 +146,6 @@ const PurPrintA4Standard = ({ index, const formattedDate = `${day}-${monthNames[monthIndex]}-${year}`; - const TakeawayData = table2Data?.productDetails?.filter( - (item) => item.BookingTypeName?.toLowerCase() === "takeaway" - - ); const productsData = table2Data?.[0]?.ProductDetails || []; const offers = table2Data?.OrderOfferDetails || []; @@ -209,7 +233,51 @@ const PurPrintA4Standard = ({ index, ); }; - ; + 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 ( @@ -565,18 +633,17 @@ const PurPrintA4Standard = ({ index,
0 ? ' print-page-break' : ''}`} style={{ display: "flex", flexDirection: "column", justifyContent: ((chunkIndex === paginatedChunks.length - 1) && (!shouldFooterBeOnNewPage)) && FormatTheme ? "space-between" : "", height: FormatTheme ? PageSize == "A5" ? '170mm' : (isMobile ? "auto" : "275mm") : "", pageBreakInside: "avoid", }} key={chunkIndex}> {/*
*/} - {/* Header */} + {/*
*/} -
-
+
+

{companyName}

{ table2Data?.customerAddress}

Phone: {table2Data?.customerMobile}
Email: {companyEmail}
{(companyGSTIN) &&
GSTIN: {companyGSTIN}
}
- {/* Invoice Title */}
@@ -594,9 +661,6 @@ const PurPrintA4Standard = ({ index,
)}
- - - {table2Data?.CustomerDetails?.length > 0 &&

Details of Receiver | Billed to

@@ -631,31 +695,39 @@ const PurPrintA4Standard = ({ index, { - SLNO == true && S.No} - + SLNO == true && S.No} { - Item == true && Item} - - + Item == true && Item} { - HsnCode == true && HSN } + HsnCode == true && HSN } - { Quantity == true && Qty} + { Quantity == true && Qty} - { MRP == true && MRP} + { MRP == true && MRP} - { Rate == true && Rate} + { Rate == true && Rate} - { Discount == true && Dis} + { Discount == true && Dis} - { Amount == true && Amount} + { Amount == true && Amount} {(dataChunk || []).map((item, idx) => ( - + {SLNO == true && ( {chunkIndex * chunkSize + idx + 1} @@ -1223,7 +1295,7 @@ const PurPrintA4Standard = ({ index,
{/* Header */} -
+

{GlobaldummyData ? "Company Name" : companyName}

{companyAddress}

Phone: {GlobaldummyData ? "999999XXXX" : companyPhone}
@@ -1340,62 +1412,52 @@ const PurPrintA4Standard = ({ index, {GlobaldummyData ? GlobalSlNo && S.No : - SLNO == true && S.No} + SLNO == true && S.No} {GlobaldummyData ? GlobalItem && Item : - Item == true && Item} - - + Item == true && Item} {GlobaldummyData ? GlobalHsnCode && HSN : - HsnCode == true && HSN } - + HsnCode == true && HSN } {GlobaldummyData ? GlobalQuantity && Qty - : Quantity == true && Qty} + : Quantity == true && Qty} {/* UOM UOM */} - {GlobaldummyData ? GlobalMRP && MRP - : MRP == true && MRP} + : MRP == true && MRP} {GlobaldummyData ? GlobalRate && Rate - : Rate == true && Rate} + : Rate == true && Rate} {GlobaldummyData ? GlobalDiscount && Dis - : Discount == true && Dis} + : Discount == true && Dis} {GlobaldummyData ? GlobalAmount && Amount - : Amount == true && Amount} - - {/* Taxable - IGST - Total */} + : Amount == true && Amount} - {/* - - - - - - - - - - Rate - Amount - - */} + {((GlobaldummyData ? products : productsData) || []).map((item, idx) => ( - + {GlobaldummyData ? GlobalSlNo && ( @@ -1513,6 +1575,7 @@ const PurPrintA4Standard = ({ index, fontSize: "10px", flexWrap: "wrap", gap: "2px", + ...netAmountStyle }} >
- {/* {ExtraChargeTotal > 0 &&

Extra Charges:{ExtraChargeTotal}

} */} - - - {/* {(TotalOfferAmount > 0 || table2Data?.OverallDisc > 0) && ( -

- Off :{(Number(TotalOfferAmount || 0) + Number(table2Data?.OverallDisc || 0)).toFixed(2)} -

- )} */}
Amount :₹