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,
GlobalAddCustomerDetails,
triggerCustomerRefresh,
VerifiedPaymentDtl
VerifiedPaymentDtl,
} from '../../../../Features/BookingScreen/Customer/addCustomer';
import PozoHoldIcon from '../UtillComponents/Pozo retail icons/PozoHoldIcon';
import PozoDineInIcon from '../UtillComponents/Pozo retail icons/PozoDineIn.jsx';
@ -748,7 +748,7 @@ const BSC1Payment = (props) => {
if (!preOrder) {
const totalSum = OrderCardDetail?.reduce(
// (acc, card) => acc + parseFloat(card.OrderRate * card.OrderQty || 0),
(acc, card) => acc + parseFloat(card.TotalAmt || 0),
(acc, card) => acc + parseFloat(card.TotalAmt || 0),
0
);
@ -840,7 +840,7 @@ const BSC1Payment = (props) => {
? (Number(withdiscTotal) + Number(globalTipAmount)).toFixed(2)
: (Number(Total) + Number(globalTipAmount)).toFixed(2)
);
console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
console.log(currentOrderNetAmount, totalSum, 'currentOrderNetAmount');
setTotalAmount(
salesBillEdit
? currentOrderNetAmount > previousNetAmount
@ -875,36 +875,37 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
OtherServiceTicketClaim,
Discount,
]);
useEffect(() => {
useEffect(() => {
const fetchPrinterMapping = async () => {
try {
if (UserType !== 'Super Admin' && isMobile && MobileA4Print) {
if (UserType !== 'Super Admin' && isMobile && MobileA4Print) {
const data = {
CompId: CompId,
BranchId: BranchId,
AppId: AppId,
UserId: UserId,
};
// && isMobile && MobileA4Print
const response = await dispatch(getPrinterMappingDetails(data)).unwrap();
// && isMobile && MobileA4Print
const response = await dispatch(
getPrinterMappingDetails(data)
).unwrap();
if (response?.data?.statusCode === 0) {
handlePrintMappingClick()
}
console.log(response, "printer mapping response");
handlePrintMappingClick();
}
console.log(response, 'printer mapping response');
}
} catch (error) {
console.error("Error fetching printer mapping:", error);
console.error('Error fetching printer mapping:', error);
}
};
fetchPrinterMapping();
handleOtherData();
}, []);
const handlePrintMappingClick = () => {
// setReprint1(true)
window.dispatchEvent(new Event('CLICK PRINTER MAPPING'));
};
const handlePrintMappingClick = () => {
// setReprint1(true)
window.dispatchEvent(new Event('CLICK PRINTER MAPPING'));
};
useEffect(() => {
if (!preferenceshortcutkey) return;
@ -2241,7 +2242,7 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
PackageDtl: a.PackageDtl,
...(a?.DiscountValue && { DiscountValue: a.DiscountValue }),
...(a?.DiscountType && { DiscountType: a.DiscountType }),
...(a?.DiscountAmt && { DiscountAmt: a.DiscountAmt })
...(a?.DiscountAmt && { DiscountAmt: a.DiscountAmt }),
}));
const NotSlectedTypeFind = temporderdetail?.find(
(a) => a?.BookingType != SelectedBookingType
@ -3961,8 +3962,6 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
: handlePaymentMode(payment.ModeId, payment.ModeName)
}
>
{/* {UpiOption === "" && payment?.ModeName?.toLowerCase() === "upi" && <p> UPI</p>} */}
<div
style={{
display: 'flex',
@ -4426,40 +4425,42 @@ console.log(currentOrderNetAmount,totalSum,"currentOrderNetAmount")
</>
)}
{/* Customer Orders */}
{(SelCustId && BSComboData?.BookingBilling?.[1]?.filter((item) => item.OptionName === 'PreviousBillFetch')
.length === 1) && (
<Tooltip title="Customer Orders" isMobile={isMobile}>
{' '}
<div
className="BSBillingNav-icon-table-icon"
onClick={() => {
if (
CheckBookingStatus !== 'Close' &&
!addnewAccess &&
!(OrderCardDetail?.length > 0)
) {
setCustomerPreviesOrders(true);
}
}}
style={{
cursor: OrderCardDetail?.length > 0 && 'not-allowed',
color:
OrderCardDetail?.length > 0 ||
(OrderCardDetail?.length > 0 &&
GetCustId?.CustMobile === undefined)
? 'gray'
: 'rgb(18, 146, 238)',
fontSize: '25px',
display: 'flex',
alignItems: 'center',
height: '2.46rem',
width: '1.5rem',
}}
>
<FaCartPlus />
</div>
</Tooltip>
)}
{SelCustId &&
BSComboData?.BookingBilling?.[1]?.filter(
(item) => item.OptionName === 'PreviousBillFetch'
).length === 1 && (
<Tooltip title="Customer Orders" isMobile={isMobile}>
{' '}
<div
className="BSBillingNav-icon-table-icon"
onClick={() => {
if (
CheckBookingStatus !== 'Close' &&
!addnewAccess &&
!(OrderCardDetail?.length > 0)
) {
setCustomerPreviesOrders(true);
}
}}
style={{
cursor: OrderCardDetail?.length > 0 && 'not-allowed',
color:
OrderCardDetail?.length > 0 ||
(OrderCardDetail?.length > 0 &&
GetCustId?.CustMobile === undefined)
? 'gray'
: 'rgb(18, 146, 238)',
fontSize: '25px',
display: 'flex',
alignItems: 'center',
height: '2.46rem',
width: '1.5rem',
}}
>
<FaCartPlus />
</div>
</Tooltip>
)}
{preOrderOpen && <BSNavBarPreOrder />}
{sportsAppPreference && <BSMembership />}
{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 cardFunction = props?.cardFunctionality;
const { connectingState = null, setConnectingState = () => {} } = props;
console.log(connectingState?.positionChange, 'positionChange');
// const applyOffer = useApplyOfferto_CardDetail();
const preferenceDatas = useSelector(PreferenceData, shallowEqual);
const { selectedDate } = useDateStore();
@ -6106,7 +6108,8 @@ const BSItemCard = (props) => {
}}
style={{
position: 'absolute',
zIndex: '12',
// zIndex: '12',
zIndex: connectingState?.positionChange ? '0' : '20',
top:
templateData?.BookingNavbar?.[0] === 'Navbar3' &&
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]);
if (response?.data?.data?.[0]?.Gender) {
setGender(response?.data?.data?.[0]?.Gender);
}
if (response?.data?.data?.[0]?.InitialOutStanding) {
setInitialOutStandingType(
response?.data?.data?.[0]?.InitialOutStanding
@ -2978,7 +2982,7 @@ const FeaturesFunctionalities = (props) => {
},
{
validator: async (_, value) => {
await validateSafeInput(value); // To block HTML tags & SQL keywords
await validateSafeInput(value);
return Promise.resolve();
},
},
@ -3021,6 +3025,7 @@ const FeaturesFunctionalities = (props) => {
}
/>
</Form.Item>
<Form.Item name={'Gender'}>
<RadioGrpButton
Header={'Gender'}
@ -3028,7 +3033,6 @@ const FeaturesFunctionalities = (props) => {
{ label: 'Male', value: 'M' },
{ label: 'Female', value: 'F' },
]}
// value={formRef.current?.getFieldsValue()?.Gender}
defaultSelect={gender}
onSelectFuntion={(e) => {
setGender(e);
@ -3036,6 +3040,7 @@ const FeaturesFunctionalities = (props) => {
}}
/>
</Form.Item>
<Form.Item name={'AadhaarNo'}>
<InputField
label={'Aadhaar No'}
@ -3075,22 +3080,7 @@ const FeaturesFunctionalities = (props) => {
</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
style={{
fontSize: '13px',
@ -3516,7 +3506,9 @@ const FeaturesFunctionalities = (props) => {
borderRadius: '6px',
cursor: 'pointer',
marginTop: '8px',
fontWeight: '500',
fontWeight: '400',
fontFamily: 'Poppins',
fontSize: '12px',
}}
>
{editingIndex !== null
@ -3984,10 +3976,6 @@ const FeaturesFunctionalities = (props) => {
option?.BookingTypeName +
' ' +
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:
option.Type === 'P'
? option.ProdVariantName !== 'Variant 1'

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

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

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

@ -1,72 +1,83 @@
import { useDispatch, useSelector } from 'react-redux';
import { GlobalRetailWSSalesType, changeRetailWSSalesType } from '../../../../Features/BookingScreen/BookingData/BookingData';
import { MdAddShoppingCart } from "react-icons/md";
import { FaBoxes } from "react-icons/fa";
import {
GlobalRetailWSSalesType,
changeRetailWSSalesType,
} from '../../../../Features/BookingScreen/BookingData/BookingData';
import { MdAddShoppingCart } from 'react-icons/md';
import { FaBoxes } from 'react-icons/fa';
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 dispatch = useDispatch();
const SaleType = useSelector(GlobalRetailWSSalesType);
const isWholesale = SaleType === 'W';
const btnStyle = {
width: '30px',
height: '30px',
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 = () => {
dispatch(changeRetailWSSalesType(isWholesale ? 'R' : 'W'));
};
const iconStyle = {
fontSize: '17px',
color: 'white',
display: 'flex',
};
const btnStyle = {
width: '33px',
height: '33px',
borderRadius: '8px',
backgroundColor: isWholesale ? '#22c55e' : '#3b82f6',
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
position: 'relative',
border: 'none',
outline: 'none',
cursor: 'pointer',
padding:"10px",
};
const badgeStyle = {
position: 'absolute',
top: '-2px',
right: '-10px',
backgroundColor: isWholesale ? '#3bb100' : '#0078ce',
color: 'white',
fontSize: '11px',
fontWeight: '500',
borderRadius: '9999px',
width: '20px',
height: '20px',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
fontFamily: 'Poppins',
color: '#fff',
};
const iconStyle = {
fontSize: '16px',
color: 'white',
display : 'flex',
};
useEffect(() => {
if (drawerOpen?.wholesale) {
toggleSaleType();
setDrawerOpen((prev) => ({ ...prev, wholesale: false }));
}
}, [drawerOpen?.wholesale]);
const badgeStyle = {
position: 'absolute',
top: '-2px',
right: '-10px',
backgroundColor: isWholesale ? '#15803d' : '#1e40af',
color: 'white',
fontSize: '12px',
fontWeight: 'bold',
borderRadius: '9999px',
width: '20px',
height: '20px',
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>
);
return (
<button
className="WholesaleretialChangeIcon"
onClick={toggleSaleType}
style={btnStyle}
>
<span style={iconStyle}>
{isWholesale ? <FaBoxes /> : <MdAddShoppingCart />}
</span>
<span style={badgeStyle}>{SaleType}</span>
</button>
);
};
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 [messageType, setMessageType] = useState(null);
const [messageData, setMessageData] = useState(null);
const [connectingState, setConnectingState] = useState({});
// const [AppExpDate, setAppExpDate] = useState(0);
const [screenHeight, setScreenHeight] = useState(window.innerHeight);
const [Kioskopen, setKioskopen] = useState(false);
@ -319,7 +320,7 @@ const BSLayout1 = () => {
setListOfInvoices(false);
};
return (
<Suspense fallback={<CardSkeleton />}>
<Suspense fallback={<CardSkeleton />}>
<>
<Messages
messageType={messageType}
@ -338,8 +339,11 @@ const BSLayout1 = () => {
style={{ height: containerHeight, overflow: 'hidden' }}
>
<div className="BSLayout1-NavBar">
<BSNavbar1 BookingNavbar={BookingNavbar}/>
<BSNavbar1
BookingNavbar={BookingNavbar}
connectingState={connectingState}
setConnectingState={setConnectingState}
/>
</div>
<div
className={
@ -349,176 +353,167 @@ const BSLayout1 = () => {
backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor,
}}
>
{BookingNavbar != 'Navbar3' ? (
<div
className="Layout-bill-container"
style={{ marginTop: '12px' }}
>
<div
className="Layout-bill-container"
style={{ marginTop: '12px' }}
className="Layout-bill-Subcontainer"
style={{ width: OtherServicesglobal ? '10%' : '100%' }}
>
<div
className="Layout-bill-Subcontainer"
style={{ width: OtherServicesglobal ? '10%' : '100%' }}
>
{UserType !== 'Employee' && (
<div className="pricing-name-details">
{PricingAppPricingName?.[0]?.PricingName +
' / ' +
PricingAppPricingName?.[0]?.Type}
</div>
)}
{AvailableDate && (
{UserType !== 'Employee' && (
<div className="pricing-name-details">
{PricingAppPricingName?.[0]?.PricingName +
' / ' +
PricingAppPricingName?.[0]?.Type}
</div>
)}
{AvailableDate && (
<div
style={{
padding: '3px 5px',
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
style={{
padding: '3px 5px',
marginLeft: '1rem',
pointerEvents: OrderStatus > 0 ? 'none' : 'auto',
opacity: OrderStatus > 0 ? 0.5 : 1,
}}
>
<DatePicker
disabledDate={disablePastDates}
// defaultValue={moment()} // today’s date
format="DD-MMM-YYYY"
value={selectedDate ? dayjs(selectedDate) : null}
onChange={(date) => setSelectedDate(date)}
{!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}
>
{' '}
<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 && (
<SalesCountComponent
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
)}
{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>
)}
{!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
{!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"
isMobile={isMobile}
>
<Popconfirm
placement="leftTop"
title="Booking Open"
isMobile={isMobile}
description="Are you sure you want to Open the sales?"
okText="Yes"
cancelText="No"
onConfirm={() => BookingOpenFun('Open')}
>
<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>
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'E-way Bill'}
isMobile={isMobile}
>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
</div>
</>
)}
</div>
<span>
<BookingCloseIcon
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</span>
</Popconfirm>
</TooltipWrapper>
</div>
)}
</div>
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper title={'E-way Bill'} isMobile={isMobile}>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
</div>
</>
)}
</div>
) : (
<SalesCountForStandard
PricingAppPricingName={PricingAppPricingName}
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
)}
</div>
<div className="BSLayout1-ContentDiv">
<div className="BSCategory1-Contentcont">
<div
@ -587,6 +582,8 @@ const BSLayout1 = () => {
/>
) : (
<BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
screenHeight={screenHeight}
cardFunctionality={dynamicComponentProps(
'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 [messageData, setMessageData] = useState(null);
const [popOverOpen, setPopOverOpen] = useState(false);
const [connectingState, setConnectingState] = useState({});
const BookingStatus = useSelector(GlobalBookingStatus);
const CheckBookingStatus =
BookingStatus?.find((item) => item.ScreenType === 'Booking')
@ -348,7 +349,11 @@ const BSLayout2 = () => {
style={{ height: containerHeight, overflow: 'hidden' }}
>
<div className="BSLayout2-NavBar">
<BSNavbar1 BookingNavbar={BookingNavbar}/>
<BSNavbar1
BookingNavbar={BookingNavbar}
connectingState={connectingState}
setConnectingState={setConnectingState}
/>
</div>
<div
@ -357,169 +362,160 @@ const BSLayout2 = () => {
BookingNavbar != 'Navbar3' ? 'BSLayout2Standard' : 'BSLayout2'
}
>
{BookingNavbar != 'Navbar3' ? (
<div
className="Layout-bill-container"
style={{ marginTop: '9px' }}
>
<div
className="Layout-bill-container"
style={{ marginTop: '9px' }}
className="Layout-bill-Subcontainer"
style={{ width: OtherServicesglobal ? '10%' : '100%' }}
>
<div
className="Layout-bill-Subcontainer"
style={{ width: OtherServicesglobal ? '10%' : '100%' }}
>
{UserType !== 'Employee' && (
<div className="pricing-name-details">
{PricingAppPricingName?.[0]?.PricingName +
' / ' +
PricingAppPricingName?.[0]?.Type}
{UserType !== 'Employee' && (
<div className="pricing-name-details">
{PricingAppPricingName?.[0]?.PricingName +
' / ' +
PricingAppPricingName?.[0]?.Type}
</div>
)}
{!OtherServicesglobal && (
<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>
)}
{!OtherServicesglobal && (
{!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<Suspense fallback={null}>
<SalesCountComponent
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
<BSExpireProductsList />
</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>
)}
{!OtherServicesglobal && (
<TooltipWrapper
title={'Low Stock Alerts'}
isMobile={isMobile}
>
{' '}
<Suspense fallback={null}>
<BSExpireProductsList />
</Suspense>
</TooltipWrapper>
)}
{Kioskopen && (
<Suspense fallback={null}>
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
</Suspense>
)}
</TooltipWrapper>
)}
{Kioskopen && (
<Suspense fallback={null}>
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
</Suspense>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<Suspense fallback={null}>
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/>
</div>
</Suspense>
)}
{!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',
}}
/>
</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>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<Suspense fallback={null}>
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
popOverOpen={popOverOpen}
handleSupportUser={handleSupportUser}
handlePopOverOpen={handlePopOverOpen}
/>
</div>
</Suspense>
)}
{!OtherServicesglobal && (
<>
{CheckBookingStatus == 'Open' ? (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'E-way Bill'}
title={'Booking Close'}
isMobile={isMobile}
>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
{' '}
<BookingCloseIcon
onClick={OpenBookingModal}
bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</TooltipWrapper>
</div>
</>
)}
</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' }}>
<TooltipWrapper
title={'E-way Bill'}
isMobile={isMobile}
>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
</div>
</>
)}
</div>
) : (
<Suspense fallback={null}>
<SalesCountForStandard
PricingAppPricingName={PricingAppPricingName}
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
</Suspense>
)}
</div>
<div
className="BsLayout2-ContentDiv"
@ -582,6 +578,8 @@ const BSLayout2 = () => {
/>
) : (
<BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
cardFunctionality={dynamicComponentProps(
'Card',
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 CardSkeleton from '../../../../Components/Skeleton/CardSkeleton.jsx';
const BSLayout3 = () => {
const dispatch = useDispatch();
const { action, selectedProducts } = useSelector(
@ -168,6 +166,7 @@ const BSLayout3 = () => {
(i) => i.SettingIdName === 'DineIn'
)?.[0];
}, [SettingDataSelector]);
const [connectingState, setConnectingState] = useState({});
const [ListOfInvoices, setListOfInvoices] = useState(false);
const AppId = SessionData?.AppId;
const CompId = SessionData?.CompId;
@ -321,7 +320,11 @@ const BSLayout3 = () => {
style={{ height: containerHeight, overflow: 'hidden' }}
>
<div className="BSLayout3-NavBar">
<BSNavbar1 BookingNavbar={BookingNavbar}/>
<BSNavbar1
BookingNavbar={BookingNavbar}
connectingState={connectingState}
setConnectingState={setConnectingState}
/>
</div>
<div
className={
@ -331,156 +334,149 @@ const BSLayout3 = () => {
backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor,
}}
>
{BookingNavbar != 'Navbar3' ? (
<div className="Layout-bill-container" style={{ marginTop: '9px' }}>
<div
className="Layout-bill-container"
style={{ marginTop: '9px' }}
className="Layout-bill-Subcontainer"
style={{ width: OtherServicesglobal ? '10%' : '100%' }}
>
<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}
{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,
}}
>
{' '}
<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}>
<Tooltip title={'Kiosk Sales'}>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
<Badge
count={badgeCount}
offset={[-10, 3]}
size="small"
>
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{ cursor: 'pointer', fontSize: '1.5rem' }}
className="iconsize"
/>
</Badge>
</Tooltip>
</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>
) : (
<>
<SalesCountForStandard />
</>
)}
</div>
<div
className="BsLayout3-ContentDiv"
style={{
@ -542,6 +538,8 @@ const BSLayout3 = () => {
>
{!OtherServicesglobal && Comboglobal === false && (
<BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
cardFunctionality={dynamicComponentProps(
'Card',
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 [Kioskopen, setKioskopen] = useState(false);
const [connectingState, setConnectingState] = useState({});
const BookingStatus = useSelector(GlobalBookingStatus);
const CheckBookingStatus =
BookingStatus?.find((item) => item.ScreenType === 'Booking')
@ -337,91 +338,111 @@ const BSLayout4 = () => {
style={{ height: containerHeight, overflow: 'hidden' }}
>
<div className="Bslayout4_navbar">
<BSNavbar1 BookingNavbar={BookingNavbar}/>
<BSNavbar1
connectingState={connectingState}
setConnectingState={setConnectingState}
BookingNavbar={BookingNavbar}
/>
</div>
{BookingNavbar != 'Navbar3' ? (
<div className="Layout-bill-container" style={{ margin: '0' }}>
<div
className="Layout-bill-Subcontainer"
style={{ width: OtherServicesglobal ? '10%' : '100%' }}
>
{UserType !== 'Employee' && (
<div className="pricing-name-details">
{PricingAppPricingName?.[0]?.PricingName +
' / ' +
PricingAppPricingName?.[0]?.Type}
<div className="Layout-bill-container" style={{ margin: '0' }}>
<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 && (
<SalesCountComponent
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
{!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}
/>
)}
{!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>
)}
{CheckBookingStatus == 'Open' ? (
!OtherServicesglobal && (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper title={'Booking Close'} isMobile={isMobile}>
{' '}
<BookingCloseIcon
onClick={OpenBookingModal}
bgFill={'#52c41a'}
style={{
fontSize: '16px',
marginTop: '4px',
color: '#52c41a',
cursor: 'pointer',
}}
/>
</div>
)}
{CheckBookingStatus == 'Open' ? (
!OtherServicesglobal && (
<div style={{ marginLeft: '10px' }}>
<TooltipWrapper
title={'Booking Close'}
isMobile={isMobile}
>
{' '}
{/* <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
onClick={OpenBookingModal}
bgFill={'#52c41a'}
bgFill="red"
style={{
fontSize: '16px',
marginTop: '4px',
@ -429,57 +450,25 @@ const BSLayout4 = () => {
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>
</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>
) : (
<SalesCountForStandard
PricingAppPricingName={PricingAppPricingName}
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
)}
</div>
<div
className="Bslayout4_overall"
style={{
@ -524,6 +513,8 @@ const BSLayout4 = () => {
>
{!OtherServicesglobal && Comboglobal === false && (
<BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
cardFunctionality={dynamicComponentProps(
'Card',
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 [screenHeight, setScreenHeight] = useState(window.innerHeight);
const [Kioskopen, setKioskopen] = useState(false);
const [connectingState, setConnectingState] = useState({});
const PricingAppPricingName = useSelector(GlobalPricingAppPricingName);
const SAdminuserPin = useSelector(GLobalSadminUserPin);
const BookingNavbar = BSLayout5Data?.BookingNavbar?.[0];
@ -325,7 +326,11 @@ const BSLayout5 = () => {
style={{ height: containerHeight, overflow: 'hidden' }}
>
<div className="BSLayout5-NavBar">
<BSNavbar1 BookingNavbar={BookingNavbar}/>
<BSNavbar1
BookingNavbar={BookingNavbar}
connectingState={connectingState}
setConnectingState={setConnectingState}
/>
</div>
<div
@ -334,155 +339,148 @@ const BSLayout5 = () => {
backgroundColor: GlobalLayoutColorDetail?.OverallBackgroundColor,
}}
>
{BookingNavbar != 'Navbar3' ? (
<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}
/>
)}
<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}
{!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,
}}
>
{' '}
<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}>
<Tooltip title={'Kiosk Sales'}>
{''}
<BSEwayBillicon
style={{ cursor: 'pointer', marginTop: '5px' }}
onClick={OpenListOfInvoices}
/>
</TooltipWrapper>
<Badge
count={badgeCount}
offset={[-10, 3]}
size="small"
>
<PozoKioskIcon
onClick={() => openModalKiosk()}
style={{ cursor: 'pointer', fontSize: '1.5rem' }}
className="iconsize"
/>
</Badge>
</Tooltip>
</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>
) : (
<SalesCountForStandard
PricingAppPricingName={PricingAppPricingName}
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
)}
</div>
<div className="BsLayout5-ContentDiv">
<div className="BSCategory5-tablecont">
@ -557,6 +555,8 @@ const BSLayout5 = () => {
>
{!OtherServicesglobal && Comboglobal === false && (
<BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
cardFunctionality={dynamicComponentProps(
'Card',
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')
?.ScreenStatus ?? 'Open';
const [BookingModalOpen, setBookingModalOpen] = useState(false);
const [connectingState, setConnectingState] = useState({});
const [Kioskopen, setKioskopen] = useState(false);
const AppExpDate = useSelector(GlobalAppExpDateData);
const [screenHeight, setScreenHeight] = useState(window?.innerHeight);
@ -336,156 +337,155 @@ const BSLayout6 = () => {
>
<div className="BSLayout6-fullnav">
<div className="BSLayout6-Navbar">
<BSNavbar1 BookingNavbar={BookingNavbar}/>
</div>
{BookingNavbar != 'Navbar3' ? (
<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}
/>
)}
{!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}
<BSNavbar1
BookingNavbar={BookingNavbar}
connectingState={connectingState}
setConnectingState={setConnectingState}
/>
)}
</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
className="BSLayout6-category-div"
style={{
@ -529,6 +529,8 @@ const BSLayout6 = () => {
>
{!OtherServicesglobal && Comboglobal === false && (
<BSItemCard
connectingState={connectingState}
setConnectingState={setConnectingState}
// screenHeight={screenHeight}
cardFunctionality={dynamicComponentProps(
'Card',
@ -623,7 +625,7 @@ const BSLayout6 = () => {
)}
</div>
</>
</Suspense>
</Suspense>
);
};
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 { Messages } from '../../../Components/Notifications/Messages';
import { useSelector } from 'react-redux';
import { DefaultModal } from '../../../Components/Modal/DefaultModal';
import {
getCardDataWithoutSub,
getCardDataWithoutSubmodule,
@ -56,11 +55,19 @@ const ShortcutKeyHelper = lazy(
);
// Scss
import './SalesCountComponent.scss';
import { SalesDetailsModal, SalesNetAmountModal } from '../Components/UtillComponents/SalesDetailsNetAmountModal.jsx';
import {
SalesDetailsModal,
SalesNetAmountModal,
} from '../Components/UtillComponents/SalesDetailsNetAmountModal.jsx';
const SalesCountComponent = React.memo(
({ DineInAccess, GlobalsalesDetailData }) => {
({ DineInAccess, GlobalsalesDetailData, BookingNavbar }) => {
// Destructure to simplify access to required values
console.log(
BookingNavbar,
'BookingNavbarBookingNavbar'
);
const {
DineInOrderCount,
TakeAwayOrderCount,
@ -541,9 +548,9 @@ const SalesCountComponent = React.memo(
<div>
{safeRound(
TakeAwayAmount +
SelfTakeAwayAmount +
PreOrderAmount -
OverAllTakeAwayOfferAmount
SelfTakeAwayAmount +
PreOrderAmount -
OverAllTakeAwayOfferAmount
)}
</div>
</div>
@ -616,8 +623,8 @@ const SalesCountComponent = React.memo(
<div>
{safeRound(
DineInAmount +
SelfDineInAmount -
OverAllDineInOfferAmount
SelfDineInAmount -
OverAllDineInOfferAmount
)}
</div>
</div>
@ -629,8 +636,8 @@ const SalesCountComponent = React.memo(
<span>
{safeRound(
DineInAmount +
SelfDineInAmount -
OverAllDineInOfferAmount
SelfDineInAmount -
OverAllDineInOfferAmount
)}
</span>
</p>
@ -648,7 +655,7 @@ const SalesCountComponent = React.memo(
SelfTakeAwayAmount +
PreOrderAmount -
OverAllTakeAwayOfferAmount || 0) +
(DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount)
(DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount)
) > 0 && setIsNetAmtModalOpen(true)
}
>
@ -659,7 +666,7 @@ const SalesCountComponent = React.memo(
SelfTakeAwayAmount +
PreOrderAmount -
OverAllTakeAwayOfferAmount || 0) +
(DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount)
(DineInAmount + SelfDineInAmount - OverAllDineInOfferAmount)
)}
</span>
</p>

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

@ -1,11 +1,55 @@
.BSBillingNavBar1 {
.BSBillingNavBar1,
.BSBillingNavBar2 {
display: flex;
align-items: center;
width: 100vw;
height: 40px;
background-color: #ffffff;
height: 42px;
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 {
@ -15,13 +59,14 @@
align-items: center;
width: 100vw;
color: var(--DEFAULT_SELECTED_COLOR);
.BSBillingNavBar1-SearchBar {
font-size: 12px !important;
font-family: "Poppins" !important;
font-weight: 500;
justify-content: center;
white-space: nowrap;
background-color: #f4f4f4;
background-color: #e5e5e5;
padding: 1px 6px;
div {
text-align: center;
@ -90,6 +135,10 @@
width: 1.7rem;
margin-right: 1rem;
color: var(--DEFAULT_SELECTED_COLOR);
@media (max-width: 1024px) {
display: flex;
margin-right: 1rem;
}
}
.BSBillingNavBar1-smallscreen-Inputsearch-container {
@ -121,11 +170,6 @@
}
@media (max-width: 1000px) {
.BSBillingnav1-threedots {
display: flex;
margin-right: 1rem;
}
.BSBillingNavBar1-AllIcons {
display: none;
}
@ -147,9 +191,8 @@
.BSBillingNav1div2 {
display: flex;
flex-direction: row;
justify-content: space-around;
justify-content: space-between;
align-items: center;
column-gap: 0rem !important;
width: 100%;
.ant-select-selector {
height: max-content !important;
@ -164,23 +207,6 @@
text-align: center;
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) {
@ -252,10 +278,8 @@
.BSNavbar1-time-user {
display: flex;
align-items: center;
column-gap: 1rem;
gap: 12px;
justify-content: flex-end;
margin-right: 1rem;
margin-left: 1rem;
}
.UserProfile {
@ -334,6 +358,22 @@
.BSBillingnav1-Smallscreen {
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 {
@ -492,9 +532,11 @@
align-items: center;
column-gap: 4px;
position: relative;
width: 100%;
max-width: 300px;
.BarCodeScanMaster {
position: absolute;
right: 10px;
right: 15px;
top: 20%;
padding: 0 !important;
svg {
@ -504,7 +546,7 @@
}
.MultiSearchIconDiv {
color: #1292ee !important;
color: #333 !important;
display: flex;
align-items: center;
justify-content: center;
@ -513,7 +555,7 @@
height: 27px;
position: absolute;
z-index: 10;
left: 6px;
right: 6px;
background-color: unset !important;
}
.custom-input {
@ -525,8 +567,8 @@
}
.BsNavbar1FullScreen {
background-color: #1292ee;
height: 28px;
width: 28px;
height: max-content;
width: max-content;
display: flex;
align-items: center;
justify-content: center;
@ -534,17 +576,248 @@
cursor: pointer;
font-size: 18px;
color: #fff;
padding: 6px;
}
.BsNavbar1FullScreenExit {
background-color: #ef4444;
height: 28px;
width: 28px;
height: max-content;
width: max-content;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
color: #fff;
font-size: 18px;
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) {
.BSBillingNav1div2 .EstimateButton {
flex-direction: column !important;
height: max-content !important;
padding: 5px 2px;
}
}

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

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

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

@ -1473,7 +1473,6 @@ table {
height: 70vh;
overflow-y: auto;
scrollbar-width: thin;
/* Firefox */
scroll-behavior: auto;
}
@ -1490,8 +1489,8 @@ table {
.bulkChangePriceTable {
width: 83vw;
overflow: auto;
height: 60vh;
scrollbar-width: thin;
height: 60vh;
position: relative;
.ant-table-cell {
@ -1580,7 +1579,7 @@ table {
height: max-content;
max-height: 300px;
width: 100%;
overflow-y: scroll;
overflow-y: auto;
& .ant-table-wrapper table {
width: 80%;
}
@ -1592,7 +1591,7 @@ table {
flex-wrap: wrap;
height: 400px;
width: 100%;
overflow-y: scroll;
overflow-y: auto;
& .ant-table-wrapper table {
width: 100%;
}
@ -1688,3 +1687,16 @@ table {
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