karthikalakshmi
/
Android_Retail
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Navbar component Reduce the code using 1 code to show Differences

This commit is contained in:
vignesh 2026-03-11 15:35:19 +05:30
parent 75a23de065
commit 050ea48e1b
19 changed files with 3394 additions and 2194 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
ownLib.zip Normal file
View File

Binary file not shown.

107
src/Pages/BookingScreen/Components/BSCombo/BSC1Payment.jsx
View File

@ -154,7 +154,7 @@ import {
getDefaultPaymentOptions, getDefaultPaymentOptions,
GlobalAddCustomerDetails, GlobalAddCustomerDetails,
triggerCustomerRefresh, triggerCustomerRefresh,
VerifiedPaymentDtl VerifiedPaymentDtl,
} from '../../../../Features/BookingScreen/Customer/addCustomer'; } from '../../../../Features/BookingScreen/Customer/addCustomer';
import PozoHoldIcon from '../UtillComponents/Pozo retail icons/PozoHoldIcon'; import PozoHoldIcon from '../UtillComponents/Pozo retail icons/PozoHoldIcon';
import PozoDineInIcon from '../UtillComponents/Pozo retail icons/PozoDineIn.jsx'; import PozoDineInIcon from '../UtillComponents/Pozo retail icons/PozoDineIn.jsx';
@ -748,7 +748,7 @@ const BSC1Payment = (props) => {
if (!preOrder) { if (!preOrder) {
const totalSum = OrderCardDetail?.reduce( const totalSum = OrderCardDetail?.reduce(
// (acc, card) => acc + parseFloat(card.OrderRate * card.OrderQty || 0), // (acc, card) => acc + parseFloat(card.OrderRate * card.OrderQty || 0),
(acc, card) => acc + parseFloat(card.TotalAmt || 0), (acc, card) => acc + parseFloat(card.TotalAmt || 0),
0 0
); );
@ -840,7 +840,7 @@ const BSC1Payment = (props) => {
? (Number(withdiscTotal) + Number(globalTipAmount)).toFixed(2) ? (Number(withdiscTotal) + Number(globalTipAmount)).toFixed(2)
: (Number(Total) + Number(globalTipAmount)).toFixed(2) : (Number(Total) + Number(globalTipAmount)).toFixed(2)
); );
console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount") console.log(currentOrderNetAmount, totalSum, 'currentOrderNetAmount');
setTotalAmount( setTotalAmount(
salesBillEdit salesBillEdit
? currentOrderNetAmount > previousNetAmount ? currentOrderNetAmount > previousNetAmount
@ -875,36 +875,37 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
OtherServiceTicketClaim, OtherServiceTicketClaim,
Discount, Discount,
]); ]);
useEffect(() => { useEffect(() => {
const fetchPrinterMapping = async () => { const fetchPrinterMapping = async () => {
try { try {
if (UserType !== 'Super Admin' && isMobile && MobileA4Print) { if (UserType !== 'Super Admin' && isMobile && MobileA4Print) {
const data = { const data = {
CompId: CompId, CompId: CompId,
BranchId: BranchId, BranchId: BranchId,
AppId: AppId, AppId: AppId,
UserId: UserId, UserId: UserId,
}; };
// && isMobile && MobileA4Print // && isMobile && MobileA4Print
const response = await dispatch(getPrinterMappingDetails(data)).unwrap(); const response = await dispatch(
getPrinterMappingDetails(data)
).unwrap();
if (response?.data?.statusCode === 0) { if (response?.data?.statusCode === 0) {
handlePrintMappingClick() handlePrintMappingClick();
} }
console.log(response, "printer mapping response"); console.log(response, 'printer mapping response');
} }
} catch (error) { } catch (error) {
console.error("Error fetching printer mapping:", error); console.error('Error fetching printer mapping:', error);
} }
}; };
fetchPrinterMapping(); fetchPrinterMapping();
handleOtherData(); handleOtherData();
}, []); }, []);
const handlePrintMappingClick = () => { const handlePrintMappingClick = () => {
// setReprint1(true) // setReprint1(true)
window.dispatchEvent(new Event('CLICK PRINTER MAPPING')); window.dispatchEvent(new Event('CLICK PRINTER MAPPING'));
}; };
useEffect(() => { useEffect(() => {
if (!preferenceshortcutkey) return; if (!preferenceshortcutkey) return;
@ -2241,7 +2242,7 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
PackageDtl: a.PackageDtl, PackageDtl: a.PackageDtl,
...(a?.DiscountValue && { DiscountValue: a.DiscountValue }), ...(a?.DiscountValue && { DiscountValue: a.DiscountValue }),
...(a?.DiscountType && { DiscountType: a.DiscountType }), ...(a?.DiscountType && { DiscountType: a.DiscountType }),
...(a?.DiscountAmt && { DiscountAmt: a.DiscountAmt }) ...(a?.DiscountAmt && { DiscountAmt: a.DiscountAmt }),
})); }));
const NotSlectedTypeFind = temporderdetail?.find( const NotSlectedTypeFind = temporderdetail?.find(
(a) => a?.BookingType != SelectedBookingType (a) => a?.BookingType != SelectedBookingType
@ -3961,8 +3962,6 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
: handlePaymentMode(payment.ModeId, payment.ModeName) : handlePaymentMode(payment.ModeId, payment.ModeName)
} }
> >
{/* {UpiOption === "" && payment?.ModeName?.toLowerCase() === "upi" && <p> UPI</p>} */}
<div <div
style={{ style={{
display: 'flex', display: 'flex',
@ -4426,40 +4425,42 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
</> </>
)} )}
{/* Customer Orders */} {/* Customer Orders */}
{(SelCustId && BSComboData?.BookingBilling?.[1]?.filter((item) => item.OptionName === 'PreviousBillFetch') {SelCustId &&
.length === 1) && ( BSComboData?.BookingBilling?.[1]?.filter(
<Tooltip title="Customer Orders" isMobile={isMobile}> (item) => item.OptionName === 'PreviousBillFetch'
{' '} ).length === 1 && (
<div <Tooltip title="Customer Orders" isMobile={isMobile}>
className="BSBillingNav-icon-table-icon" {' '}
onClick={() => { <div
if ( className="BSBillingNav-icon-table-icon"
CheckBookingStatus !== 'Close' && onClick={() => {
!addnewAccess && if (
!(OrderCardDetail?.length > 0) CheckBookingStatus !== 'Close' &&
) { !addnewAccess &&
setCustomerPreviesOrders(true); !(OrderCardDetail?.length > 0)
} ) {
}} setCustomerPreviesOrders(true);
style={{ }
cursor: OrderCardDetail?.length > 0 && 'not-allowed', }}
color: style={{
OrderCardDetail?.length > 0 || cursor: OrderCardDetail?.length > 0 && 'not-allowed',
(OrderCardDetail?.length > 0 && color:
GetCustId?.CustMobile === undefined) OrderCardDetail?.length > 0 ||
? 'gray' (OrderCardDetail?.length > 0 &&
: 'rgb(18, 146, 238)', GetCustId?.CustMobile === undefined)
fontSize: '25px', ? 'gray'
display: 'flex', : 'rgb(18, 146, 238)',
alignItems: 'center', fontSize: '25px',
height: '2.46rem', display: 'flex',
width: '1.5rem', alignItems: 'center',
}} height: '2.46rem',
> width: '1.5rem',
<FaCartPlus /> }}
</div> >
</Tooltip> <FaCartPlus />
)} </div>
</Tooltip>
)}
{preOrderOpen && <BSNavBarPreOrder />} {preOrderOpen && <BSNavBarPreOrder />}
{sportsAppPreference && <BSMembership />} {sportsAppPreference && <BSMembership />}
{dinePreference && {dinePreference &&

5
src/Pages/BookingScreen/Components/BSItemCards/BSItemCard.jsx
View File

@ -162,6 +162,8 @@ export function SortableCard({ id, children, item }) {
const BSItemCard = (props) => { const BSItemCard = (props) => {
const cardFunction = props?.cardFunctionality; const cardFunction = props?.cardFunctionality;
const { connectingState = null, setConnectingState = () => {} } = props;
console.log(connectingState?.positionChange, 'positionChange');
// const applyOffer = useApplyOfferto_CardDetail(); // const applyOffer = useApplyOfferto_CardDetail();
const preferenceDatas = useSelector(PreferenceData, shallowEqual); const preferenceDatas = useSelector(PreferenceData, shallowEqual);
const { selectedDate } = useDateStore(); const { selectedDate } = useDateStore();
@ -6106,7 +6108,8 @@ const BSItemCard = (props) => {
}} }}
style={{ style={{
position: 'absolute', position: 'absolute',
zIndex: '12', // zIndex: '12',
zIndex: connectingState?.positionChange ? '0' : '20',
top: top:
templateData?.BookingNavbar?.[0] === 'Navbar3' && templateData?.BookingNavbar?.[0] === 'Navbar3' &&
templateData?.BookingLayout?.[0] === 'Layout3' templateData?.BookingLayout?.[0] === 'Layout3'

803
src/Pages/BookingScreen/Components/BSNavbar/BSNavbar1.jsx
View File

File diff suppressed because it is too large Load Diff

34
src/Pages/BookingScreen/Components/BookingFunctionality/FeaturesFunctionalities.jsx
View File

@ -1652,6 +1652,10 @@ const FeaturesFunctionalities = (props) => {
} }
formRef.current?.setFieldsValue(response?.data?.data?.[0]); formRef.current?.setFieldsValue(response?.data?.data?.[0]);
if (response?.data?.data?.[0]?.Gender) {
setGender(response?.data?.data?.[0]?.Gender);
}
if (response?.data?.data?.[0]?.InitialOutStanding) { if (response?.data?.data?.[0]?.InitialOutStanding) {
setInitialOutStandingType( setInitialOutStandingType(
response?.data?.data?.[0]?.InitialOutStanding response?.data?.data?.[0]?.InitialOutStanding
@ -2978,7 +2982,7 @@ const FeaturesFunctionalities = (props) => {
}, },
{ {
validator: async (_, value) => { validator: async (_, value) => {
await validateSafeInput(value); // To block HTML tags & SQL keywords await validateSafeInput(value);
return Promise.resolve(); return Promise.resolve();
}, },
}, },
@ -3021,6 +3025,7 @@ const FeaturesFunctionalities = (props) => {
} }
/> />
</Form.Item> </Form.Item>
<Form.Item name={'Gender'}> <Form.Item name={'Gender'}>
<RadioGrpButton <RadioGrpButton
Header={'Gender'} Header={'Gender'}
@ -3028,7 +3033,6 @@ const FeaturesFunctionalities = (props) => {
{ label: 'Male', value: 'M' }, { label: 'Male', value: 'M' },
{ label: 'Female', value: 'F' }, { label: 'Female', value: 'F' },
]} ]}
// value={formRef.current?.getFieldsValue()?.Gender}
defaultSelect={gender} defaultSelect={gender}
onSelectFuntion={(e) => { onSelectFuntion={(e) => {
setGender(e); setGender(e);
@ -3036,6 +3040,7 @@ const FeaturesFunctionalities = (props) => {
}} }}
/> />
</Form.Item> </Form.Item>
<Form.Item name={'AadhaarNo'}> <Form.Item name={'AadhaarNo'}>
<InputField <InputField
label={'Aadhaar No'} label={'Aadhaar No'}
@ -3075,22 +3080,7 @@ const FeaturesFunctionalities = (props) => {
</div> </div>
</div> </div>
</div> </div>
{/* <p
onClick={handleToggle}
style={{
fontSize: '13px',
cursor: 'pointer',
padding: '1rem 0.3rem',
display: 'flex',
// alignItems: "center",
flexDirection: 'row',
columnGap: '0.3rem',
}}
>
{' '}
{isOpen ? 'More info close' : 'More info open'}{' '}
<AiOutlineDownCircle />
</p> */}
<p <p
style={{ style={{
fontSize: '13px', fontSize: '13px',
@ -3516,7 +3506,9 @@ const FeaturesFunctionalities = (props) => {
borderRadius: '6px', borderRadius: '6px',
cursor: 'pointer', cursor: 'pointer',
marginTop: '8px', marginTop: '8px',
fontWeight: '500', fontWeight: '400',
fontFamily: 'Poppins',
fontSize: '12px',
}} }}
> >
{editingIndex !== null {editingIndex !== null
@ -3984,10 +3976,6 @@ const FeaturesFunctionalities = (props) => {
option?.BookingTypeName + option?.BookingTypeName +
' ' + ' ' +
option?.SinglePc, option?.SinglePc,
// label: option.Type === 'P' ? option.ProdVariantName !== 'Variant 1'
// ? `${option?.ProdName} (${option.Size} ${option.UomName}) (${option.ProdVariantName}${BookingTypeBoth ? ` (${option?.BookingTypeName})` : ''})`
// : `${option?.ProdName} (${option.Size} ${option.UomName}) ${BookingTypeBoth ? ` (${option?.BookingTypeName})` : ''}`
// : `${option?.ProdName} (1 Combo)`
label: label:
option.Type === 'P' option.Type === 'P'
? option.ProdVariantName !== 'Variant 1' ? option.ProdVariantName !== 'Variant 1'

12
src/Pages/BookingScreen/Components/UtillComponents/BSNavBarSearch.jsx
View File

@ -392,7 +392,7 @@ const BSNavBarSearch = (props) => {
}, []); }, []);
return ( return (
<div> <div className="BSNavBarSearchMaster">
<Messages <Messages
messageData={messageData} messageData={messageData}
messageType={messageType} messageType={messageType}
@ -416,16 +416,16 @@ const BSNavBarSearch = (props) => {
value={searchDataFocus} value={searchDataFocus}
ref={searchInputRef} ref={searchInputRef}
className="custom-input" className="custom-input"
placeholder="Search (SHIFT + S)" placeholder={
isMobile && screenWidth <= 768
? 'SHIFT + S'
: 'Search (SHIFT + S)'
}
onChange={(e) => searchdata(e?.target?.value)} onChange={(e) => searchdata(e?.target?.value)}
onBlur={handleBlur} onBlur={handleBlur}
disabled={props.OrderType === 'Failed' ? true : false} disabled={props.OrderType === 'Failed' ? true : false}
/> />
{isMobile && screenWidth <= 768 ? ( {isMobile && screenWidth <= 768 ? (
// <BiBarcodeReader
// className="search-icon"
// onClick={() => handleQrcode()}
// />
<BarCodeScan <BarCodeScan
onScan={(value) => { onScan={(value) => {
searchdata(value); searchdata(value);

131
src/Pages/BookingScreen/Components/UtillComponents/BSNavBarWholeSale.jsx
View File

@ -1,72 +1,83 @@
import { useDispatch, useSelector } from 'react-redux'; import { useDispatch, useSelector } from 'react-redux';
import { GlobalRetailWSSalesType, changeRetailWSSalesType } from '../../../../Features/BookingScreen/BookingData/BookingData'; import {
import { MdAddShoppingCart } from "react-icons/md"; GlobalRetailWSSalesType,
import { FaBoxes } from "react-icons/fa"; changeRetailWSSalesType,
} from '../../../../Features/BookingScreen/BookingData/BookingData';
import { MdAddShoppingCart } from 'react-icons/md';
import { FaBoxes } from 'react-icons/fa';
import { useEffect } from 'react'; import { useEffect } from 'react';
const BSNavBarWholeSale = ({
drawerOpen = false,
setDrawerOpen = () => {},
}) => {
const dispatch = useDispatch();
const SaleType = useSelector(GlobalRetailWSSalesType);
const isWholesale = SaleType === 'W';
const toggleSaleType = () => {
dispatch(changeRetailWSSalesType(isWholesale ? 'R' : 'W'));
};
const BSNavBarWholeSale = ({ drawerOpen = false, setDrawerOpen = () => { } }) => { const btnStyle = {
const dispatch = useDispatch(); width: '30px',
const SaleType = useSelector(GlobalRetailWSSalesType); height: '30px',
const isWholesale = SaleType === 'W'; borderRadius: '6px',
backgroundColor: isWholesale ? '#45ca00' : '#1292ee',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
position: 'relative',
border: 'none',
outline: 'none',
cursor: 'pointer',
padding: '10px',
color: '#fff',
};
const toggleSaleType = () => { const iconStyle = {
dispatch(changeRetailWSSalesType(isWholesale ? 'R' : 'W')); fontSize: '17px',
}; color: 'white',
display: 'flex',
};
const btnStyle = { const badgeStyle = {
width: '33px', position: 'absolute',
height: '33px', top: '-2px',
borderRadius: '8px', right: '-10px',
backgroundColor: isWholesale ? '#22c55e' : '#3b82f6', backgroundColor: isWholesale ? '#3bb100' : '#0078ce',
display: 'flex', color: 'white',
justifyContent: 'center', fontSize: '11px',
alignItems: 'center', fontWeight: '500',
position: 'relative', borderRadius: '9999px',
border: 'none', width: '20px',
outline: 'none', height: '20px',
cursor: 'pointer', display: 'flex',
padding:"10px", alignItems: 'center',
}; justifyContent: 'center',
fontFamily: 'Poppins',
color: '#fff',
};
const iconStyle = { useEffect(() => {
fontSize: '16px', if (drawerOpen?.wholesale) {
color: 'white', toggleSaleType();
display : 'flex', setDrawerOpen((prev) => ({ ...prev, wholesale: false }));
}; }
}, [drawerOpen?.wholesale]);
const badgeStyle = { return (
position: 'absolute', <button
top: '-2px', className="WholesaleretialChangeIcon"
right: '-10px', onClick={toggleSaleType}
backgroundColor: isWholesale ? '#15803d' : '#1e40af', style={btnStyle}
color: 'white', >
fontSize: '12px', <span style={iconStyle}>
fontWeight: 'bold', {isWholesale ? <FaBoxes /> : <MdAddShoppingCart />}
borderRadius: '9999px', </span>
width: '20px', <span style={badgeStyle}>{SaleType}</span>
height: '20px', </button>
display: 'flex', );
alignItems: 'center',
justifyContent: 'center',
};
useEffect(() => {
if (drawerOpen?.wholesale) {
toggleSaleType();
setDrawerOpen(prev => ({ ...prev, wholesale: false }));
}
}, [drawerOpen?.wholesale])
return (
<button className='WholesaleretialChangeIcon' onClick={toggleSaleType} style={btnStyle}>
<span style={iconStyle}>
{isWholesale ? <FaBoxes/> : <MdAddShoppingCart />}
</span>
<span style={badgeStyle}>{SaleType}</span>
</button>
);
}; };
export default BSNavBarWholeSale; export default BSNavBarWholeSale;

321
src/Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx
View File

@ -147,6 +147,7 @@ const BSLayout1 = () => {
const BookingBilling = BSLayout1Data?.BookingBilling?.[0]; const BookingBilling = BSLayout1Data?.BookingBilling?.[0];
const [messageType, setMessageType] = useState(null); const [messageType, setMessageType] = useState(null);
const [messageData, setMessageData] = useState(null); const [messageData, setMessageData] = useState(null);
const [connectingState, setConnectingState] = useState({});
// const [AppExpDate, setAppExpDate] = useState(0); // const [AppExpDate, setAppExpDate] = useState(0);
const [screenHeight, setScreenHeight] = useState(window.innerHeight); const [screenHeight, setScreenHeight] = useState(window.innerHeight);
const [Kioskopen, setKioskopen] = useState(false); const [Kioskopen, setKioskopen] = useState(false);
@ -319,7 +320,7 @@ const BSLayout1 = () => {
setListOfInvoices(false); setListOfInvoices(false);
}; };
return ( return (
<Suspense fallback={<CardSkeleton />}> <Suspense fallback={<CardSkeleton />}>
<> <>
<Messages <Messages
messageType={messageType} messageType={messageType}
@ -338,8 +339,11 @@ const BSLayout1 = () => {
style={{ height: containerHeight, overflow: 'hidden' }} style={{ height: containerHeight, overflow: 'hidden' }}
> >
<div className="BSLayout1-NavBar"> <div className="BSLayout1-NavBar">
<BSNavbar1 BookingNavbar={BookingNavbar}/> <BSNavbar1
BookingNavbar={BookingNavbar}
connectingState={connectingState}
setConnectingState={setConnectingState}
/>
</div> </div>
<div <div
className={ className={
@ -349,176 +353,167 @@ const BSLayout1 = () => {
backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor, backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor,
}} }}
> >
{BookingNavbar != 'Navbar3' ? ( <div
className="Layout-bill-container"
style={{ marginTop: '12px' }}
>
<div <div
className="Layout-bill-container" className="Layout-bill-Subcontainer"
style={{ marginTop: '12px' }} style={{ width: OtherServicesglobal ? '10%' : '100%' }}
> >
<div {UserType !== 'Employee' && (
className="Layout-bill-Subcontainer" <div className="pricing-name-details">
style={{ width: OtherServicesglobal ? '10%' : '100%' }} {PricingAppPricingName?.[0]?.PricingName +
> ' / ' +
{UserType !== 'Employee' && ( PricingAppPricingName?.[0]?.Type}
<div className="pricing-name-details"> </div>
{PricingAppPricingName?.[0]?.PricingName + )}
' / ' + {AvailableDate && (
PricingAppPricingName?.[0]?.Type} <div
</div> style={{
)} padding: '3px 5px',
{AvailableDate && ( marginLeft: '1rem',
}}
>
<DatePicker
disabledDate={disablePastDates}
// defaultValue={moment()} // today’s date
format="DD-MMM-YYYY"
value={selectedDate ? dayjs(selectedDate) : null}
onChange={(date) => setSelectedDate(date)}
/>
</div>
)}
{!OtherServicesglobal && (
<SalesCountComponent
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
BookingNavbar={BookingNavbar}
/>
)}
{SessionData?.FeatureAddonData?.FeatureDtls?.find(
(item) =>
item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
) &&
!sportsAppPreference && (
<div <div
style={{ style={{
padding: '3px 5px', pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
marginLeft: '1rem', opacity: OrderStatus > 0 ? 0.5 : 1,
}} }}
> >
<DatePicker {!OtherServicesglobal && (
disabledDate={disablePastDates} <Tooltip title={'Kiosk Sales'}>
// defaultValue={moment()} // today’s date <Badge
format="DD-MMM-YYYY" count={badgeCount}
value={selectedDate ? dayjs(selectedDate) : null} offset={[-10, 3]}
onChange={(date) => setSelectedDate(date)} size="small"
>
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{
cursor: 'pointer',
fontSize: '1.5rem',
}}
className="iconsize"
/>
</Badge>
</Tooltip>
)}
</div>
)}
{!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<BSExpireProductsList />
</TooltipWrapper>
)}
{Kioskopen && (
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/> />
</div> </div>
)} )}
{!OtherServicesglobal && ( {!OtherServicesglobal && (
<SalesCountComponent <>
DineInAccess={DineInAccess} <div>
GlobalsalesDetailData={GlobalsalesDetailData} {CheckBookingStatus == 'Open' ? (
/> <div style={{ marginLeft: '10px' }}>
)} <TooltipWrapper
{SessionData?.FeatureAddonData?.FeatureDtls?.find( title={'Booking Close'}
(item) => isMobile={isMobile}
item?.FeatureAddonName?.toLowerCase() === 'kiosk sales' >
) && {' '}
!sportsAppPreference && ( <BookingCloseIcon
<div onClick={OpenBookingModal}
style={{ bgFill={'#52c41a'}
pointerEvents: OrderStatus > 0 ? 'none' : 'auto', style={{
opacity: OrderStatus > 0 ? 0.5 : 1, fontSize: '16px',
}} marginTop: '4px',
> color: '#52c41a',
{!OtherServicesglobal && ( cursor: 'pointer',
<Tooltip title={'Kiosk Sales'}> }}
<Badge />
count={badgeCount} </TooltipWrapper>
offset={[-10, 3]} </div>
size="small" ) : (
> <div style={{ marginLeft: '10px' }}>
<PozoKioskIcon <TooltipWrapper
onClick={() => openModalKiosk()} title="Booking Open"
style={{ isMobile={isMobile}
cursor: 'pointer', >
fontSize: '1.5rem', <Popconfirm
}} placement="leftTop"
className="iconsize"
/>
</Badge>
</Tooltip>
)}
</div>
)}
{!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<BSExpireProductsList />
</TooltipWrapper>
)}
{Kioskopen && (
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/>
</div>
)}
{!OtherServicesglobal && (
<>
<div>
{CheckBookingStatus == 'Open' ? (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'Booking Close'}
isMobile={isMobile}
>
{' '}
<BookingCloseIcon
onClick={OpenBookingModal}
bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</TooltipWrapper>
</div>
) : (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title="Booking Open" title="Booking Open"
isMobile={isMobile} description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
> >
<Popconfirm <span>
placement="leftTop" <BookingCloseIcon
title="Booking Open" bgFill="red"
description="Are you sure you want to Open the sales?" style={{
okText="Yes" fontSize: '16px',
cancelText="No" marginTop: '4px',
onConfirm={() => BookingOpenFun('Open')} color: '#52c41a',
> cursor: 'pointer',
<span> }}
<BookingCloseIcon />
bgFill="red" </span>
style={{ </Popconfirm>
fontSize: '16px', </TooltipWrapper>
marginTop: '4px', </div>
color: '#52c41a', )}
cursor: 'pointer', </div>
}} <div style={{ marginLeft: '10px' }}>
/> <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
</span> {''}
</Popconfirm> <BSEwayBillicon
</TooltipWrapper> style={{ cursor: 'pointer', marginTop: '5px' }}
</div> onClick={OpenListOfInvoices}
)} />
</div> </TooltipWrapper>
<div style={{ marginLeft: '10px' }}> </div>
<TooltipWrapper </>
title={'E-way Bill'} )}
isMobile={isMobile}
>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
</div>
</>
)}
</div>
</div> </div>
) : ( </div>
<SalesCountForStandard
PricingAppPricingName={PricingAppPricingName}
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
)}
<div className="BSLayout1-ContentDiv"> <div className="BSLayout1-ContentDiv">
<div className="BSCategory1-Contentcont"> <div className="BSCategory1-Contentcont">
<div <div
@ -587,6 +582,8 @@ const BSLayout1 = () => {
/> />
) : ( ) : (
<BSItemCard <BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
screenHeight={screenHeight} screenHeight={screenHeight}
cardFunctionality={dynamicComponentProps( cardFunctionality={dynamicComponentProps(
'Card', 'Card',
@ -670,7 +667,7 @@ const BSLayout1 = () => {
/> />
)} )}
</> </>
</Suspense> </Suspense>
); );
}; };

296
src/Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx
View File

@ -168,6 +168,7 @@ const BSLayout2 = () => {
const [messageType, setMessageType] = useState(null); const [messageType, setMessageType] = useState(null);
const [messageData, setMessageData] = useState(null); const [messageData, setMessageData] = useState(null);
const [popOverOpen, setPopOverOpen] = useState(false); const [popOverOpen, setPopOverOpen] = useState(false);
const [connectingState, setConnectingState] = useState({});
const BookingStatus = useSelector(GlobalBookingStatus); const BookingStatus = useSelector(GlobalBookingStatus);
const CheckBookingStatus = const CheckBookingStatus =
BookingStatus?.find((item) => item.ScreenType === 'Booking') BookingStatus?.find((item) => item.ScreenType === 'Booking')
@ -348,7 +349,11 @@ const BSLayout2 = () => {
style={{ height: containerHeight, overflow: 'hidden' }} style={{ height: containerHeight, overflow: 'hidden' }}
> >
<div className="BSLayout2-NavBar"> <div className="BSLayout2-NavBar">
<BSNavbar1 BookingNavbar={BookingNavbar}/> <BSNavbar1
BookingNavbar={BookingNavbar}
connectingState={connectingState}
setConnectingState={setConnectingState}
/>
</div> </div>
<div <div
@ -357,169 +362,160 @@ const BSLayout2 = () => {
BookingNavbar != 'Navbar3' ? 'BSLayout2Standard' : 'BSLayout2' BookingNavbar != 'Navbar3' ? 'BSLayout2Standard' : 'BSLayout2'
} }
> >
{BookingNavbar != 'Navbar3' ? ( <div
className="Layout-bill-container"
style={{ marginTop: '9px' }}
>
<div <div
className="Layout-bill-container" className="Layout-bill-Subcontainer"
style={{ marginTop: '9px' }} style={{ width: OtherServicesglobal ? '10%' : '100%' }}
> >
<div {UserType !== 'Employee' && (
className="Layout-bill-Subcontainer" <div className="pricing-name-details">
style={{ width: OtherServicesglobal ? '10%' : '100%' }} {PricingAppPricingName?.[0]?.PricingName +
> ' / ' +
{UserType !== 'Employee' && ( PricingAppPricingName?.[0]?.Type}
<div className="pricing-name-details"> </div>
{PricingAppPricingName?.[0]?.PricingName + )}
' / ' + {!OtherServicesglobal && (
PricingAppPricingName?.[0]?.Type} <Suspense fallback={null}>
<SalesCountComponent
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
BookingNavbar={BookingNavbar}
/>
</Suspense>
)}
{SessionData?.FeatureAddonData?.FeatureDtls?.find(
(item) =>
item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
) &&
!sportsAppPreference && (
<div
style={{
pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
opacity: OrderStatus > 0 ? 0.5 : 1,
}}
>
{!OtherServicesglobal && (
<Tooltip title={'Kiosk Sales'}>
<Badge
count={badgeCount}
offset={[-10, 3]}
size="small"
>
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{
cursor: 'pointer',
fontSize: '1.5rem',
}}
className="iconsize"
/>
</Badge>
</Tooltip>
)}
</div> </div>
)} )}
{!OtherServicesglobal && ( {!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<Suspense fallback={null}> <Suspense fallback={null}>
<SalesCountComponent <BSExpireProductsList />
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
</Suspense> </Suspense>
)} </TooltipWrapper>
{SessionData?.FeatureAddonData?.FeatureDtls?.find( )}
(item) => {Kioskopen && (
item?.FeatureAddonName?.toLowerCase() === 'kiosk sales' <Suspense fallback={null}>
) && <BSKioskCounterPayment
!sportsAppPreference && ( Kioskopen={Kioskopen}
<div closeKioskModal={closeModalKiosk}
style={{ />
pointerEvents: OrderStatus > 0 ? 'none' : 'auto', </Suspense>
opacity: OrderStatus > 0 ? 0.5 : 1, )}
}}
>
{!OtherServicesglobal && (
<Tooltip title={'Kiosk Sales'}>
<Badge
count={badgeCount}
offset={[-10, 3]}
size="small"
>
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{
cursor: 'pointer',
fontSize: '1.5rem',
}}
className="iconsize"
/>
</Badge>
</Tooltip>
)}
</div>
)}
{!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<Suspense fallback={null}>
<BSExpireProductsList />
</Suspense>
</TooltipWrapper>
)}
{Kioskopen && (
<Suspense fallback={null}>
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
</Suspense>
)}
{SAdminuserPin?.length > 0 && {SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && ( UserType != 'Super Admin User' && (
<Suspense fallback={null}> <Suspense fallback={null}>
<div> <div>
<SAdminUserNotification <SAdminUserNotification
SAdminuserPin={SAdminuserPin} SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen} popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser} handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen} handlePopOverOpen={handlePopOverOpen}
/> />
</div> </div>
</Suspense> </Suspense>
)} )}
{!OtherServicesglobal && ( {!OtherServicesglobal && (
<> <>
{CheckBookingStatus == 'Open' ? ( {CheckBookingStatus == 'Open' ? (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'Booking Close'}
isMobile={isMobile}
>
{' '}
<BookingCloseIcon
onClick={OpenBookingModal}
bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</TooltipWrapper>
</div>
) : (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title="Booking Open"
isMobile={isMobile}
>
<Popconfirm
placement="leftTop"
title="Booking Open"
description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
>
<span>
<BookingCloseIcon
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</span>
</Popconfirm>
</TooltipWrapper>
</div>
)}
<div style={{ marginLeft: '10px' }}> <div style={{ marginLeft: '10px' }}>
<TooltipWrapper <TooltipWrapper
title={'E-way Bill'} title={'Booking Close'}
isMobile={isMobile} isMobile={isMobile}
> >
{''} {' '}
<BSEwayBillicon <BookingCloseIcon
style={{ cursor: 'pointer', marginTop: '5px' }} onClick={OpenBookingModal}
onClick={OpenListOfInvoices} bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/> />
</TooltipWrapper> </TooltipWrapper>
</div> </div>
</> ) : (
)} <div style={{ marginLeft: '10px' }}>
</div> <TooltipWrapper
title="Booking Open"
isMobile={isMobile}
>
<Popconfirm
placement="leftTop"
title="Booking Open"
description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
>
<span>
<BookingCloseIcon
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</span>
</Popconfirm>
</TooltipWrapper>
</div>
)}
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'E-way Bill'}
isMobile={isMobile}
>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
</div>
</>
)}
</div> </div>
) : ( </div>
<Suspense fallback={null}>
<SalesCountForStandard
PricingAppPricingName={PricingAppPricingName}
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
</Suspense>
)}
<div <div
className="BsLayout2-ContentDiv" className="BsLayout2-ContentDiv"
@ -582,6 +578,8 @@ const BSLayout2 = () => {
/> />
) : ( ) : (
<BSItemCard <BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
cardFunctionality={dynamicComponentProps( cardFunctionality={dynamicComponentProps(
'Card', 'Card',
BSLayout2Data?.BookingCard?.[1], BSLayout2Data?.BookingCard?.[1],

292
src/Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx
View File

@ -112,8 +112,6 @@ const BSNavbar2 = lazy(() => import('../../Components/BSNavbar/BSNavbar2'));
import '../../../../Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss'; import '../../../../Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss';
import CardSkeleton from '../../../../Components/Skeleton/CardSkeleton.jsx'; import CardSkeleton from '../../../../Components/Skeleton/CardSkeleton.jsx';
const BSLayout3 = () => { const BSLayout3 = () => {
const dispatch = useDispatch(); const dispatch = useDispatch();
const { action, selectedProducts } = useSelector( const { action, selectedProducts } = useSelector(
@ -168,6 +166,7 @@ const BSLayout3 = () => {
(i) => i.SettingIdName === 'DineIn' (i) => i.SettingIdName === 'DineIn'
)?.[0]; )?.[0];
}, [SettingDataSelector]); }, [SettingDataSelector]);
const [connectingState, setConnectingState] = useState({});
const [ListOfInvoices, setListOfInvoices] = useState(false); const [ListOfInvoices, setListOfInvoices] = useState(false);
const AppId = SessionData?.AppId; const AppId = SessionData?.AppId;
const CompId = SessionData?.CompId; const CompId = SessionData?.CompId;
@ -321,7 +320,11 @@ const BSLayout3 = () => {
style={{ height: containerHeight, overflow: 'hidden' }} style={{ height: containerHeight, overflow: 'hidden' }}
> >
<div className="BSLayout3-NavBar"> <div className="BSLayout3-NavBar">
<BSNavbar1 BookingNavbar={BookingNavbar}/> <BSNavbar1
BookingNavbar={BookingNavbar}
connectingState={connectingState}
setConnectingState={setConnectingState}
/>
</div> </div>
<div <div
className={ className={
@ -331,156 +334,149 @@ const BSLayout3 = () => {
backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor, backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor,
}} }}
> >
{BookingNavbar != 'Navbar3' ? ( <div className="Layout-bill-container" style={{ marginTop: '9px' }}>
<div <div
className="Layout-bill-container" className="Layout-bill-Subcontainer"
style={{ marginTop: '9px' }} style={{ width: OtherServicesglobal ? '10%' : '100%' }}
> >
<div {UserType !== 'Employee' && (
className="Layout-bill-Subcontainer" <div className="pricing-name-details">
style={{ width: OtherServicesglobal ? '10%' : '100%' }} {PricingAppPricingName?.[0]?.PricingName +
> ' / ' +
{UserType !== 'Employee' && ( PricingAppPricingName?.[0]?.Type}
<div className="pricing-name-details"> </div>
{PricingAppPricingName?.[0]?.PricingName + )}
' / ' + {!OtherServicesglobal && (
PricingAppPricingName?.[0]?.Type} <SalesCountComponent
</div> DineInAccess={DineInAccess}
)} GlobalsalesDetailData={GlobalsalesDetailData}
{!OtherServicesglobal && ( BookingNavbar={BookingNavbar}
<SalesCountComponent />
DineInAccess={DineInAccess} )}
GlobalsalesDetailData={GlobalsalesDetailData} {!OtherServicesglobal &&
/> SessionData?.FeatureAddonData?.FeatureDtls?.find(
)} (item) =>
{!OtherServicesglobal && item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
SessionData?.FeatureAddonData?.FeatureDtls?.find( ) &&
(item) => !sportsAppPreference && (
item?.FeatureAddonName?.toLowerCase() === 'kiosk sales' <div
) && style={{
!sportsAppPreference && ( pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
<div opacity: OrderStatus > 0 ? 0.5 : 1,
style={{ }}
pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
opacity: OrderStatus > 0 ? 0.5 : 1,
}}
>
<Tooltip title={'Kiosk Sales'}>
{''}
<Badge
count={badgeCount}
offset={[-10, 3]}
size="small"
>
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{ cursor: 'pointer', fontSize: '1.5rem' }}
className="iconsize"
/>
</Badge>
</Tooltip>
</div>
)}
{!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
> >
{' '} <Tooltip title={'Kiosk Sales'}>
<BSExpireProductsList />
</TooltipWrapper>
)}
{!OtherServicesglobal && Kioskopen && (
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/>
</div>
)}
{!OtherServicesglobal && (
<>
{' '}
{CheckBookingStatus == 'Open' ? (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'Booking Close'}
isMobile={isMobile}
>
{' '}
<BookingCloseIcon
onClick={OpenBookingModal}
bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
{/* <button className="BookingCloseButton"
onClick={OpenBookingModal}>Booking Close</button> */}
</TooltipWrapper>
</div>
) : (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title="Booking Open"
isMobile={isMobile}
>
<Popconfirm
placement="leftTop"
title="Booking Open"
description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
>
<span>
<BookingCloseIcon
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</span>
</Popconfirm>
</TooltipWrapper>
</div>
)}{' '}
</>
)}
{!OtherServicesglobal && (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
{''} {''}
<BSEwayBillicon <Badge
style={{ cursor: 'pointer', marginTop: '5px' }} count={badgeCount}
onClick={OpenListOfInvoices} offset={[-10, 3]}
/> size="small"
</TooltipWrapper> >
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{ cursor: 'pointer', fontSize: '1.5rem' }}
className="iconsize"
/>
</Badge>
</Tooltip>
</div> </div>
)} )}
</div> {!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<BSExpireProductsList />
</TooltipWrapper>
)}
{!OtherServicesglobal && Kioskopen && (
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/>
</div>
)}
{!OtherServicesglobal && (
<>
{' '}
{CheckBookingStatus == 'Open' ? (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'Booking Close'}
isMobile={isMobile}
>
{' '}
<BookingCloseIcon
onClick={OpenBookingModal}
bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
{/* <button className="BookingCloseButton"
onClick={OpenBookingModal}>Booking Close</button> */}
</TooltipWrapper>
</div>
) : (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title="Booking Open"
isMobile={isMobile}
>
<Popconfirm
placement="leftTop"
title="Booking Open"
description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
>
<span>
<BookingCloseIcon
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</span>
</Popconfirm>
</TooltipWrapper>
</div>
)}{' '}
</>
)}
{!OtherServicesglobal && (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
</div>
)}
</div> </div>
) : ( </div>
<>
<SalesCountForStandard />
</>
)}
<div <div
className="BsLayout3-ContentDiv" className="BsLayout3-ContentDiv"
style={{ style={{
@ -542,6 +538,8 @@ const BSLayout3 = () => {
> >
{!OtherServicesglobal && Comboglobal === false && ( {!OtherServicesglobal && Comboglobal === false && (
<BSItemCard <BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
cardFunctionality={dynamicComponentProps( cardFunctionality={dynamicComponentProps(
'Card', 'Card',
BookingCard?.[1], BookingCard?.[1],
@ -623,7 +621,7 @@ const BSLayout3 = () => {
/> />
)} )}
</> </>
</Suspense> </Suspense>
); );
}; };

251
src/Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx
View File

@ -170,6 +170,7 @@ const BSLayout4 = () => {
); );
// const [AppExpDate, setAppExpDate] = useState(0); // const [AppExpDate, setAppExpDate] = useState(0);
const [Kioskopen, setKioskopen] = useState(false); const [Kioskopen, setKioskopen] = useState(false);
const [connectingState, setConnectingState] = useState({});
const BookingStatus = useSelector(GlobalBookingStatus); const BookingStatus = useSelector(GlobalBookingStatus);
const CheckBookingStatus = const CheckBookingStatus =
BookingStatus?.find((item) => item.ScreenType === 'Booking') BookingStatus?.find((item) => item.ScreenType === 'Booking')
@ -337,91 +338,111 @@ const BSLayout4 = () => {
style={{ height: containerHeight, overflow: 'hidden' }} style={{ height: containerHeight, overflow: 'hidden' }}
> >
<div className="Bslayout4_navbar"> <div className="Bslayout4_navbar">
<BSNavbar1 BookingNavbar={BookingNavbar}/> <BSNavbar1
connectingState={connectingState}
setConnectingState={setConnectingState}
BookingNavbar={BookingNavbar}
/>
</div> </div>
{BookingNavbar != 'Navbar3' ? (
<div className="Layout-bill-container" style={{ margin: '0' }}> <div className="Layout-bill-container" style={{ margin: '0' }}>
<div <div
className="Layout-bill-Subcontainer" className="Layout-bill-Subcontainer"
style={{ width: OtherServicesglobal ? '10%' : '100%' }} style={{ width: OtherServicesglobal ? '10%' : '100%' }}
> >
{UserType !== 'Employee' && ( {UserType !== 'Employee' && (
<div className="pricing-name-details"> <div className="pricing-name-details">
{PricingAppPricingName?.[0]?.PricingName + {PricingAppPricingName?.[0]?.PricingName +
' / ' + ' / ' +
PricingAppPricingName?.[0]?.Type} PricingAppPricingName?.[0]?.Type}
</div>
)}
{!OtherServicesglobal && (
<SalesCountComponent
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
BookingNavbar={BookingNavbar}
/>
)}
{!OtherServicesglobal &&
SessionData?.FeatureAddonData?.FeatureDtls?.find(
(item) =>
item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
) &&
!sportsAppPreference && (
<div
style={{
pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
opacity: OrderStatus > 0 ? 0.5 : 1,
}}
>
<Tooltip title={'Kiosk Sales'}>
<Badge count={badgeCount} offset={[-10, 3]} size="small">
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{ cursor: 'pointer', fontSize: '1.5rem' }}
className="iconsize"
/>
</Badge>
</Tooltip>
</div> </div>
)} )}
{!OtherServicesglobal && ( {!OtherServicesglobal && (
<SalesCountComponent <TooltipWrapper title={'Low Stock Alerts'} isMobile={isMobile}>
DineInAccess={DineInAccess} {' '}
GlobalsalesDetailData={GlobalsalesDetailData} <BSExpireProductsList />
</TooltipWrapper>
)}
{!OtherServicesglobal && Kioskopen && (
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
)}
{SAdminuserPin?.length > 0 && UserType != 'Super Admin User' && (
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/> />
)} </div>
{!OtherServicesglobal && )}
SessionData?.FeatureAddonData?.FeatureDtls?.find( {CheckBookingStatus == 'Open' ? (
(item) => !OtherServicesglobal && (
item?.FeatureAddonName?.toLowerCase() === 'kiosk sales' <div style={{ marginLeft: '10px' }}>
) && <TooltipWrapper title={'Booking Close'} isMobile={isMobile}>
!sportsAppPreference && ( {' '}
<div <BookingCloseIcon
style={{ onClick={OpenBookingModal}
pointerEvents: OrderStatus > 0 ? 'none' : 'auto', bgFill={'#52c41a'}
opacity: OrderStatus > 0 ? 0.5 : 1, style={{
}} fontSize: '16px',
> marginTop: '4px',
<Tooltip title={'Kiosk Sales'}> color: '#52c41a',
<Badge cursor: 'pointer',
count={badgeCount} }}
offset={[-10, 3]}
size="small"
>
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{ cursor: 'pointer', fontSize: '1.5rem' }}
className="iconsize"
/>
</Badge>
</Tooltip>
</div>
)}
{!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<BSExpireProductsList />
</TooltipWrapper>
)}
{!OtherServicesglobal && Kioskopen && (
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/> />
</div> {/* <button className="BookingCloseButton"
)} >Booking Close</button> */}
{CheckBookingStatus == 'Open' ? ( </TooltipWrapper>
!OtherServicesglobal && ( </div>
<div style={{ marginLeft: '10px' }}> )
<TooltipWrapper ) : (
title={'Booking Close'} <div style={{ marginLeft: '10px' }}>
isMobile={isMobile} <TooltipWrapper title="Booking Open" isMobile={isMobile}>
> <Popconfirm
{' '} placement="leftTop"
title="Booking Open"
description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
>
<span>
<BookingCloseIcon <BookingCloseIcon
onClick={OpenBookingModal} bgFill="red"
bgFill={'#52c41a'}
style={{ style={{
fontSize: '16px', fontSize: '16px',
marginTop: '4px', marginTop: '4px',
@ -429,57 +450,25 @@ const BSLayout4 = () => {
cursor: 'pointer', cursor: 'pointer',
}} }}
/> />
{/* <button className="BookingCloseButton" </span>
>Booking Close</button> */} </Popconfirm>
</TooltipWrapper> </TooltipWrapper>
</div> </div>
) )}
) : ( {!OtherServicesglobal && (
<div style={{ marginLeft: '10px' }}> <div style={{ marginLeft: '10px' }}>
<TooltipWrapper title="Booking Open" isMobile={isMobile}> <TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
<Popconfirm {''}
placement="leftTop" <BSEwayBillicon
title="Booking Open" style={{ cursor: 'pointer', marginTop: '5px' }}
description="Are you sure you want to Open the sales?" onClick={OpenListOfInvoices}
okText="Yes" />
cancelText="No" </TooltipWrapper>
onConfirm={() => BookingOpenFun('Open')} </div>
> )}
<span>
<BookingCloseIcon
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</span>
</Popconfirm>
</TooltipWrapper>
</div>
)}
{!OtherServicesglobal && (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
</div>
)}
</div>
</div> </div>
) : ( </div>
<SalesCountForStandard
PricingAppPricingName={PricingAppPricingName}
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
)}
<div <div
className="Bslayout4_overall" className="Bslayout4_overall"
style={{ style={{
@ -524,6 +513,8 @@ const BSLayout4 = () => {
> >
{!OtherServicesglobal && Comboglobal === false && ( {!OtherServicesglobal && Comboglobal === false && (
<BSItemCard <BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
cardFunctionality={dynamicComponentProps( cardFunctionality={dynamicComponentProps(
'Card', 'Card',
BookingCard?.[1], BookingCard?.[1],
@ -610,7 +601,7 @@ const BSLayout4 = () => {
/> />
)} )}
</> </>
</Suspense> </Suspense>
); );
}; };

290
src/Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx
View File

@ -136,6 +136,7 @@ const BSLayout5 = () => {
// const [AppExpDate, setAppExpDate] = useState(0); // const [AppExpDate, setAppExpDate] = useState(0);
const [screenHeight, setScreenHeight] = useState(window.innerHeight); const [screenHeight, setScreenHeight] = useState(window.innerHeight);
const [Kioskopen, setKioskopen] = useState(false); const [Kioskopen, setKioskopen] = useState(false);
const [connectingState, setConnectingState] = useState({});
const PricingAppPricingName = useSelector(GlobalPricingAppPricingName); const PricingAppPricingName = useSelector(GlobalPricingAppPricingName);
const SAdminuserPin = useSelector(GLobalSadminUserPin); const SAdminuserPin = useSelector(GLobalSadminUserPin);
const BookingNavbar = BSLayout5Data?.BookingNavbar?.[0]; const BookingNavbar = BSLayout5Data?.BookingNavbar?.[0];
@ -325,7 +326,11 @@ const BSLayout5 = () => {
style={{ height: containerHeight, overflow: 'hidden' }} style={{ height: containerHeight, overflow: 'hidden' }}
> >
<div className="BSLayout5-NavBar"> <div className="BSLayout5-NavBar">
<BSNavbar1 BookingNavbar={BookingNavbar}/> <BSNavbar1
BookingNavbar={BookingNavbar}
connectingState={connectingState}
setConnectingState={setConnectingState}
/>
</div> </div>
<div <div
@ -334,155 +339,148 @@ const BSLayout5 = () => {
backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor, backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor,
}} }}
> >
{BookingNavbar != 'Navbar3' ? ( <div className="Layout-bill-container">
<div className="Layout-bill-container"> <div
<div className="Layout-bill-Subcontainer"
className="Layout-bill-Subcontainer" style={{ width: OtherServicesglobal ? '10%' : '100%' }}
style={{ width: OtherServicesglobal ? '10%' : '100%' }} >
> {UserType !== 'Employee' && (
{UserType !== 'Employee' && ( <div className="pricing-name-details">
<div className="pricing-name-details"> {PricingAppPricingName?.[0]?.PricingName +
{PricingAppPricingName?.[0]?.PricingName + ' / ' +
' / ' + PricingAppPricingName?.[0]?.Type}
PricingAppPricingName?.[0]?.Type} </div>
</div> )}
)} {!OtherServicesglobal && (
{!OtherServicesglobal && ( <SalesCountComponent
<SalesCountComponent DineInAccess={DineInAccess}
DineInAccess={DineInAccess} GlobalsalesDetailData={GlobalsalesDetailData}
GlobalsalesDetailData={GlobalsalesDetailData} BookingNavbar={BookingNavbar}
/> />
)} )}
{!OtherServicesglobal && {!OtherServicesglobal &&
SessionData?.FeatureAddonData?.FeatureDtls?.find( SessionData?.FeatureAddonData?.FeatureDtls?.find(
(item) => (item) =>
item?.FeatureAddonName?.toLowerCase() === 'kiosk sales' item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
) && ) &&
!sportsAppPreference && ( !sportsAppPreference && (
<div <div
style={{ style={{
pointerEvents: OrderStatus > 0 ? 'none' : 'auto', pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
opacity: OrderStatus > 0 ? 0.5 : 1, opacity: OrderStatus > 0 ? 0.5 : 1,
}} }}
>
<Tooltip title={'Kiosk Sales'}>
{''}
<Badge
count={badgeCount}
offset={[-10, 3]}
size="small"
>
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{ cursor: 'pointer', fontSize: '1.5rem' }}
className="iconsize"
/>
</Badge>
</Tooltip>
</div>
)}
{!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
> >
{' '} <Tooltip title={'Kiosk Sales'}>
<BSExpireProductsList />
</TooltipWrapper>
)}
{!OtherServicesglobal && Kioskopen && (
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/>
</div>
)}
{!OtherServicesglobal && (
<>
{' '}
{CheckBookingStatus == 'Open' ? (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'Booking Close'}
isMobile={isMobile}
>
{' '}
<BookingCloseIcon
onClick={OpenBookingModal}
bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
{/* <button className="BookingCloseButton"
>Booking Close</button> */}
</TooltipWrapper>
</div>
) : (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title="Booking Open"
isMobile={isMobile}
>
<Popconfirm
placement="leftTop"
title="Booking Open"
description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
>
<span>
<BookingCloseIcon
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</span>
</Popconfirm>
</TooltipWrapper>
</div>
)}
</>
)}
{!OtherServicesglobal && (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
{''} {''}
<BSEwayBillicon <Badge
style={{ cursor: 'pointer', marginTop: '5px' }} count={badgeCount}
onClick={OpenListOfInvoices} offset={[-10, 3]}
/> size="small"
</TooltipWrapper> >
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{ cursor: 'pointer', fontSize: '1.5rem' }}
className="iconsize"
/>
</Badge>
</Tooltip>
</div> </div>
)} )}
</div> {!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<BSExpireProductsList />
</TooltipWrapper>
)}
{!OtherServicesglobal && Kioskopen && (
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/>
</div>
)}
{!OtherServicesglobal && (
<>
{' '}
{CheckBookingStatus == 'Open' ? (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'Booking Close'}
isMobile={isMobile}
>
{' '}
<BookingCloseIcon
onClick={OpenBookingModal}
bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
{/* <button className="BookingCloseButton"
>Booking Close</button> */}
</TooltipWrapper>
</div>
) : (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title="Booking Open"
isMobile={isMobile}
>
<Popconfirm
placement="leftTop"
title="Booking Open"
description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
>
<span>
<BookingCloseIcon
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</span>
</Popconfirm>
</TooltipWrapper>
</div>
)}
</>
)}
{!OtherServicesglobal && (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
</div>
)}
</div> </div>
) : ( </div>
<SalesCountForStandard
PricingAppPricingName={PricingAppPricingName}
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
)}
<div className="BsLayout5-ContentDiv"> <div className="BsLayout5-ContentDiv">
<div className="BSCategory5-tablecont"> <div className="BSCategory5-tablecont">
@ -557,6 +555,8 @@ const BSLayout5 = () => {
> >
{!OtherServicesglobal && Comboglobal === false && ( {!OtherServicesglobal && Comboglobal === false && (
<BSItemCard <BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
cardFunctionality={dynamicComponentProps( cardFunctionality={dynamicComponentProps(
'Card', 'Card',
BookingCard?.[1], BookingCard?.[1],
@ -601,7 +601,7 @@ const BSLayout5 = () => {
/> />
)} )}
</> </>
</Suspense> </Suspense>
); );
}; };

302
src/Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx
View File

@ -148,6 +148,7 @@ const BSLayout6 = () => {
BookingStatus?.find((item) => item.ScreenType === 'Booking') BookingStatus?.find((item) => item.ScreenType === 'Booking')
?.ScreenStatus ?? 'Open'; ?.ScreenStatus ?? 'Open';
const [BookingModalOpen, setBookingModalOpen] = useState(false); const [BookingModalOpen, setBookingModalOpen] = useState(false);
const [connectingState, setConnectingState] = useState({});
const [Kioskopen, setKioskopen] = useState(false); const [Kioskopen, setKioskopen] = useState(false);
const AppExpDate = useSelector(GlobalAppExpDateData); const AppExpDate = useSelector(GlobalAppExpDateData);
const [screenHeight, setScreenHeight] = useState(window?.innerHeight); const [screenHeight, setScreenHeight] = useState(window?.innerHeight);
@ -336,156 +337,155 @@ const BSLayout6 = () => {
> >
<div className="BSLayout6-fullnav"> <div className="BSLayout6-fullnav">
<div className="BSLayout6-Navbar"> <div className="BSLayout6-Navbar">
<BSNavbar1 BookingNavbar={BookingNavbar}/> <BSNavbar1
</div> BookingNavbar={BookingNavbar}
{BookingNavbar != 'Navbar3' ? ( connectingState={connectingState}
<div className="Layout-bill-container"> setConnectingState={setConnectingState}
<div
className="Layout-bill-Subcontainer"
style={{ width: OtherServicesglobal ? '10%' : '100%' }}
>
{UserType !== 'Employee' && (
<div className="pricing-name-details">
{PricingAppPricingName?.[0]?.PricingName +
' / ' +
PricingAppPricingName?.[0]?.Type}
</div>
)}
{!OtherServicesglobal && (
<SalesCountComponent
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
)}
{!OtherServicesglobal &&
SessionData?.FeatureAddonData?.FeatureDtls?.find(
(item) =>
item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
) &&
!sportsAppPreference && (
<div
style={{
pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
opacity: OrderStatus > 0 ? 0.5 : 1,
}}
>
<Tooltip title={'Kiosk Sales'}>
{''}
<Badge
count={badgeCount}
offset={[-10, 3]}
size="small"
>
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{ cursor: 'pointer', fontSize: '1.5rem' }}
className="iconsize"
/>
</Badge>
</Tooltip>
</div>
)}
{!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<BSExpireProductsList />
</TooltipWrapper>
)}
{!OtherServicesglobal && Kioskopen && (
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/>
</div>
)}
{!OtherServicesglobal && (
<>
{' '}
{CheckBookingStatus == 'Open' ? (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'Booking Close'}
isMobile={isMobile}
>
{' '}
<BookingCloseIcon
onClick={OpenBookingModal}
bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
{/* <button className="BookingCloseButton"
>Booking Close</button> */}
</TooltipWrapper>
</div>
) : (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title="Booking Open"
isMobile={isMobile}
>
<Popconfirm
placement="leftTop"
title="Booking Open"
description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
>
<span>
<BookingCloseIcon
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</span>
</Popconfirm>
</TooltipWrapper>
</div>
)}
</>
)}
{!OtherServicesglobal && (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
</div>
)}
</div>
</div>
) : (
<SalesCountForStandard
PricingAppPricingName={PricingAppPricingName}
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/> />
)} </div>
<div className="Layout-bill-container">
<div
className="Layout-bill-Subcontainer"
style={{ width: OtherServicesglobal ? '10%' : '100%' }}
>
{UserType !== 'Employee' && (
<div className="pricing-name-details">
{PricingAppPricingName?.[0]?.PricingName +
' / ' +
PricingAppPricingName?.[0]?.Type}
</div>
)}
{!OtherServicesglobal && (
<SalesCountComponent
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
BookingNavbar={BookingNavbar}
/>
)}
{!OtherServicesglobal &&
SessionData?.FeatureAddonData?.FeatureDtls?.find(
(item) =>
item?.FeatureAddonName?.toLowerCase() === 'kiosk sales'
) &&
!sportsAppPreference && (
<div
style={{
pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
opacity: OrderStatus > 0 ? 0.5 : 1,
}}
>
<Tooltip title={'Kiosk Sales'}>
{''}
<Badge
count={badgeCount}
offset={[-10, 3]}
size="small"
>
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{ cursor: 'pointer', fontSize: '1.5rem' }}
className="iconsize"
/>
</Badge>
</Tooltip>
</div>
)}
{!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<BSExpireProductsList />
</TooltipWrapper>
)}
{!OtherServicesglobal && Kioskopen && (
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/>
</div>
)}
{!OtherServicesglobal && (
<>
{' '}
{CheckBookingStatus == 'Open' ? (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'Booking Close'}
isMobile={isMobile}
>
{' '}
<BookingCloseIcon
onClick={OpenBookingModal}
bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
{/* <button className="BookingCloseButton"
>Booking Close</button> */}
</TooltipWrapper>
</div>
) : (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title="Booking Open"
isMobile={isMobile}
>
<Popconfirm
placement="leftTop"
title="Booking Open"
description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
>
<span>
<BookingCloseIcon
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</span>
</Popconfirm>
</TooltipWrapper>
</div>
)}
</>
)}
{!OtherServicesglobal && (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
</div>
)}
</div>
</div>
<div <div
className="BSLayout6-category-div" className="BSLayout6-category-div"
style={{ style={{
@ -529,6 +529,8 @@ const BSLayout6 = () => {
> >
{!OtherServicesglobal && Comboglobal === false && ( {!OtherServicesglobal && Comboglobal === false && (
<BSItemCard <BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
// screenHeight={screenHeight} // screenHeight={screenHeight}
cardFunctionality={dynamicComponentProps( cardFunctionality={dynamicComponentProps(
'Card', 'Card',
@ -623,7 +625,7 @@ const BSLayout6 = () => {
)} )}
</div> </div>
</> </>
</Suspense> </Suspense>
); );
}; };
export default BSLayout6; export default BSLayout6;

31
src/Pages/BookingScreen/Template/SalesCountComponent.jsx
View File

@ -18,7 +18,6 @@ import { MdOutlineCallReceived } from 'react-icons/md';
import { GoPackageDependencies } from 'react-icons/go'; import { GoPackageDependencies } from 'react-icons/go';
import { Messages } from '../../../Components/Notifications/Messages'; import { Messages } from '../../../Components/Notifications/Messages';
import { useSelector } from 'react-redux'; import { useSelector } from 'react-redux';
import { DefaultModal } from '../../../Components/Modal/DefaultModal';
import { import {
getCardDataWithoutSub, getCardDataWithoutSub,
getCardDataWithoutSubmodule, getCardDataWithoutSubmodule,
@ -56,11 +55,19 @@ const ShortcutKeyHelper = lazy(
); );
// Scss // Scss
import './SalesCountComponent.scss'; import './SalesCountComponent.scss';
import { SalesDetailsModal, SalesNetAmountModal } from '../Components/UtillComponents/SalesDetailsNetAmountModal.jsx'; import {
SalesDetailsModal,
SalesNetAmountModal,
} from '../Components/UtillComponents/SalesDetailsNetAmountModal.jsx';
const SalesCountComponent = React.memo( const SalesCountComponent = React.memo(
({ DineInAccess, GlobalsalesDetailData }) => { ({ DineInAccess, GlobalsalesDetailData, BookingNavbar }) => {
// Destructure to simplify access to required values // Destructure to simplify access to required values
console.log(
BookingNavbar,
'BookingNavbarBookingNavbar'
);
const { const {
DineInOrderCount, DineInOrderCount,
TakeAwayOrderCount, TakeAwayOrderCount,
@ -541,9 +548,9 @@ const SalesCountComponent = React.memo(
<div> <div>
{safeRound( {safeRound(
TakeAwayAmount + TakeAwayAmount +
SelfTakeAwayAmount + SelfTakeAwayAmount +
PreOrderAmount - PreOrderAmount -
OverAllTakeAwayOfferAmount OverAllTakeAwayOfferAmount
)} )}
</div> </div>
</div> </div>
@ -616,8 +623,8 @@ const SalesCountComponent = React.memo(
<div> <div>
{safeRound( {safeRound(
DineInAmount + DineInAmount +
SelfDineInAmount - SelfDineInAmount -
OverAllDineInOfferAmount OverAllDineInOfferAmount
)} )}
</div> </div>
</div> </div>
@ -629,8 +636,8 @@ const SalesCountComponent = React.memo(
<span> <span>
{safeRound( {safeRound(
DineInAmount + DineInAmount +
SelfDineInAmount - SelfDineInAmount -
OverAllDineInOfferAmount OverAllDineInOfferAmount
)} )}
</span> </span>
</p> </p>
@ -648,7 +655,7 @@ const SalesCountComponent = React.memo(
SelfTakeAwayAmount + SelfTakeAwayAmount +
PreOrderAmount - PreOrderAmount -
OverAllTakeAwayOfferAmount || 0) + OverAllTakeAwayOfferAmount || 0) +
(DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount) (DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount)
) > 0 && setIsNetAmtModalOpen(true) ) > 0 && setIsNetAmtModalOpen(true)
} }
> >
@ -659,7 +666,7 @@ const SalesCountComponent = React.memo(
SelfTakeAwayAmount + SelfTakeAwayAmount +
PreOrderAmount - PreOrderAmount -
OverAllTakeAwayOfferAmount || 0) + OverAllTakeAwayOfferAmount || 0) +
(DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount) (DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount)
)} )}
</span> </span>
</p> </p>

355
src/Styles/BookingScreen/Components/BSNavbar/BSNavbar1.scss
View File

@ -1,11 +1,55 @@
.BSBillingNavBar1 { .BSBillingNavBar1,
.BSBillingNavBar2 {
display: flex; display: flex;
align-items: center; align-items: center;
width: 100vw; width: 100vw;
height: 40px; height: 42px;
background-color: #ffffff;
box-shadow: var(--BOX_SHADOW_LEVEL2); box-shadow: var(--BOX_SHADOW_LEVEL2);
padding: 0 6px; padding: 1px 6px;
gap: 12px;
background-color: #fff;
.NavbarSearchModified {
background-color: #e5e5e5;
}
.custom-input {
background-color: #e5e5e5;
border: none;
font-family: "Poppins";
font-weight: 500;
}
.search-input {
border: none !important;
}
@media (max-width: 1024px) {
.nameofBracnchmain {
width: 100px !important;
}
}
.ParkingIconDea {
background-color: #fff !important;
fill: #1292ee;
}
.ParkingIconActive {
background-color: #fff !important;
fill: #52c41a;
}
}
.BSBillingNavBar3 {
display: flex;
align-items: center;
width: 100vw;
height: 42px;
box-shadow: var(--BOX_SHADOW_LEVEL2);
padding: 1px 6px;
gap: 12px;
background: linear-gradient(to bottom right, #1e2536, #2a3447);
@media (max-width: 1024px) {
.nameofBracnchmain {
width: 100px !important;
}
}
} }
.BSBillingNav1div2 { .BSBillingNav1div2 {
@ -15,13 +59,14 @@
align-items: center; align-items: center;
width: 100vw; width: 100vw;
color: var(--DEFAULT_SELECTED_COLOR); color: var(--DEFAULT_SELECTED_COLOR);
.BSBillingNavBar1-SearchBar { .BSBillingNavBar1-SearchBar {
font-size: 12px !important; font-size: 12px !important;
font-family: "Poppins" !important; font-family: "Poppins" !important;
font-weight: 500; font-weight: 500;
justify-content: center; justify-content: center;
white-space: nowrap; white-space: nowrap;
background-color: #f4f4f4; background-color: #e5e5e5;
padding: 1px 6px; padding: 1px 6px;
div { div {
text-align: center; text-align: center;
@ -90,6 +135,10 @@
width: 1.7rem; width: 1.7rem;
margin-right: 1rem; margin-right: 1rem;
color: var(--DEFAULT_SELECTED_COLOR); color: var(--DEFAULT_SELECTED_COLOR);
@media (max-width: 1024px) {
display: flex;
margin-right: 1rem;
}
} }
.BSBillingNavBar1-smallscreen-Inputsearch-container { .BSBillingNavBar1-smallscreen-Inputsearch-container {
@ -121,11 +170,6 @@
} }
@media (max-width: 1000px) { @media (max-width: 1000px) {
.BSBillingnav1-threedots {
display: flex;
margin-right: 1rem;
}
.BSBillingNavBar1-AllIcons { .BSBillingNavBar1-AllIcons {
display: none; display: none;
} }
@ -147,9 +191,8 @@
.BSBillingNav1div2 { .BSBillingNav1div2 {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-around; justify-content: space-between;
align-items: center; align-items: center;
column-gap: 0rem !important;
width: 100%; width: 100%;
.ant-select-selector { .ant-select-selector {
height: max-content !important; height: max-content !important;
@ -164,23 +207,6 @@
text-align: center; text-align: center;
font-size: 14px; font-size: 14px;
} }
.BSBillingnav1-Smallscreen {
position: absolute;
right: 0;
top: 40px;
display: flex !important;
border-right: 1px solid rgb(204, 198, 198);
background-color: rgb(255, 255, 255);
z-index: 3 !important;
justify-content: center;
padding: 10px;
box-shadow:
rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
height: 100vh;
width: 100px;
}
} }
@media all and (max-width: 499px) { @media all and (max-width: 499px) {
@ -252,10 +278,8 @@
.BSNavbar1-time-user { .BSNavbar1-time-user {
display: flex; display: flex;
align-items: center; align-items: center;
column-gap: 1rem; gap: 12px;
justify-content: flex-end; justify-content: flex-end;
margin-right: 1rem;
margin-left: 1rem;
} }
.UserProfile { .UserProfile {
@ -334,6 +358,22 @@
.BSBillingnav1-Smallscreen { .BSBillingnav1-Smallscreen {
display: none; display: none;
@media (max-width: 1024px) {
position: absolute;
right: 0;
top: 40px;
display: flex !important;
border-right: 1px solid rgb(204, 198, 198);
background-color: rgb(255, 255, 255);
z-index: 3 !important;
justify-content: center;
padding: 10px;
box-shadow:
rgba(0, 0, 0, 0.16) 0px 10px 36px 0px,
rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
height: 100vh;
width: 100px;
}
} }
.BSNavbar1-timer .mytimer-width-container { .BSNavbar1-timer .mytimer-width-container {
@ -492,9 +532,11 @@
align-items: center; align-items: center;
column-gap: 4px; column-gap: 4px;
position: relative; position: relative;
width: 100%;
max-width: 300px;
.BarCodeScanMaster { .BarCodeScanMaster {
position: absolute; position: absolute;
right: 10px; right: 15px;
top: 20%; top: 20%;
padding: 0 !important; padding: 0 !important;
svg { svg {
@ -504,7 +546,7 @@
} }
.MultiSearchIconDiv { .MultiSearchIconDiv {
color: #1292ee !important; color: #333 !important;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -513,7 +555,7 @@
height: 27px; height: 27px;
position: absolute; position: absolute;
z-index: 10; z-index: 10;
left: 6px; right: 6px;
background-color: unset !important; background-color: unset !important;
} }
.custom-input { .custom-input {
@ -525,8 +567,8 @@
} }
.BsNavbar1FullScreen { .BsNavbar1FullScreen {
background-color: #1292ee; background-color: #1292ee;
height: 28px; height: max-content;
width: 28px; width: max-content;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
@ -534,17 +576,248 @@
cursor: pointer; cursor: pointer;
font-size: 18px; font-size: 18px;
color: #fff; color: #fff;
padding: 6px;
} }
.BsNavbar1FullScreenExit { .BsNavbar1FullScreenExit {
background-color: #ef4444; background-color: #ef4444;
height: 28px; height: max-content;
width: 28px; width: max-content;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-radius: 4px; border-radius: 4px;
color: #fff;
font-size: 18px;
cursor: pointer; cursor: pointer;
font-size: 19px;
color: #fff;
padding: 6px;
}
.BSNavbarHomeIcon {
color: #1292ee;
cursor: pointer;
width: 30px !important;
height: 30px !important;
}
.NavbarCus-Add {
display: flex;
align-items: center;
gap: 2px;
}
.PrinterSettingMB {
color: #1292ee;
font-size: 20px;
}
.BsNavbar-IconSections {
display: flex;
align-items: center;
gap: 10px;
@media (max-width: 1024px) {
display: none;
}
}
.BSBillingNav1div2 .EstimateButton {
flex-direction: row !important;
}
//
//
//
// Responsive navbar code
//
//
//
.resNavbarMain {
width: 100vw;
height: 100vh;
background-color: #00000056;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
z-index: 99999;
display: flex;
align-items: flex-start;
justify-content: flex-end;
overflow: visible;
backdrop-filter: blur(6px);
animation: fadeInRes 0.3s ease;
&.closing {
animation: fadeOutRes 0.3s ease;
}
.ResBsNavbar-IconSections {
background-color: #fff;
display: flex;
height: 100%;
width: max-content;
padding: 0 16px;
gap: 10px;
flex-direction: column;
align-items: center;
animation: slideInRightRes 0.3s ease;
.BSBillingNav-icon {
color: #1292ee;
}
}
&.closing .ResBsNavbar-IconSections {
animation: slideOutRightRes 0.3s ease;
}
.EstimateButton {
cursor: pointer;
display: flex;
align-items: center;
color: #52c41a;
background-color: #1292ee;
height: 30px;
width: max-content;
justify-content: space-around;
border-radius: 6px;
padding: 0 5px;
padding: 10px;
}
.resnavbarClose {
display: flex;
width: 100%;
padding: 12px 0px 0 12px;
justify-content: flex-end;
cursor: pointer;
color: #ff0000;
font-size: 24px;
font-weight: 800;
}
}
.ReprintIconRes {
display: flex;
align-items: center;
gap: 10px;
}
.ParkingIconDea {
background-color: #1292ee !important;
}
.ParkingIconActive {
background-color: #52c41a !important;
}
.NavbarSearchModified {
background-color: #fff;
display: flex;
align-items: center;
padding: 2px 6px;
gap: 10px;
border-radius: 6px;
width: 100%;
max-width: 300px;
.BSNavBarSearchMaster {
width: 80%;
}
.custom-input {
padding: 6px 0 !important;
height: unset;
border: none !important;
color: #333 !important;
width: 100%;
border-radius: 0 !important;
}
.search-icon {
display: none;
}
.Prdinput-container {
width: 100%;
}
.bothnbavbarIcon {
color: #333;
}
}
@keyframes fadeInRes {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeOutRes {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes slideInRightRes {
from {
transform: translateX(100%);
}
to {
transform: translateX(0);
}
}
@keyframes slideOutRightRes {
from {
transform: translateX(0);
}
to {
transform: translateX(100%);
}
}
.BSBillingNavBar3 {
.BSNavbarHomeIcon,
.nameofBracnchmain,
.BSBillingNav-icon,
.favIcon,
.PrinterSettingMB,
.UserProfile {
color: #fff !important;
}
.OtherServiceParking,
.EstimateButton,
.WholesaleretialChangeIcon,
.BsNavbar1FullScreen,
.BSBillingNavBar1-SearchBar {
background-color: #fff !important;
}
.ParkingIconDea {
background-color: #000000 !important;
fill: #fff !important;
}
.ParkingIconActive {
background-color: #ffffff !important;
fill: #52c41a;
}
.WholesaleretialChangeIcon svg {
color: #1292ee !important;
}
.favIcon svg {
color: #fff !important;
}
.BsNavbar1FullScreen {
color: #1292ee !important;
}
.BSBillingNavBar1-SearchBar {
font-size: 11px !important;
line-height: 1.3;
}
}
.BSBillingNavBar3 {
.ResBsNavbar-IconSections {
background: linear-gradient(to bottom right, #1e2536, #2a3447);
}
} }

2
src/Styles/BookingScreen/Components/UtillComponents/BSNavBarComponents.scss
View File

@ -347,8 +347,6 @@
@media only screen and (max-width: 1000px) { @media only screen and (max-width: 1000px) {
.BSBillingNav1div2 .EstimateButton { .BSBillingNav1div2 .EstimateButton {
flex-direction: column !important;
height: max-content !important;
padding: 5px 2px; padding: 5px 2px;
} }
} }

6
src/Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss
View File

@ -40,7 +40,7 @@ body {
.BSLayout2Standard { .BSLayout2Standard {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
top: 2rem; top: 2.1rem;
height: 100%; height: 100%;
@media (max-width: 768px) { @media (max-width: 768px) {
@ -359,12 +359,12 @@ body {
.salesStoreName { .salesStoreName {
color: #000000; color: #000000;
padding: 0.1rem 0.5rem; padding: 0;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
text-align: center; text-align: center;
font-family: "Poppins"; font-family: "Poppins";
margin: 3px 3px 1px 3px; margin: 0;
svg { svg {
display: flex; display: flex;

20
src/Styles/OverAllStyle/OverAllStyle.scss
View File

@ -1473,7 +1473,6 @@ table {
height: 70vh; height: 70vh;
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin; scrollbar-width: thin;
/* Firefox */
scroll-behavior: auto; scroll-behavior: auto;
} }
@ -1490,8 +1489,8 @@ table {
.bulkChangePriceTable { .bulkChangePriceTable {
width: 83vw; width: 83vw;
overflow: auto; overflow: auto;
height: 60vh;
scrollbar-width: thin; scrollbar-width: thin;
height: 60vh;
position: relative; position: relative;
.ant-table-cell { .ant-table-cell {
@ -1580,7 +1579,7 @@ table {
height: max-content; height: max-content;
max-height: 300px; max-height: 300px;
width: 100%; width: 100%;
overflow-y: scroll; overflow-y: auto;
& .ant-table-wrapper table { & .ant-table-wrapper table {
width: 80%; width: 80%;
} }
@ -1592,7 +1591,7 @@ table {
flex-wrap: wrap; flex-wrap: wrap;
height: 400px; height: 400px;
width: 100%; width: 100%;
overflow-y: scroll; overflow-y: auto;
& .ant-table-wrapper table { & .ant-table-wrapper table {
width: 100%; width: 100%;
} }
@ -1688,3 +1687,16 @@ table {
padding: 10px 0 !important; padding: 10px 0 !important;
} }
} }
.CusAddressAddBtn {
background-color: #1677ff;
color: #fff;
padding: 6px 10px;
border: none;
border-radius: 6px;
cursor: pointer;
font-size: 12px;
margin-top: 8px;
font-weight: 400;
font-family: "Poppins";
}

2316
src/check.scss
View File

File diff suppressed because it is too large Load Diff