diff --git a/src/Pages/PurchaseQuotation/PurchasePrintTemplate/PurPrintstyle10.jsx b/src/Pages/PurchaseQuotation/PurchasePrintTemplate/PurPrintstyle10.jsx index bf1e842..2dd3af9 100644 --- a/src/Pages/PurchaseQuotation/PurchasePrintTemplate/PurPrintstyle10.jsx +++ b/src/Pages/PurchaseQuotation/PurchasePrintTemplate/PurPrintstyle10.jsx @@ -4,7 +4,18 @@ import { useDispatch, useSelector } from "react-redux"; import { GlobalPritdummyData, changeReprintDataFound, - GlobalprinttermsAndConditions + GlobalprinttermsAndConditions, + GlobalSelectedPrintHeaderColor, + GlobalSelectedPrintHeaderFontColor, + GlobalSelectedTableHeaderColor, + GlobalSelectedTableHeaderFontColor, + GlobalSelectedTableBodyColor, + GlobalSelectedTableBodyFontColor, + GlobalRowType, + GlobalSelectedFooterColor, + GlobalSelectedFooterFontColor, + GlobalSelectedNetAmountColor, + GlobalSelectedNetAmountFontColor, } from '../../../Features/ThemeChange/ThemeChange' import "../../../Styles/BookingScreen/PrintTemplates/ThermalPrinter/PrintStyle10.scss"; @@ -13,7 +24,7 @@ import { isMobile } from "react-device-detect"; const PurPrintStyle10 = ({ index, ExtraChargeTotal, Date1, totalQuantityFilter, CashierName, totalQuantity, OrderDetailGST, OrderDetailIGST, OrderDetailVAT, table2Data, PaymentStatus, PrintGreeting, printDatas }) => { -console.log(OrderDetailGST,'OrderDetailGST'); + console.log(OrderDetailGST, 'OrderDetailGST'); const dispatch = useDispatch(); @@ -30,11 +41,26 @@ console.log(OrderDetailGST,'OrderDetailGST'); const Rate = FieldDetails?.["Rate"]; const Amount = FieldDetails?.["Amount"]; const HsnCode = FieldDetails?.["HsnCode"]; - + 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 GlobaldummyData = useSelector(GlobalPritdummyData); const GlobaltermsAndConditions = useSelector(GlobalprinttermsAndConditions); - + 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 TermsAndConditions = printDatas?.TermsandConditions let SignatureImg = printDatas?.Signature @@ -75,7 +101,51 @@ console.log(OrderDetailGST,'OrderDetailGST'); } 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 ( <> {FormatTheme ? @@ -89,7 +159,7 @@ console.log(OrderDetailGST,'OrderDetailGST');
-
+
- {SLNO && S.N} - {Item && Item} - {Quantity && Qty} - {HsnCode && HSN} - {MRP && MRP} - {Discount && Dis } - {Rate && Rate} - {Amount && Amt} + {SLNO && S.N} + {Item && Item} + {Quantity && Qty} + {HsnCode && HSN} + {MRP && MRP} + {Discount && Dis } + {Rate && Rate} + {Amount && Amt} {dataChunk?.map((item, index) => { return ( - + {SLNO && {chunkIndex * chunkSize + index + 1}} {Item &&
{item?.ProdName}
@@ -179,9 +260,9 @@ console.log(OrderDetailGST,'OrderDetailGST'); display: "flex", flexDirection: "column", rowGap: "0.1rem", - fontSize: "clamp(0.7rem, 2.5vw, 1rem)" - - , fontWeight: '600' + fontSize: "clamp(0.7rem, 2.5vw, 1rem)", + fontWeight: '600', + ...netAmountStyle }} >
@@ -359,6 +440,7 @@ console.log(OrderDetailGST,'OrderDetailGST'); pageBreakBefore: "avoid", pageBreakInside: "avoid", minHeight: "auto", + ...footerColorStyle }} > { @@ -428,9 +510,9 @@ console.log(OrderDetailGST,'OrderDetailGST'); display: "flex", flexDirection: "column", rowGap: "0.1rem", - fontSize: "clamp(0.7rem, 2.5vw, 1rem)" - - , fontWeight: '600' + fontSize: "clamp(0.7rem, 2.5vw, 1rem)", + fontWeight: '600', + ...netAmountStyle }} >
@@ -607,6 +689,7 @@ console.log(OrderDetailGST,'OrderDetailGST'); pageBreakBefore: "avoid", pageBreakInside: "avoid", minHeight: "auto", + ...footerColorStyle }} > { @@ -651,7 +734,7 @@ console.log(OrderDetailGST,'OrderDetailGST'); id={`SQPrintStyle10`} style={{ fontFamily: "'Courier New', Courier, monospace" }} > -
+
{BillName}
}
- -
{Date1}

@@ -685,20 +766,31 @@ console.log(OrderDetailGST,'OrderDetailGST'); - {SLNO && } - {Item && } - {Quantity && } - {HsnCode && } - {MRP && } - {Discount && } - {Rate && } - {Amount && } + {SLNO && } + {Item && } + {Quantity && } + {HsnCode && } + {MRP && } + {Discount && } + {Rate && } + {Amount && } {(TakeawayData)?.map((item, index) => { return ( - + {SLNO && } {Item &&
S.NItemQtyHSNMRPDis RateAmtS.NItemQtyHSNMRPDis RateAmt
{index + 1}
{item?.ProdName}
@@ -739,9 +831,9 @@ console.log(OrderDetailGST,'OrderDetailGST'); display: "flex", flexDirection: "column", rowGap: "0.1rem", - fontSize: "clamp(0.7rem, 2.5vw, 1rem)" - - , fontWeight: '600' + fontSize: "clamp(0.7rem, 2.5vw, 1rem)", + fontWeight: '600', + ...netAmountStyle }} >
@@ -918,6 +1010,7 @@ console.log(OrderDetailGST,'OrderDetailGST'); pageBreakBefore: "avoid", pageBreakInside: "avoid", minHeight: "auto", + ...footerColorStyle }} > {