diff --git a/src/Pages/DeliveryChallanToInvoice/PrintTemplates/PrintStyleDCToInvoiceA4Standard.jsx b/src/Pages/DeliveryChallanToInvoice/PrintTemplates/PrintStyleDCToInvoiceA4Standard.jsx index 5939f33..f9797dc 100644 --- a/src/Pages/DeliveryChallanToInvoice/PrintTemplates/PrintStyleDCToInvoiceA4Standard.jsx +++ b/src/Pages/DeliveryChallanToInvoice/PrintTemplates/PrintStyleDCToInvoiceA4Standard.jsx @@ -1,6 +1,6 @@ import React, { useMemo } from "react"; import { useSelector } from "react-redux"; -import { GloabalFieldDetails } from "../../../Features/ThemeChange/ThemeChange"; +import { GloabalDCtoInvoiceFieldDetails, GloabalFieldDetails } from "../../../Features/ThemeChange/ThemeChange"; import { dateFormatChange1 } from "../../../Services/Others"; const PrintStyleDCToInvoiceA4Standard = ({ invoiceData, preference, printDatas }) => { @@ -19,7 +19,7 @@ const PrintStyleDCToInvoiceA4Standard = ({ invoiceData, preference, printDatas } } = invoiceData; console.log(invoiceData, "invoiceData") - const fieldDetails = useSelector(GloabalFieldDetails); + const fieldDetails = useSelector(GloabalDCtoInvoiceFieldDetails); const signature = fieldDetails?.["signature"]; const termsAndConditions = fieldDetails?.["terms&conditions"]; const termsAndConditionsData = printDatas?.TermsandConditions; @@ -48,6 +48,33 @@ const PrintStyleDCToInvoiceA4Standard = ({ invoiceData, preference, printDatas } const lastChunkRows = paginatedChunks.at(-1)?.length || 0; const shouldFooterBeOnNewPage = lastChunkRows > (pageSize === "A5" ? 5 : 10); + 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 headerStyle = { + backgroundColor: headerColor?.background, + color: headerColor?.font, + } + const tableHeaderStyle = { + backgroundColor: tableHeaderColor?.background, + color: tableHeaderColor?.font, + } + const tableBodyStyle = { + backgroundColor: tableBodyColor?.background, + color: tableBodyColor?.font, + } + const rowtypeStyle = tableBodyColor?.rowType; + const footerColorStyle = { + backgroundColor: footerColor?.background, + color: footerColor?.font, + } + const netAmountStyle = { + backgroundColor: netAmtColor?.background, + color: netAmtColor?.font, + } const getPageStyle = (isFinalFooterPage) => ({ display: "flex", @@ -67,6 +94,7 @@ const PrintStyleDCToInvoiceA4Standard = ({ invoiceData, preference, printDatas } CustMobile={CustMobile} CustName={CustName} VehicleNo={VehicleNo} + headerStyle={headerStyle} /> ); @@ -86,7 +114,7 @@ const PrintStyleDCToInvoiceA4Standard = ({ invoiceData, preference, printDatas }
} {termsAndConditions && termsAndConditionsData?.length > 0 && ( -
+

Terms & Conditions

    {termsAndConditionsData.map((item, idx) => ( @@ -131,8 +159,8 @@ const PrintStyleDCToInvoiceA4Standard = ({ invoiceData, preference, printDatas } >
    {(chunkIndex === 0 || formatTheme) && } - - {isLastPage && } + + {isLastPage && } {!formatTheme && isFinalFooterPage && renderFooter()}
    {formatTheme && isFinalFooterPage &&
    {renderFooter()}
    } @@ -142,8 +170,8 @@ const PrintStyleDCToInvoiceA4Standard = ({ invoiceData, preference, printDatas } ) : (
    - - + + {renderFooter()}
    )} @@ -155,9 +183,9 @@ export default PrintStyleDCToInvoiceA4Standard; // -------------------- COMPONENTS -------------------- -const Header = ({ logo, branch }) => ( +const Header = ({ logo, branch,headerStyle }) => ( <> -
    +
    {/* {logo && {`${branch?.CompName}} */}
    {branch.CompName}
    @@ -227,7 +255,7 @@ const InvoiceAmountWords = ({ amount }) => { ); }; -const ProductTable = ({ data }) => { +const ProductTable = ({ data ,tableHeaderStyle,tableBodyStyle,rowtypeStyle}) => { const columns = [ { label: "S.No", key: "sno", width: "5%" }, { label: "Product", key: "ProdName", width: "20%" }, @@ -241,7 +269,7 @@ const ProductTable = ({ data }) => { return ( - + {columns.map(col => ( ))} @@ -249,7 +277,18 @@ const ProductTable = ({ data }) => { {data.map((prod, index) => ( - + @@ -264,9 +303,9 @@ const ProductTable = ({ data }) => { ); }; -const Summary = ({ bankDetails, TotalAmount, TaxAmount, GrandTotal }) => ( +const Summary = ({ bankDetails, TotalAmount, TaxAmount, GrandTotal ,netAmountStyle}) => ( <> -
    +
    Subtotal: ₹ {TotalAmount.toFixed(2)}
    Tax Amount: ₹ {TaxAmount.toFixed(2)}
    Grand Total: ₹ {GrandTotal.toFixed(2)}
    {col.label}
    {index + 1} {prod.ProdName} {prod.ProdVariantName}