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

After Suspense

This commit is contained in:
Your Name 2026-02-12 18:15:06 +05:30
parent dbf4657499
commit f41a0a376d
32 changed files with 1067 additions and 1482 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
src/App.jsx
View File

@ -52,17 +52,17 @@ const AppRoutes = () => {
};
}, []);
useEffect(() => {
if (isMobile || isIOS) return;
const timer = setInterval(() => {
if (devtools.isOpen) {
document.body.innerHTML =
"<h1 style='color:red;text-align:center'>Close Inspect to continue</h1>";
}
}, 1000);
// useEffect(() => {
// if (isMobile || isIOS) return;
// const timer = setInterval(() => {
// if (devtools.isOpen) {
// document.body.innerHTML =
// "<h1 style='color:red;text-align:center'>Close Inspect to continue</h1>";
// }
// }, 1000);
return () => clearInterval(timer);
}, []);
// return () => clearInterval(timer);
// }, []);
if (extendModel) {

26
src/Components/Menu/PozoMenu.scss
View File

@ -1,12 +1,11 @@
// PozoMenu Component Styles - Integrated with SideMenuPozo
.pozo-menu {
font-family: "Poppins", sans-serif !important;
background: transparent;
border-radius: 0;
box-shadow: none;
// overflow: hidden;
overflow: auto;
user-select: none;
scrollbar-width: none;
@media (max-width: 500px) {
overflow: scroll;
@ -336,24 +335,12 @@
// Bottom menu positioning
.bottom-menu {
.pozo-dropdown-submenu {
// Remove transform for bottom menu - use calculated position
transform: none !important;
margin-top: 0 !important;
}
}
// Responsive Design
@media (max-width: 900px) {
// .pozo-dropdown-submenu {
// // left: 70px !important;
// // min-width: 180px;
// // max-width: calc(100vw - 80px);
// }
// .pozo-dropdown-submenu.nested-submenu {
// // left: 70px !important;
// }
.bottom-menu .pozo-dropdown-submenu {
left: 70px !important;
}
@ -367,16 +354,11 @@
}
.pozo-dropdown-submenu {
// min-width: 160px;
// max-width: calc(50vw - 20px);
// left: 30% !important;
// right: 10px !important;
position: unset !important;
width: 100% !important;
min-width: unset !important;
max-width: unset !important;
background-color: #050d36c4;
// border-top: 1px solid #23bbff;
margin-top: 2px !important;
}
@ -389,7 +371,6 @@
@media (max-width: 500px) {
.pozo-menu-item {
// padding: 8px 8px;
padding: 6px 4px 6px 6px;
font-size: 15px;
}
@ -451,9 +432,8 @@
}
}
.clearGenQRCode{
button{
.clearGenQRCode {
button {
background-color: #000 !important;
}
}

4
src/Components/Menu/SideMenuPozo.jsx
View File

@ -9,7 +9,7 @@ import { AuthContext } from '../../AuthContext';
import PozoMenu from './PozoMenu';
import {
changePreviewComponents,
changeSelectedPrintdummyData
changeSelectedPrintdummyData,
} from '../../Features/ThemeChange/ThemeChange';
import {
changeBookingType,
@ -350,7 +350,6 @@ const SideMenuPozo = ({ items = [] }) => {
);
// Recursive render for menu and submenus
// Custom onClick handler for PozoMenu
const handlePozoMenuClick = (e) => {
console.log('PozoMenu clicked:', e);
@ -379,6 +378,7 @@ const SideMenuPozo = ({ items = [] }) => {
gap: '6px',
height: '68vh',
overflow: 'auto',
scrollbarWidth: 'none',
}}
>
<div className="paypreLogoDiv">

130
src/Pages/BookingScreen/BookingPage.jsx
View File

@ -1,12 +1,28 @@
import { useEffect, useState } from 'react';
import { useEffect, useState, lazy, Suspense } from 'react';
import { useSelector, useDispatch } from 'react-redux';
import BSLayout1 from '../../Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx';
import BSLayout2 from '../../Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx';
import BSLayout3 from '../../Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx';
import BSLayout4 from '../../Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx';
import BSLayout5 from '../../Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx';
import BSLayout6 from '../../Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx';
import BSCombo from '../../Pages/BookingScreen/Template/BSLayout7/BSCombo1.jsx';
const BSLayout1 = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout1/BSLayout1.jsx')
);
const BSLayout2 = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout2/BSLayout2.jsx')
);
const BSLayout3 = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout3/BSLayout3.jsx')
);
const BSLayout4 = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout4/BSLayout4.jsx')
);
const BSLayout5 = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout5/BSLayout5.jsx')
);
const BSLayout6 = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout6/BSLayout6.jsx')
);
const BSCombo = lazy(
() => import('../../Pages/BookingScreen/Template/BSLayout7/BSCombo1.jsx')
);
import {
getPrintSelectionComponentData,
getTemplate,
@ -47,10 +63,7 @@ const BookingPage = () => {
const [ismounted, setIsmounted] = useState(false);
const [templateLoaded, setTemplateLoaded] = useState(false);
const PricingAppPricingName = useSelector(GlobalPricingAppPricingName);
// const Advance = PricingAppPricingName?.some(item => item.PricingName === "Advance");
// const Pro = PricingAppPricingName?.some(
// (item) => item.PricingName === 'Customized'
// );
const CompId = getSession('CompId');
const BranchId = getSession('BranchId');
const AppId = getSession('AppId');
@ -59,16 +72,8 @@ const BookingPage = () => {
const UserType = getSession('UserType');
const AuthToken = sessionStorage.getItem('auth');
const SessionMobileNo = getSession('MobileNo');
// const [FeatureAddonData, setFeatureAddonData] = useState([]);
const FeatureAddonData = useSelector(GlobalFeatAddOnData);
const Scantemplatedata = useSelector(GlobalScanTemplate);
// useEffect(() => {
// dispatch(
// getPreferenceData({ CompId: CompId, AppId: AppId, BranchId: BranchId })
// );
// financialYear();
// // dispatch(getTemplate({ CompId, BranchId, AppId })).unwrap();
// }, []);
useEffect(() => {
if (BranchId) {
@ -111,35 +116,6 @@ const BookingPage = () => {
};
}
};
// const financialYear = async () => {
// const response = await dispatch(
// getBranchDetail({ BrId: BranchId })
// ).unwrap();
// if (response?.data?.statusCode === 1) {
// const data = response?.data?.data?.[0];
// const FYStatus = data?.FYStatus;
// const FYStartsFrom = data?.FYStartsFrom
// ? new Date(data.FYStartsFrom)
// : null;
// const today = new Date();
// today.setHours(0, 0, 0, 0);
// if (FYStartsFrom) FYStartsFrom.setHours(0, 0, 0, 0);
// let statusToDispatch = 'N';
// if (FYStatus === 'N') {
// statusToDispatch = 'Y';
// } else if (FYStatus === 'Y') {
// if (FYStartsFrom && FYStartsFrom <= today) {
// statusToDispatch = 'Y';
// } else {
// statusToDispatch = 'N';
// }
// }
// dispatch(ChangeBranchFinancialStatus(statusToDispatch));
// }
// };
useEffect(() => {
const SessionData = {
@ -194,20 +170,11 @@ const BookingPage = () => {
appId: AppId,
userId: UserId,
};
// getFeatureAddonData();
}
// dispatch(getConfigType({ TypeName: 'Booking Type' })).unwrap();
dispatch(PricingAppPricingNameData(data)).unwrap();
}, []);
// useEffect(() => {
// if (Advance) {
// Professional('Advance');
// }
// }, [Advance]);
useEffect(() => {
const fetchData = async (Plan) => {
if (templateLoaded) return; // STOP duplicate calls
@ -415,13 +382,8 @@ const BookingPage = () => {
!templateResponse?.data?.data ||
templateResponse.data.data.length === 0
) {
// If no template data, call Professional('Advance')
Professional(Plan);
// setIsmounted(false)
}
// else {
// setIsmounted(false)
// }
}
// Check if template data is empty or not
};
@ -452,14 +414,8 @@ const BookingPage = () => {
// setIsmounted(false)
}
} else {
// if (hasCustomizedTemplate) {
// fetchData('Standard');
// } else {
fetchData('Standard');
// Professional('Standard');
// }
}
// setIsmounted(false)
}
}, [PricingAppPricingName]);
useEffect(() => {
@ -484,23 +440,11 @@ const BookingPage = () => {
SelectedApplication: AppId,
AppName: AppName,
Type: data,
// === 'Standard' ? 'Standard' : 'Pro'
};
dispatch(changetemplateData(tempData));
};
// const getFeatureAddonData = async () => {
// let featureAddon = await dispatch(
// FeatureAddon({ AppId: AppId, UserId: UserId })
// ).unwrap();
// if (featureAddon?.data?.statusCode === 1) {
// setFeatureAddonData(featureAddon?.data?.data?.[0]?.FeatAddonHdr?.[0]);
// } else {
// setFeatureAddonData([]);
// }
// };
if (ismounted)
return (
<div
@ -522,6 +466,29 @@ const BookingPage = () => {
<div style={{ backgroundColor: '#fff !important' }}>
{Object.keys(templateData)?.length > 0 ? (
<>
<Suspense
fallback={
<div
style={{
fontSize: '14px',
fontFamily: 'Poppins',
display: 'flex',
alignItems: 'center',
justifyContent: 'center',
gap: '0',
height: '99vh',
overflow: 'hidden',
flexDirection: 'column',
fontWeight: '500',
}}
>
Loading Layout...
<span style={{ fontSize: '16px', fontWeight: '500' }}>
PozoApp
</span>
</div>
}
>
{BookingLayout === 'Layout1' && <BSLayout1 />}
{BookingLayout === 'Layout2' && <BSLayout2 />}
{BookingLayout === 'Layout3' && <BSLayout3 />}
@ -529,6 +496,7 @@ const BookingPage = () => {
{BookingLayout === 'Layout5' && <BSLayout5 />}
{BookingLayout === 'Layout6' && <BSLayout6 />}
{BookingLayout?.includes('Combo') && <BSCombo />}
</Suspense>
</>
) : (
<>{/* {Advance ? <div>Loading...</div> : null} */}</>

13
src/Pages/BookingScreen/Components/BSCategories/BSCategoryVertical.jsx
View File

@ -1007,7 +1007,6 @@ function BSCategoryVertical(props) {
// " % ",
}))}
className="field-DropDown"
// placeholder="ConfigType"
label={<label class="required">Tax</label>}
// optionsNames={{ value: "TaxPercentage", label: "TaxIdName" }}
onChangeFunction={(selectedValue) =>
@ -1229,11 +1228,9 @@ function BSCategoryVertical(props) {
)}
<div className="CategoryVertical-buttons" ref={containerRef}>
{/* {isDownDisabled &&<button className="CategoryVertical-icon" onClick={scrollUp}>
<UpOutlined />
</button>} */}
<div>
<div
style={{ display: 'flex', justifyContent: 'center', width: '100%' }}
>
{showUpButton && (
<div
className="CategoryVertical-icon"
@ -1270,10 +1267,6 @@ function BSCategoryVertical(props) {
</div>
)}
</div>
{/* {isUpDisabled&& <button className="CategoryVertical-icon" onClick={scrollDown}>
<DownOutlined />
</button>} */}
</div>
<div

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

@ -6097,13 +6097,14 @@ const BSItemCard = (props) => {
<div
style={{
position: 'relative',
overflow: 'auto',
overflow: 'hidden',
scrollbarWidth:"none"
}}
className={
(item?.OverAllQty !== undefined &&
!preferenceSingleSales
? returnCount(
item?.ProductDetail?.[0]?.ProdName,
item?.ProductDetail?.[0Btn-payment-mode]?.ProdName,
item?.OverAllQty,
CartOrderDetails,
item?.OverAllPcs

1
src/Pages/BookingScreen/Components/UtillComponents/BSNavBarEst.jsx
View File

@ -17,6 +17,7 @@ import { isMobile } from 'react-device-detect';
import { Popover } from 'antd';
import PozoSalesIcon from './Pozo retail icons/PozoSalesIcon.jsx';
import PozoCombinationIcon from './Pozo retail icons/PozoCombinationIcon.jsx';
import '../../../../Styles/BookingScreen/Template/BSLayout7/BSC1Payment.scss';
const BSNavBarEstimate = () => {
const dispatch = useDispatch();

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

@ -1,32 +1,23 @@
import React, { useEffect, useState, useCallback, useRef } from 'react';
import {
useEffect,
useState,
useCallback,
useRef,
lazy,
Suspense,
} from 'react';
import { useDispatch, useSelector } from 'react-redux';
import moment from 'moment';
import { Tooltip, Badge, Popconfirm } from 'antd';
import { isMobile } from 'react-device-detect';
import { ArrowUpOutlined } from '@ant-design/icons';
import TooltipWrapper from '../../../../Components/Tooltip/Tooltip.jsx';
import BSNavbar1 from '../../Components/BSNavbar/BSNavbar1';
import BSNavbar2 from '../../Components/BSNavbar/BSNavbar2';
import BSItemCard from '../../Components/BSItemCards/BSItemCard';
import BSBillingTable1 from '../../Components/BSBillingTables/BSBillingTable1/BSBTOverall1';
import BSBillingTable2 from '../../Components/BSBillingTables/BSBillingTable2/BSBillingTable2';
import BSBillingTable3 from '../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3overall';
import BSBillingTable4 from '../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4Full';
import BSBillingTable5 from '../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5';
import BSBillingTable6 from '../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6';
import BSBillingTable7 from '../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx';
import CategoryHorizontal from '../../Components/BSCategories/BSCategoryHorizontal';
import { dynamicComponentProps } from '../DynamicComponentProps.js';
import BSKioskCounterPayment from '../../Components/UtillComponents/BSKioskCounterPayment.jsx';
import {
getKioskDatas,
globalKioskSalesCount,
} from '../../../../Features/Kiosk/kiosk.js';
import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx';
import SalesCountComponent from '../SalesCountComponent.jsx';
import {
GlobalPricingAppPricingName,
SelectedGlobalBillingColorDetail,
SelectedGlobalCardColorDetail,
SelectedGlobalCatgColorDetail,
SelectedGlobalLayoutColorDetail,
@ -37,7 +28,6 @@ import {
GlobalSalesDetailData,
getSalesDetailData,
GlobalCombosearch,
GlobalOrderCardDetails,
GlobalOrderStatus,
PreferenceData,
GlobalAppExpDateData,
@ -51,35 +41,99 @@ import {
checkSession,
ApplicationPreferences,
} from '../../../../Features/BrachLogin/BranchLogin';
import { Messages } from '../../../../Components/Notifications/Messages.jsx';
import SAdminUserNotification from '../../Components/BookingFunctionality/SAdminUserNotification.jsx';
import '../../../../Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss';
import {
getBookingStatus,
GlobalBookingStatus,
} from '../../../../Features/Payment/PaymentReceivedRetail/PaymentReceivedRetail.js';
import RetailBookingClosing from '../RetailBookingClose.jsx';
import { PutBookingClose } from '../../../../Features/BookingScreen/RetailBookingClose.js';
import TooltipWrapper from '../../../../Components/Tooltip/Tooltip.jsx';
const BSNavbar1 = lazy(() => import('../../Components/BSNavbar/BSNavbar1'));
const BSNavbar2 = lazy(() => import('../../Components/BSNavbar/BSNavbar2'));
import BSItemCard from '../../Components/BSItemCards/BSItemCard';
const BSBillingTable1 = lazy(
() => import('../../Components/BSBillingTables/BSBillingTable1/BSBTOverall1')
);
const BSBillingTable2 = lazy(
() =>
import('../../Components/BSBillingTables/BSBillingTable2/BSBillingTable2')
);
const BSBillingTable3 = lazy(
() =>
import('../../Components/BSBillingTables/BSBillingTable3/BSBillingTable3overall')
);
const BSBillingTable4 = lazy(
() =>
import('../../Components/BSBillingTables/BSBillingTable4/BSBillingTable4Full')
);
const BSBillingTable5 = lazy(
() =>
import('../../Components/BSBillingTables/BSBillingTable5/BSBillingTable5')
);
const BSBillingTable6 = lazy(
() => import('../../Components/BSBillingTables/BSBillingTable6/BSBTOverall6')
);
const BSBillingTable7 = lazy(
() =>
import('../../Components/BSBillingTables/BSBillingTable7/BSBillingTable7Overall.jsx')
);
const CategoryHorizontal = lazy(
() => import('../../Components/BSCategories/BSCategoryHorizontal')
);
const BSKioskCounterPayment = lazy(
() => import('../../Components/UtillComponents/BSKioskCounterPayment.jsx')
);
import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx';
const SalesCountComponent = lazy(() => import('../SalesCountComponent.jsx'));
import { Messages } from '../../../../Components/Notifications/Messages.jsx';
const SAdminUserNotification = lazy(
() =>
import('../../Components/BookingFunctionality/SAdminUserNotification.jsx')
);
const RetailBookingClosing = lazy(() => import('../RetailBookingClose.jsx'));
import BookingCloseIcon from '../../Components/UtillComponents/BookingCloseIcon.jsx';
import ListOfSalesInvoices from '../../Components/BSBillingTables/ListofInvoices/ListOfSalesInvoices.jsx';
import BSEwayBillicon from '../../Components/UtillComponents/BSEwayBillicon.jsx';
import BSComboItemCard from '../../Components/BSItemCards/BSComboItemCard.jsx';
import BranchTransferComponent from '../../Components/UtillComponents/BSQuickBranchToBranchTransferComponent.jsx';
import BSExpireProductsList from '../../Components/UtillComponents/BSExpireProductsList.jsx';
const BSComboItemCard = lazy(
() => import('../../Components/BSItemCards/BSComboItemCard.jsx')
);
import BSOtherServiceItemCard from '../../Components/BSItemCards/BSOtherServiceItemCard.jsx';
import BSOtherServicesHorizontalcat from '../../Components/BSCategories/BSOtherServicesHorizontalcat';
import BSNavbar3 from '../../Components/BSNavbar/BSNavbar3.jsx';
import StandardTable from '../../Components/BSBillingTables/StandardTable/StandardTable.jsx';
import SalesCountForStandard from '../SalesCountForStandard.jsx';
import { CiShop } from 'react-icons/ci';
import BranchName from '../BranchName.jsx';
const BSOtherServiceItemCard = lazy(
() => import('../../Components/BSItemCards/BSOtherServiceItemCard.jsx')
);
const BSOtherServicesHorizontalcat = lazy(
() => import('../../Components/BSCategories/BSOtherServicesHorizontalcat')
);
const SalesCountForStandard = lazy(
() => import('../SalesCountForStandard.jsx')
);
import BsBookingitemCard from '../../Components/BSItemCards/BsBookingitemCard.jsx';
import ComboSalesBillTable from '../../Components/BSBillingTables/ComboSalesBillTable/ComboSalesBillTable.jsx';
import PlanExpireNotification from '../PlanExpireNotification.jsx';
const ListOfSalesInvoices = lazy(
() =>
import('../../Components/BSBillingTables/ListofInvoices/ListOfSalesInvoices.jsx')
);
const subDirectory = import.meta.env.BASE_URL;
const commonDirectory = import.meta.env.COMMON_BASE_URL;
const BSNavbar3 = lazy(() => import('../../Components/BSNavbar/BSNavbar3.jsx'));
const StandardTable = lazy(
() =>
import('../../Components/BSBillingTables/StandardTable/StandardTable.jsx')
);
const ComboSalesBillTable = lazy(
() =>
import('../../Components/BSBillingTables/ComboSalesBillTable/ComboSalesBillTable.jsx')
);
const BranchTransferComponent = lazy(
() =>
import('../../Components/UtillComponents/BSQuickBranchToBranchTransferComponent.jsx')
);
const BSExpireProductsList = lazy(
() => import('../../Components/UtillComponents/BSExpireProductsList.jsx')
);
const PlanExpireNotification = lazy(
() => import('../PlanExpireNotification.jsx')
);
const BSLayout2 = () => {
const dispatch = useDispatch();
@ -93,7 +147,7 @@ const BSLayout2 = () => {
const SettingDataSelector = useSelector(PreferenceData);
const GlobalsalesDetailData = useSelector(GlobalSalesDetailData);
const OrderStatus = useSelector(GlobalOrderStatus);
const tableData = useSelector(GlobalOrderStatus);
const PricingAppPricingName = useSelector(GlobalPricingAppPricingName);
console.log(PricingAppPricingName, 'PricingAppPricingName');
const Comboglobal = useSelector(GlobalCombosearch);
@ -122,10 +176,7 @@ const BSLayout2 = () => {
const BranchId = SessionData?.BranchId;
const UserId = SessionData?.UserId;
const UserType = SessionData?.UserType;
const AppName = SessionData?.AppName;
const BookingNavbar = BSLayout2Data?.BookingNavbar?.[0];
const BookingCategory = BSLayout2Data?.BookingCategory;
const BookingCard = BSLayout2Data?.BookingCard;
const BookingBilling = BSLayout2Data?.BookingBilling?.[0];
const DineInAccess = SettingDataSelector?.[0]?.SettingDtlDetails.filter(
(i) => i.SettingIdName === 'DineIn'
@ -159,7 +210,6 @@ const BSLayout2 = () => {
preference?.PreferredSubCatName === 'SportsApp' &&
preference?.PreferredStatus == 'Y'
);
const SelectedBillColor = useSelector(SelectedGlobalBillingColorDetail);
let ss = animations[count];
@ -212,7 +262,6 @@ const BSLayout2 = () => {
await dispatch(getKioskDatas(data));
};
const openModalKiosk = () => {
setKioskopen(true);
};
@ -272,7 +321,6 @@ const BSLayout2 = () => {
let Postresponse = await dispatch(PutBookingClose(Postdata)).unwrap();
if (Postresponse?.data?.statusCode === 1) {
fetchBookingStatus();
} else {
}
};
const OpenBookingModal = () => {
@ -298,23 +346,21 @@ const BSLayout2 = () => {
{UserType != 'Super Admin' &&
UserType != 'Super Admin User' &&
(AppExpDate?.RemainingDays <= 7 || AppExpDate === 'undefined') && (
<PlanExpireNotification ss={ss}/>
<Suspense fallback={<div>Loading...</div>}>
<PlanExpireNotification ss={ss} />
</Suspense>
)}
<div
className="BSLayout2-Master"
style={{ height: containerHeight, overflow: 'hidden' }}
>
<Suspense fallback={<div>Loading...</div>}>
<div className="BSLayout2-NavBar">
{/* {PricingAppPricingName?.[0]?.PricingName != 'Standard' ? (
<> */}
{BookingNavbar == 'Navbar1' && <BSNavbar1 />}
{BookingNavbar == 'Navbar2' && <BSNavbar2 />}
{BookingNavbar == 'Navbar3' && <BSNavbar3 />}
{/* </>
) :
<BSNavbar3 />
} */}
</div>
</Suspense>
<div
// className="BSLayout2"
className={
@ -338,10 +384,12 @@ const BSLayout2 = () => {
</div>
)}
{!OtherServicesglobal && (
<Suspense fallback={null}>
<SalesCountComponent
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
</Suspense>
)}
{SessionData?.FeatureAddonData?.FeatureDtls?.find(
(item) =>
@ -380,18 +428,23 @@ const BSLayout2 = () => {
isMobile={isMobile}
>
{' '}
<Suspense fallback={<div>Loading...</div>}>
<BSExpireProductsList />
</Suspense>
</TooltipWrapper>
)}
{Kioskopen && (
<Suspense fallback={<div>Loading...</div>}>
<BSKioskCounterPayment
Kioskopen={Kioskopen}
closeKioskModal={closeModalKiosk}
/>
</Suspense>
)}
{SAdminuserPin?.length > 0 &&
UserType != 'Super Admin User' && (
<Suspense fallback={<div>Loading...</div>}>
<div>
<SAdminUserNotification
SAdminuserPin={SAdminuserPin}
@ -400,6 +453,7 @@ const BSLayout2 = () => {
handlePopOverOpen={handlePopOverOpen}
/>
</div>
</Suspense>
)}
{!OtherServicesglobal && (
<>
@ -468,11 +522,13 @@ const BSLayout2 = () => {
</div>
</div>
) : (
<Suspense fallback={null}>
<SalesCountForStandard
PricingAppPricingName={PricingAppPricingName}
DineInAccess={DineInAccess}
GlobalsalesDetailData={GlobalsalesDetailData}
/>
</Suspense>
)}
<div
@ -494,6 +550,7 @@ const BSLayout2 = () => {
}}
>
{!OtherServicesglobal && (
<Suspense fallback={<div>Loading...</div>}>
<CategoryHorizontal
categoryFunction={dynamicComponentProps(
'Category',
@ -501,8 +558,10 @@ const BSLayout2 = () => {
BSLayout2Data?.BookingCategory?.[0]
)}
/>
</Suspense>
)}
{OtherServicesglobal && (
<Suspense fallback={<div>Loading...</div>}>
<BSOtherServicesHorizontalcat
categoryFunction={dynamicComponentProps(
'Category',
@ -510,6 +569,7 @@ const BSLayout2 = () => {
BSLayout2Data?.BookingCategory?.[0]
)}
/>
</Suspense>
)}
</div>
<div
@ -520,8 +580,8 @@ const BSLayout2 = () => {
display: 'flex',
}}
>
{(Comboglobal === false &&
!OtherServicesglobal) &&
{Comboglobal === false &&
!OtherServicesglobal &&
(AvailableDate ? (
<BsBookingitemCard
cardFunctionality={dynamicComponentProps(
@ -539,7 +599,8 @@ const BSLayout2 = () => {
)}
/>
))}
{(Comboglobal === true && !OtherServicesglobal) && (
{Comboglobal === true && !OtherServicesglobal && (
<Suspense fallback={null}>
<BSComboItemCard
cardFunctionality={dynamicComponentProps(
'Card',
@ -547,8 +608,10 @@ const BSLayout2 = () => {
BSLayout2Data?.BookingCard?.[0]
)}
/>
</Suspense>
)}
{OtherServicesglobal && (
<Suspense fallback={null}>
<BSOtherServiceItemCard
// screenHeight={screenHeight}
cardFunctionality={dynamicComponentProps(
@ -557,14 +620,17 @@ const BSLayout2 = () => {
BSLayout2Data?.BookingCard?.[0]
)}
/>
</Suspense>
)}
</div>
</div>
{/* {PricingAppPricingName?.[0]?.PricingName != 'Standard' ? ( */}
<Suspense fallback={<div>Loading...</div>}>
<div className="BSCategory2-tablecont">
{action ? (
<BranchTransferComponent />
) : (
<Suspense fallback={<div>Loading...</div>}>
<>
{BSLayout2Data?.BookingBilling?.[0] == 'Billing1' && (
<BSBillingTable1 />
@ -587,46 +653,42 @@ const BSLayout2 = () => {
{BSLayout2Data?.BookingBilling?.[0] == 'Billing7' && (
<BSBillingTable7 />
)}
{BookingBilling == 'Billing8' && <ComboSalesBillTable />}
{BookingBilling == 'Billing8' && (
<ComboSalesBillTable />
)}
{BSLayout2Data?.BookingBilling?.[0] ==
'StandardBilling' && (
<div className="BSCategory2New">
<Suspense fallback={<div>Loading table...</div>}>
<StandardTable />
</Suspense>
</div>
)}
</>
</Suspense>
)}
{/* <div
className="salesStoreName"
style={{
color: SelectedBillColor?.['FontColor'],
backgroundColor: SelectedBillColor?.['BackgroundColor'],
}}
>
<BranchName />
</div> */}
</div>
{/* ) :
<div className="BSCategory2New">
<StandardTable />
</div>
} */}
</Suspense>
</div>
</div>
</div>
</div>
{BookingModalOpen && (
<Suspense fallback={null}>
<RetailBookingClosing
PaymentOpen={BookingModalOpen}
PaymentClose={HandleBookingModalClose}
/>
</Suspense>
)}
{ListOfInvoices && (
<Suspense fallback={<div>Loading...</div>}>
<ListOfSalesInvoices
ListOfInvoicesOpen={ListOfInvoices}
handleInvoiceClose={handleInvoiceClose}
/>
</Suspense>
)}
</>
);

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

@ -45,7 +45,6 @@ import {
globalKioskSalesCount,
} from '../../../../Features/Kiosk/kiosk.js';
import SalesCountComponent from '../SalesCountComponent.jsx';
import '../../../../Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss';
import PozoKioskIcon from '../../Components/UtillComponents/Pozo retail icons/PozoKioskIcon.jsx';
import {
GLobalSadminUserPin,

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

@ -55,7 +55,6 @@ import {
import { Messages } from '../../../../Components/Notifications/Messages.jsx';
import SAdminUserNotification from '../../Components/BookingFunctionality/SAdminUserNotification.jsx';
import SalesCountComponent from '../SalesCountComponent.jsx';
import '../../../../Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss';
import {
getBookingStatus,
GlobalBookingStatus,

46
src/Pages/BookingScreen/Template/SalesCountForStandard.jsx
View File

@ -48,12 +48,11 @@ import ListOfSalesInvoices from '../Components/BSBillingTables/ListofInvoices/Li
import { DefaultModal } from '../../../Components/Modal/DefaultModal.jsx';
import CustomisedInvoiceChange from '../Components/UtillComponents/CustomisedInvoiceChange.jsx';
import ProductPriceChange from '../Components/UtillComponents/ProductPriceChange.jsx';
import { MdCallReceived, MdOutlineCallReceived } from 'react-icons/md';
import { MdOutlineCallReceived } from 'react-icons/md';
import {
getReceivedStocks,
PostReceiveStocks,
} from '../../../Features/stockReceivedGodown/ReceivedStock.js';
import { TiTickOutline } from 'react-icons/ti';
import ReceivedStocksModal from '../../../Components/Modal/ReceivedStocksModal.jsx';
import ProductDetailsModal from '../../../Components/Modal/ProductDetailsModal.jsx';
import { GoPackageDependencies } from 'react-icons/go';
@ -61,6 +60,7 @@ import { Messages } from '../../../../ownLib/my-ui-lib.js';
import ShortcutKeyHelper from '../Components/UtillComponents/ShortcutKeyHelper.jsx';
import AllSalesPageSettings from '../Components/UtillComponents/AllSalesPageSettings.jsx';
import '../../../Styles/BookingScreen/Template/BSLayout2/BSLayout2.scss';
const SalesCountForStandard = ({
DineInAccess,
@ -638,42 +638,6 @@ const SalesCountForStandard = ({
onComplete={onComplete}
/>
<div className="LicenseActive">
{/* { AvailableDate && <div>
{isBulk ? <BsUiChecks size={28} onClick={() => {
setIsBulk(!isBulk);
setSelectedDate([]);
}} /> : <FaCheckToSlot size={25} onClick={() => {
setIsBulk(!isBulk);
setSelectedDate([]);
}} />}
</div>} */}
{/* <div>
{AvailableDate && !isBulk &&
<div style={{ padding: '3px 5px', marginLeft: '1rem' }}>
<DatePicker
disabledDate={disablePastDates}
format="DD-MMM-YYYY"
value={getDatePickerValue()}
onChange={handleDateChange}
/>
</div>
}
{isBulk && AvailableDate && (
<div style={{ padding: '3px 5px', marginLeft: '1rem' }}>
<DatePicker
multiple
value={getDatePickerValue()}
onChange={handleDateChange}
format="DD-MMM-YYYY"
placeholder="Select multiple dates"
style={{ height: 30, fontSize: 12 }}
disabledDate={disablePastDates}
/>
</div>
)}
</div> */}
<div>
{showSalesTooltip ? (
<Tooltip
@ -830,7 +794,11 @@ const SalesCountForStandard = ({
Stock
</button>
)}
{preferenceshortcutkey && <ShortcutKeyHelper />}
{preferenceshortcutkey && (
<div className='KeyshortCutNav3'>
<ShortcutKeyHelper />
</div>
)}
<AllSalesPageSettings />
<div style={{ display: 'flex', alignItems: 'center' }}>
{Customisebillno && <CustomisedInvoiceChange />}

13
src/Pages/DashBoard/RetailDashboard.jsx
View File

@ -1403,7 +1403,14 @@ const RetailDashboard = () => {
if (daysDiff <= 7 && daysDiff >= 0) {
return (
<div>
<div
style={{
display: 'flex',
alignItems: 'center',
gap: '5px',
lineHeight:"1.1"
}}
>
<img src={sandClock} alt="" width={25} />
{PricingAppPricingName?.[0]?.PricingName && (
@ -1412,9 +1419,11 @@ const RetailDashboard = () => {
{PricingAppPricingName?.[0]?.PricingName +
' / ' +
PricingAppPricingName?.[0]?.Type}
<div className="infoplan">
Plan Expiry on : {ExpiryDate}
</div>
</div>
)}
<div className="infoplan">Plan Expiry on {ExpiryDate}</div>
</div>
);
}

145
src/Pages/Payment/PaymentOptions/PaymentOptions.jsx
View File

@ -27,7 +27,8 @@ import {
getPaymentFeatures,
postPaymentOptions,
putPaymentOptions,
changeSalesPaymentoption, getPaymentUPIDetails
changeSalesPaymentoption,
getPaymentUPIDetails,
} from '../../../Features/Payment/Paymentoptions/Paymentoptions.js';
import { FaCreditCard } from 'react-icons/fa';
@ -59,7 +60,7 @@ function PaymentOptions({ setModalOpen }) {
const [paymentFlows, setPaymentFlow] = useState([]);
const [paymentOptions, setPaymentOption] = useState([]);
const [paymentMode, setPaymentMode] = useState([]);
const [BusinessUpiModes, setBusinessUpiModes] = useState([])
const [BusinessUpiModes, setBusinessUpiModes] = useState([]);
const [paymentGatewayMode, setPaymentGatewayMode] = useState([]);
const [paymentDeviceMode, setPaymentDeviceMode] = useState([]);
const [selectedConfigs, setSelectedConfigs] = useState({
@ -73,7 +74,8 @@ function PaymentOptions({ setModalOpen }) {
const [configUpiId, setConfigUpiId] = useState();
const [empData, setEmpData] = useState();
const [addnewAccess, setaddnewAccess] = useState(true);
const [payAtCounterSalesDefaultMode, setPayAtCounterSalesDefaultMode] = useState('');
const [payAtCounterSalesDefaultMode, setPayAtCounterSalesDefaultMode] =
useState('');
// Helper function to get dropdown options based on checked modes for Pay at the counter
const getPayAtCounterSalesDropdownOptions = () => {
@ -131,8 +133,6 @@ function PaymentOptions({ setModalOpen }) {
);
};
useEffect(() => {
dispatch(changeBreadCrumb({ items: items }));
fetchPaymentFlow();
@ -354,7 +354,10 @@ function PaymentOptions({ setModalOpen }) {
const paymentOptionResponse = await dispatch(
getPaymentConfigData({ typeName: 'Payment Option' })
).unwrap();
console.log(paymentOptionResponse?.data?.data, " paymentOptionResponse?.data?.data")
console.log(
paymentOptionResponse?.data?.data,
' paymentOptionResponse?.data?.data'
);
if (paymentOptionResponse?.data?.statusCode == 1) {
const requiredFeatureNames = ['Payment Gateway', 'Payment Device'];
const featureNames = checkPaymentFeatures?.data?.data?.flatMap((app) =>
@ -423,10 +426,17 @@ function PaymentOptions({ setModalOpen }) {
}
);
setPaymentMode(filteredSecondList);
let BusiData = { CompId: CompId, AppId: AppId, BranchId: BranchId, DetailType: "BU" }
const Businessupidetails = await dispatch(getPaymentUPIDetails(BusiData)).unwrap()
setBusinessUpiModes(Businessupidetails?.data?.data)
console.log(Businessupidetails, "Businessupidetails")
let BusiData = {
CompId: CompId,
AppId: AppId,
BranchId: BranchId,
DetailType: 'BU',
};
const Businessupidetails = await dispatch(
getPaymentUPIDetails(BusiData)
).unwrap();
setBusinessUpiModes(Businessupidetails?.data?.data);
console.log(Businessupidetails, 'Businessupidetails');
const paymentGatewayResponse = await dispatch(
getPaymentGatewayMode()
).unwrap();
@ -812,8 +822,8 @@ function PaymentOptions({ setModalOpen }) {
modeOptions = paymentGatewayMode;
} else if (configName === 'Payment Device') {
modeOptions = paymentDeviceMode;
} else if (configName === "Business Upi") {
modeOptions = BusinessUpiModes
} else if (configName === 'Business Upi') {
modeOptions = BusinessUpiModes;
}
const configDetails = selectedConfigs[`${section}Details`] || [];
@ -870,16 +880,29 @@ function PaymentOptions({ setModalOpen }) {
value={getSelectedRadioValue()}
onChange={(e) => {
const selectedOption = modeOptions.find(
(option) => (option.ConfigId || option.MethodId || option.MerchantNameId) === e.target.value
(option) =>
(option.ConfigId ||
option.MethodId ||
option.MerchantNameId) === e.target.value
);
if (selectedOption) {
handleRadioChange(section, configName, selectedOption, sectionId);
handleRadioChange(
section,
configName,
selectedOption,
sectionId
);
}
}}
>
{modeOptions.map((option) => {
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId;
const optionName = option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName;
const optionId =
option.ConfigId || option.MethodId || option.MerchantNameId;
const optionName =
option.ConfigName ||
option.MethodName ||
option.MerchantNameIdName ||
option.BusinessName;
return (
<Radio key={optionId} value={optionId}>
@ -890,22 +913,39 @@ function PaymentOptions({ setModalOpen }) {
</Radio.Group>
) : (
modeOptions.map((option) => {
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId;
const optionName = option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName;
const isChecked = getCurrentDetails(section, configName).OptionDetails?.some((details) =>
const optionId =
option.ConfigId || option.MethodId || option.MerchantNameId;
const optionName =
option.ConfigName ||
option.MethodName ||
option.MerchantNameIdName ||
option.BusinessName;
const isChecked = getCurrentDetails(
section,
configName
).OptionDetails?.some((details) =>
details?.ModeDetails?.some((mode) => mode.ModeId === optionId)
);
return (
<div
key={optionId}
style={{ display: 'flex', flexDirection: 'row', gap: '0.5rem' }}
style={{
display: 'flex',
flexDirection: 'row',
gap: '0.5rem',
}}
>
<input
type="checkbox"
checked={isChecked}
onChange={() =>
handleCheckboxChange(section, configName, option, sectionId)
handleCheckboxChange(
section,
configName,
option,
sectionId
)
}
disabled={
(configName === 'Pay at the counter' &&
@ -965,8 +1005,13 @@ function PaymentOptions({ setModalOpen }) {
const handleRadioChange = (section, configName, option, sectionId) => {
setCheckedOptions((prevCheckedOptions) => {
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId;
const optionName = option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName;
const optionId =
option.ConfigId || option.MethodId || option.MerchantNameId;
const optionName =
option.ConfigName ||
option.MethodName ||
option.MerchantNameIdName ||
option.BusinessName;
// Remove the current option for this section/configName combination
let updatedOptions = prevCheckedOptions.filter(
@ -997,7 +1042,8 @@ function PaymentOptions({ setModalOpen }) {
const handleCheckboxChange = (section, configName, option, sectionId) => {
setCheckedOptions((prevCheckedOptions) => {
const optionId = option.ConfigId || option.MethodId || option.MerchantNameId;
const optionId =
option.ConfigId || option.MethodId || option.MerchantNameId;
const currentDetails = getCurrentDetails(section, configName);
const isAdding = !currentDetails.OptionDetails?.some((details) =>
@ -1013,7 +1059,11 @@ function PaymentOptions({ setModalOpen }) {
ModeDetails: [
{
ModeId: optionId,
ModeName: option.ConfigName || option.MethodName || option.MerchantNameIdName || option.BusinessName,
ModeName:
option.ConfigName ||
option.MethodName ||
option.MerchantNameIdName ||
option.BusinessName,
},
],
},
@ -1356,7 +1406,7 @@ function PaymentOptions({ setModalOpen }) {
: 'Data Updated Successfully'
);
await dispatch(changeSalesPaymentoption(false));
setModalOpen(false)
setModalOpen(false);
// ✅ Call the function here to update global state
try {
await fetchAndSetPaymentOptions(dispatch, {
@ -1380,7 +1430,6 @@ function PaymentOptions({ setModalOpen }) {
};
return (
<div className="pageOverAll">
<div className="userPage">
<div className="userPageContent">
@ -1389,11 +1438,16 @@ function PaymentOptions({ setModalOpen }) {
messageData={messageData}
onComplete={onComplete}
/>
<div className="formName" style={{ display: "flex", alignItems: "center", gap: "4px" }}>
<FaCreditCard size={23} color='#2563eb' />
<div
className="formName"
style={{ display: 'flex', alignItems: 'center', gap: '4px' }}
>
<FaCreditCard size={23} color="#2563eb" />
<FormHeader title={'Payment Options'} />
</div>
<p style={{ color: "#a5a5a5", fontSize: "11px", fontWeight: "400", }}>Configure Your Payment Methods</p>
<p style={{ color: '#a5a5a5', fontSize: '11px', fontWeight: '400' }}>
Configure Your Payment Methods
</p>
<div className="option-maindiv">
{paymentFlows?.length > 0 &&
paymentFlows.map((flow) => (
@ -1441,27 +1495,36 @@ function PaymentOptions({ setModalOpen }) {
option.optionId
)}
{option.optionName === 'Pay at the counter' &&
getPayAtCounterSalesDropdownOptions().length > 0 && (
getPayAtCounterSalesDropdownOptions().length >
0 && (
<div style={{ marginTop: '4px' }}>
<select
value={payAtCounterSalesDefaultMode}
onChange={(e) => handlePayAtCounterModeChange(e.target.value)}
onChange={(e) =>
handlePayAtCounterModeChange(
e.target.value
)
}
style={{
padding: '4px 8px',
borderRadius: '4px',
border: '1px solid #d4d4d4',
fontFamily: 'Poppins',
fontSize: '13px',
width: '150px'
width: '150px',
}}
>
{getPayAtCounterSalesDropdownOptions().map((opt) => (
<option key={opt.value} value={opt.value}>
{getPayAtCounterSalesDropdownOptions().map(
(opt) => (
<option
key={opt.value}
value={opt.value}
>
{opt.label}
</option>
))}
)
)}
</select>
</div>
)}
</div>
@ -1519,10 +1582,7 @@ function PaymentOptions({ setModalOpen }) {
<label className="section-sub-title">
Set as Default Kiosk Sales
</label>
<Radio.Group
onChange={onChangeStatus}
value={defaultStatus}
>
<Radio.Group onChange={onChangeStatus} value={defaultStatus}>
<Radio value={'PD'}>Payment Device</Radio>
<Radio value={'PG'}>Payment Gateway </Radio>
</Radio.Group>
@ -1530,7 +1590,7 @@ function PaymentOptions({ setModalOpen }) {
</>
)}
<div className=" submitButtonDiv" >
<div className="SBTNPaymentOptions">
<Buttons
buttonText="SUBMIT"
color="901D77"
@ -1543,7 +1603,6 @@ function PaymentOptions({ setModalOpen }) {
</div>
</div>
</div>
);
}

136
src/Pages/Product/Utils/CellSelect.jsx
View File

@ -1,53 +1,62 @@
import { memo, useCallback, useEffect, useRef, useState } from "react";
import { IoIosArrowDown, IoIosArrowUp, IoIosCloseCircle } from "react-icons/io";
import { memo, useCallback, useEffect, useRef, useState } from 'react';
import { createPortal } from 'react-dom';
import { IoIosArrowDown, IoIosArrowUp, IoIosCloseCircle } from 'react-icons/io';
import '../../../Styles/Product/TurboAddForm.scss';
const CellSelect = memo(({
const CellSelect = memo(
({
value,
onChange,
onKeyDown,
dataCell,
options,
hasError,
placeholder = "Select option",
onClick
}) => {
placeholder = 'Select option',
onClick,
}) => {
const [isOpen, setIsOpen] = useState(false);
const [dropdownDirection, setDropdownDirection] = useState("down");
const [searchTerm, setSearchTerm] = useState("");
const [dropdownDirection, setDropdownDirection] = useState('down');
const [searchTerm, setSearchTerm] = useState('');
const [dropdownPosition, setDropdownPosition] = useState({
top: 0,
left: 0,
width: 0,
});
const selectRef = useRef(null);
const dropdownRef = useRef(null);
const searchInputRef = useRef(null);
// Filter options based on search term
const filteredOptions = options?.filter(option =>
const filteredOptions =
options?.filter((option) =>
option.label.toLowerCase().includes(searchTerm.toLowerCase())
) || [];
// Calculate dropdown position
const calculateDropdownPosition = useCallback(() => {
if (!selectRef.current) return "down";
if (!selectRef.current) return 'down';
const rect = selectRef.current.getBoundingClientRect();
const spaceBelow = window.innerHeight - rect.bottom;
const spaceAbove = rect.top;
return (spaceBelow < 200 && spaceAbove > spaceBelow) ? "up" : "down";
return spaceBelow < 200 && spaceAbove > spaceBelow ? 'up' : 'down';
}, []);
// Close dropdown on outside click or scroll
useEffect(() => {
if (!isOpen) return;
const handler = e => {
const handler = (e) => {
if (
!dropdownRef.current?.contains(e.target) &&
!selectRef.current?.contains(e.target)
) {
setIsOpen(false);
// Reset search term when closing dropdown
setSearchTerm("");
setSearchTerm('');
}
};
const scrollHandler = e => {
const scrollHandler = (e) => {
if (
dropdownRef.current &&
!dropdownRef.current.contains(e.target) &&
@ -55,16 +64,16 @@ const CellSelect = memo(({
!selectRef.current.contains(e.target)
) {
setIsOpen(false);
setSearchTerm("");
setSearchTerm('');
}
};
document.addEventListener("mousedown", handler);
window.addEventListener("scroll", scrollHandler, true);
document.addEventListener('mousedown', handler);
window.addEventListener('scroll', scrollHandler, true);
return () => {
document.removeEventListener("mousedown", handler);
window.removeEventListener("scroll", scrollHandler, true);
document.removeEventListener('mousedown', handler);
window.removeEventListener('scroll', scrollHandler, true);
};
}, [isOpen]);
@ -75,45 +84,61 @@ const CellSelect = memo(({
}
}, [isOpen]);
// Update dropdown direction
// Update dropdown direction and position
useEffect(() => {
if (isOpen) setDropdownDirection(calculateDropdownPosition());
}, [isOpen, calculateDropdownPosition]);
if (isOpen && selectRef.current) {
const rect = selectRef.current.getBoundingClientRect();
const spaceBelow = window.innerHeight - rect.bottom;
const spaceAbove = rect.top;
const direction =
spaceBelow < 200 && spaceAbove > spaceBelow ? 'up' : 'down';
setDropdownDirection(direction);
setDropdownPosition({
top: direction === 'up' ? rect.top : rect.bottom,
left: rect.left,
width: rect.width,
});
}
}, [isOpen]);
// Keyboard navigation
const handleKeyDown = e => {
if (!isOpen && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(e.key)) {
const handleKeyDown = (e) => {
if (
!isOpen &&
['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight'].includes(e.key)
) {
e.preventDefault();
onKeyDown(e);
return;
}
if (isOpen && ["ArrowLeft", "ArrowRight"].includes(e.key)) {
if (isOpen && ['ArrowLeft', 'ArrowRight'].includes(e.key)) {
e.preventDefault();
return;
}
if (e.key === "Enter") {
if (e.key === 'Enter') {
e.preventDefault();
if (isOpen && filteredOptions.length > 0) {
// Select the first option when pressing Enter
handleSelectChange(filteredOptions[0].value);
} else {
setIsOpen(v => !v);
setIsOpen((v) => !v);
}
return;
}
if (e.key === "Escape") {
if (e.key === 'Escape') {
e.preventDefault();
setIsOpen(false);
setSearchTerm("");
setSearchTerm('');
return;
}
// Allow typing to search when dropdown is open
if (isOpen && e.key.length === 1 && !e.ctrlKey && !e.metaKey) {
setSearchTerm(prev => prev + e.key);
setSearchTerm((prev) => prev + e.key);
e.preventDefault();
return;
}
@ -121,46 +146,46 @@ const CellSelect = memo(({
onKeyDown(e);
};
const handleSelectChange = v => {
const handleSelectChange = (v) => {
onChange({ target: { value: v } });
setIsOpen(false);
setSearchTerm(""); // Clear search term after selection
setSearchTerm(''); // Clear search term after selection
};
const handleSearchChange = e => {
const handleSearchChange = (e) => {
setSearchTerm(e.target.value);
};
const clearSearch = () => {
setSearchTerm("");
setSearchTerm('');
if (searchInputRef.current) {
searchInputRef.current.focus();
}
};
const selectedOption = options?.find(opt => opt.value === value);
const selectedOption = options?.find((opt) => opt.value === value);
const displayValue = selectedOption ? selectedOption.label : placeholder;
return (
<div className="custom-select-container" ref={selectRef}>
<div
className={`custom-select-trigger${hasError ? " error" : ""}${isOpen ? " open" : ""}`}
onClick={e => {
setIsOpen(v => !v);
className={`custom-select-trigger${hasError ? ' error' : ''}${isOpen ? ' open' : ''}`}
onClick={(e) => {
setIsOpen((v) => !v);
onClick?.(e);
}}
onKeyDown={handleKeyDown}
data-cell={dataCell}
tabIndex={0}
>
<span className={!value ? "placeholder-text" : ""}>
<span className={!value ? 'placeholder-text' : ''}>
{isOpen ? (
<input
ref={searchInputRef}
className="search-input"
value={searchTerm}
onChange={handleSearchChange}
onClick={e => e.stopPropagation()}
onClick={(e) => e.stopPropagation()}
placeholder={selectedOption?.label || placeholder}
/>
) : (
@ -171,22 +196,37 @@ const CellSelect = memo(({
{isOpen ? <IoIosArrowUp /> : <IoIosArrowDown />}
</span>
</div>
{isOpen && (
{isOpen &&
createPortal(
<div
className={`custom-select-dropdown ${dropdownDirection}`}
ref={dropdownRef}
style={dropdownDirection === "up" ? { bottom: "100%", top: "auto" } : {}}
style={{
position: 'fixed',
top:
dropdownDirection === 'up'
? 'auto'
: `${dropdownPosition.top}px`,
bottom:
dropdownDirection === 'up'
? `${window.innerHeight - dropdownPosition.top}px`
: 'auto',
left: `${dropdownPosition.left}px`,
width: `${dropdownPosition.width}px`,
zIndex: 99999,
fontFamily:"Poppins"
}}
>
<div className="dropdown-content">
{filteredOptions.length === 0 ? (
<div className="dropdown-option disabled">
{searchTerm ? "No matches found" : "No data"}
{searchTerm ? 'No matches found' : 'No data'}
</div>
) : (
filteredOptions.map(option => (
filteredOptions.map((option) => (
<div
key={option.value}
className={`dropdown-option${value === option.value ? " selected" : ""}`}
className={`dropdown-option${value === option.value ? ' selected' : ''}`}
onClick={() => handleSelectChange(option.value)}
>
{option.label}
@ -194,10 +234,12 @@ const CellSelect = memo(({
))
)}
</div>
</div>
</div>,
document.body
)}
</div>
);
});
}
);
export default CellSelect;

7
src/Pages/PurchaseScreen/LSBillTable/ExtraCharge.scss
View File

@ -31,7 +31,7 @@
width: 100%;
border-collapse: collapse;
border: 1px solid #909090;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
> thead {
position: sticky;
@ -71,7 +71,6 @@
font-size: 12px !important;
}
.custom-table tbody tr td {
text-align: left;
@ -80,7 +79,7 @@
}
}
.custom-table tbody tr td[colspan='7'] {
.custom-table tbody tr td[colspan="7"] {
padding: 20px;
}
@ -124,8 +123,6 @@
}
}
.custom-table {
Button:disabled,
Button[disabled] {

31
src/Styles/BookingScreen/Components/BSBillingTables/BSBillingTables3/BSBillingTable3.scss
View File

@ -1,5 +1,5 @@
.body {
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.BSBilling3div {
@ -46,7 +46,7 @@
// }
.BSBill-Table3-content {
background-color: rgba(235, 235, 236, 1);
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
@ -213,7 +213,7 @@
}
.Table3-rate {
font-family: 'Gilroy-SemiBold';
font-family: "Gilroy-SemiBold";
font-size: 30px;
font-weight: 600;
line-height: 50px;
@ -229,7 +229,7 @@
.BSBill3-items {
color: var(--SELECTED_COLOR);
text-align: right;
font-family: 'Gilroy-SemiBold';
font-family: "Gilroy-SemiBold";
font-size: 20px;
font-style: normal;
font-weight: bold;
@ -290,7 +290,7 @@
.Table3-items {
text-align: center;
font-size: 14px;
font-family: 'Gilroy-Medium';
font-family: "Gilroy-Medium";
align-items: right;
text-align: left;
font-weight: 600;
@ -299,7 +299,7 @@
.Table3-item-price {
text-align: center;
font-family: 'Gilroy-Medium';
font-family: "Gilroy-Medium";
font-size: 14px;
text-align: right;
padding-right: 8px;
@ -308,7 +308,7 @@
.BSBill-item-extraprice {
color: var(--SELECTED_COLOR);
font-family: 'Gilroy-SemiBold';
font-family: "Gilroy-SemiBold";
font-size: 20px;
font-style: normal;
}
@ -331,7 +331,7 @@
text-align: right;
font-weight: 600;
font-size: 18px;
font-family: 'Poppins';
font-family: "Poppins";
}
// .table3body {
@ -354,12 +354,8 @@
justify-content: space-between;
overflow: auto;
width: inherit;
// height: 86vh;
height: 85vh;
// height: clamp(75vh, 50vh, 30vh);
//nk
// height: 93vh;
//
scrollbar-width: none;
border-radius: 10px;
}
@ -371,6 +367,7 @@
overflow-y: auto;
height: 100vh;
background-color: #fff;
scrollbar-width: none;
}
.Cust-tag {
@ -552,7 +549,7 @@
.BSBill-Table3-content-Disabled {
pointer-events: none;
background-color: rgb(243, 248, 213);
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
@ -704,7 +701,7 @@
text-align: center;
font-weight: 600;
font-size: 14px;
font-family: 'Gilroy';
font-family: "Gilroy";
padding: 0rem 1rem;
display: inline-block;
padding: 2px;
@ -725,7 +722,7 @@
display: flex;
flex-direction: column;
max-height: 150px;
font-family: 'Gilroy';
font-family: "Gilroy";
overflow-y: auto;
}
@ -956,7 +953,7 @@
.CustMob-Name {
display: flex;
flex-wrap: wrap;
flex-direction: 'row';
flex-direction: "row";
column-gap: 2rem;
}

19
src/Styles/BookingScreen/Components/BSCategories/BSCategoryHorizontal.scss
View File

@ -51,17 +51,14 @@
.CategoryHorizontal-scroll-container {
overflow-y: scroll;
/* Add a vertical scrollbar when content overflows */
max-height: 300px;
/* Set a maximum height for the container */
scrollbar-width: none;
display: flex;
// flex-direction: row;
column-gap: 0.5rem;
}
.CategoryHorizontal-label {
font-family: 'Gilroy';
font-family: "Gilroy";
font-weight: 600;
font-size: 14px;
}
@ -176,7 +173,7 @@
align-items: center;
justify-content: center;
margin-top: 16px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-weight: 400;
.CategoryHorizontal-sub-samplecard {
@ -321,12 +318,12 @@
.CategoryHorizontalNew {
padding: 1.5rem;
font-family: 'Inter', sans-serif;
font-family: "Inter", sans-serif;
}
.CategoryHorizontalNew {
padding: 10px 10px;
font-family: 'Inter', sans-serif;
font-family: "Inter", sans-serif;
display: flex;
align-items: center;
gap: 10px;
@ -401,7 +398,7 @@
font-weight: 400;
color: #ffffff;
transition: all 0.2s ease;
font-family: 'Poppins';
font-family: "Poppins";
text-align: center;
display: flex;
align-items: center;
@ -422,7 +419,7 @@
line-height: 1.25rem;
color: #4b5563;
// font-family: "Inter", sans-serif !important;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
// -webkit-text-stroke-width: 0.2px;
width: max-content;
@ -531,7 +528,7 @@
font-size: 15px;
line-height: 1.25rem;
color: #4b5563;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
width: max-content;
// min-width: 150px;
border-radius: 4px;

24
src/Styles/BookingScreen/Components/BSCategories/BSCategoryVertical.scss
View File

@ -12,7 +12,6 @@
.CategoryVertical-master-container {
display: flex;
flex-direction: column;
// flex-wrap: wrap;
column-gap: 0.7rem;
row-gap: 0.7rem;
width: max-content;
@ -45,16 +44,14 @@
.CategoryVertical-btn-option2 {
display: flex;
align-items: center;
// padding: 0vw 2vh;
width: max-content !important;
// background-color: #ffffff;
padding: 5px 10px;
}
.CategoryVertical-label {
display: flex;
width: max-content !important;
font-family: 'Gilroy';
font-family: "Gilroy";
font-weight: 600;
font-size: 14px;
cursor: pointer;
@ -62,7 +59,6 @@
.CategoryVertical-scroll-container {
overflow-y: auto;
// max-height: 300px;
scrollbar-width: thin;
display: flex;
flex-direction: column;
@ -76,16 +72,11 @@
border: 1px solid #666;
}
/* Style the scroll-down button */
::-webkit-scrollbar-button:end {
background-color: #333;
border: 1px solid #666;
}
// ::-webkit-scrollbar {
// display: none;
// }
.CategoryVertical-icon {
border: none;
font-size: 15px;
@ -100,15 +91,13 @@
display: flex;
justify-content: space-between;
width: 8rem;
width: 100%;
}
.CategoryVertical-btn-option2 {
display: flex;
align-items: center;
// padding: 10px 10px;
width: max-content !important;
// border-radius: 5px;
// background-color: #dbfbe1;
}
.CategoryVertical-input-style {
@ -148,18 +137,13 @@
}
.CategoryVertical-sampleCard {
/* Your existing styles for sampleCard */
padding: 2px 3px;
/* ... */
/* Add this to specify the border style */
border: 1px solid transparent;
cursor: pointer;
/* Optional: add a pointer cursor to indicate clickability */
}
.CategoryVertical-sampleCard-border {
border-color: black;
/* Specify the border color you want */
}
@media (min-width: 280px) and (max-width: 499px) {
@ -179,7 +163,6 @@
position: sticky;
margin: 0;
top: 0;
// width: 20.7vw;
margin-left: 10px;
}
.CategoryVertical-scroll-container {
@ -188,9 +171,6 @@
.CategoryVertical-scroll-container {
height: 75vh;
}
// .BSCategory5-Contentcont .CategoryVertical{
// height: 98vh !important;
// }
}
.CategoryVertical-scroll-container .sampleCard {

111
src/Styles/BookingScreen/Components/BSItemCards/BSItemCard.scss
View File

@ -1,8 +1,8 @@
.bs-item-card-masterdiv {
padding: 0rem 0rem;
overflow: auto;
// height: 80vh;
height: inherit;
scrollbar-width: none;
@media (max-width: 768px) {
padding-bottom: 35rem !important;
@ -51,10 +51,10 @@
row-gap: 18px;
justify-content: flex-start;
margin-top: 2px;
// padding: 0rem 0.5rem;
padding-bottom: 20rem;
overflow: scroll;
height: 100%;
scrollbar-width: none;
}
.BSItemCard-container {
@ -115,7 +115,7 @@
color: #52c41a;
font-size: 14px;
font-weight: 600;
font-family: 'Gilroy';
font-family: "Gilroy";
// nk
white-space: nowrap;
overflow: hidden;
@ -598,7 +598,7 @@
.qtyUomName {
font-size: 15px;
font-weight: 600;
font-family: 'Gilroy';
font-family: "Gilroy";
text-align: center;
}
@ -606,7 +606,7 @@
.qtyUomName-itemCard {
font-size: 15px;
font-weight: 600;
font-family: 'Gilroy';
font-family: "Gilroy";
text-align: center;
white-space: nowrap;
overflow: hidden;
@ -1013,7 +1013,7 @@
flex-direction: column;
gap: 0.5rem;
padding: 1rem;
font-family: 'Inter', sans-serif;
font-family: "Inter", sans-serif;
letter-spacing: -0.5px;
@media (max-width: 500px) {
@ -1026,7 +1026,7 @@
line-height: 1.25rem;
font-weight: 500;
color: #1f2937;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
@media (max-width: 500px) {
font-size: 0.7rem;
@ -1039,7 +1039,7 @@
justify-content: space-between;
width: 100%;
font-weight: 500;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}
.card4Price {
@ -1062,7 +1062,7 @@
padding: 0.375rem 0.75rem;
font-weight: 500;
border-radius: 50px;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}
}
@ -1142,7 +1142,7 @@
transition:
background-color 0.2s ease,
color 0.2s ease;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
&:hover {
background-color: #dce7ff;
@ -1223,7 +1223,7 @@
row-gap: 0.5rem;
// position: fixed;
// bottom: 10px;
font-family: 'Poppins';
font-family: "Poppins";
font-size: 14px;
color: #000;
font-weight: 400;
@ -1286,7 +1286,7 @@
color: #fff;
font-size: 16px;
font-weight: 400;
font-family: 'Poppins';
font-family: "Poppins";
display: flex;
align-items: center;
gap: 4px;
@ -1327,7 +1327,7 @@
background-color: #4caf50;
color: #fff;
font-size: 14px;
font-family: 'Poppins';
font-family: "Poppins";
border-radius: 6px;
cursor: pointer;
}
@ -1341,7 +1341,7 @@
}
.blukSlotTbody {
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
text-align: center;
}
@ -1431,7 +1431,7 @@
.slot-price {
font-weight: 500;
font-family: 'Poppins';
font-family: "Poppins";
font-size: 0.8rem;
> div:nth-child(1) {
@ -1481,7 +1481,7 @@
.bookingModalBulk {
min-width: max-content !important;
max-width: 90vw !important;
font-family: 'Poppins' !important;
font-family: "Poppins" !important;
.ant-modal-content {
padding: 24px !important;
@ -1510,7 +1510,7 @@
width: max-content;
height: max-content;
padding: 9px 16px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 400;
border-radius: 6px;
@ -1534,7 +1534,7 @@
align-items: center;
display: flex;
font-size: 18px;
font-family: 'Poppins';
font-family: "Poppins";
font-weight: 500;
.CiShopIcon {
@ -1549,7 +1549,7 @@
}
p {
font-family: 'Poppins';
font-family: "Poppins";
font-weight: 400;
font-size: 16px;
}
@ -1589,7 +1589,7 @@
cursor: pointer;
transition: all 0.2s ease;
min-width: 90px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
&:hover {
background: rgba(13, 110, 253, 0.1);
@ -1670,7 +1670,7 @@
color: #495057;
min-width: 120px;
text-align: center;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
width: 100%;
transition: all 0.3s;
scrollbar-width: thin;
@ -1923,7 +1923,7 @@
.booked-details-container {
padding: 8px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
.booked-details-title {
font-size: 24px;
@ -2054,7 +2054,7 @@
font-weight: 400;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
min-width: 70px;
&:disabled {
@ -2104,7 +2104,7 @@
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
min-width: 120px;
box-shadow: 0 2px 4px rgba(55, 147, 245, 0.3);
@ -2130,7 +2130,7 @@
.all-bookings-container {
padding: 8px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
.all-bookings-title {
font-size: 22px;
@ -2218,7 +2218,7 @@
font-weight: 500;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
min-width: 60px;
&:disabled {
@ -2268,7 +2268,7 @@
align-items: center;
justify-content: center;
flex-direction: column;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 400;
cursor: pointer;
@ -2282,7 +2282,7 @@
align-items: center;
justify-content: center;
flex-direction: column;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 400;
width: 11rem;
@ -2299,7 +2299,7 @@
align-items: center;
justify-content: center;
flex-direction: column;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 400;
width: 9rem;
@ -2315,7 +2315,7 @@
align-items: center;
justify-content: center;
flex-direction: column;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 400;
cursor: pointer;
@ -2331,7 +2331,7 @@
align-items: center;
justify-content: center;
flex-direction: column;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 14px;
font-weight: 400;
cursor: pointer;
@ -2346,3 +2346,52 @@
position: relative;
border: 2px solid rgba(0, 0, 0, 0.3);
}
.voiceToTextIcon {
position: fixed;
// width: max-content;
top: 7px;
left: 10px;
display: flex;
align-items: center;
gap: 0.3rem;
background-color: #414d5c;
color: #f5d945;
padding: 0.2rem 0.9rem;
border-radius: 0.75rem;
font-size: 0.7rem;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
cursor: pointer;
position: relative;
z-index: 0;
button {
background: none;
border: none;
color: #f5d945;
svg {
font-size: 1.1rem;
display: flex;
}
}
@keyframes rainbowBorder {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
@media (max-width: 500px) {
top: 2px;
left: 8px;
}
}

24
src/Styles/BookingScreen/Components/BSSubCategories/BSSubCategoryVertical.scss
View File

@ -10,7 +10,6 @@
.SubCategoryVertical-master-container {
display: flex;
flex-direction: column;
// flex-wrap: wrap;
column-gap: 0.7rem;
row-gap: 0.7rem;
width: max-content;
@ -44,16 +43,14 @@
.SubCategoryVertical-btn-option2 {
display: flex;
align-items: center;
// padding: 0vw 2vh;
width: max-content !important;
// background-color: #ffffff;
padding: 5px 10px;
}
.SubCategoryVertical-label {
display: flex;
width: max-content !important;
font-family: 'Gilroy';
font-family: "Gilroy";
font-weight: 600;
font-size: 14px;
cursor: pointer;
@ -62,13 +59,9 @@
.SubCategoryVertical-scroll-container {
height: clamp(61vh, 10vw, 98vh);
width: 100%;
// max-height: 300px;
scrollbar-width: none;
// height:max(100vh, 980px ) ;
// overflow: auto;
display: flex;
flex-direction: column;
// row-gap: 0.5rem;
row-gap: 1rem;
overflow: scroll;
padding-bottom: 15rem;
@ -79,16 +72,11 @@
border: 1px solid #666;
}
/* Style the scroll-down button */
::-webkit-scrollbar-button:end {
background-color: #333;
border: 1px solid #666;
}
// ::-webkit-scrollbar {
// display: none;
// }
.SubCategoryVertical-icon {
border: none;
font-size: 15px;
@ -108,10 +96,7 @@
.SubCategoryVertical-btn-option2 {
display: flex;
align-items: center;
// padding: 10px 10px;
width: max-content !important;
// border-radius: 5px;
// background-color: #dbfbe1;
}
.SubCategoryVertical-input-style {
@ -149,19 +134,14 @@
}
.SubCategoryVertical-sampleCard {
/* Your existing styles for sampleCard */
padding: 2px 3px;
/* ... */
/* Add this to specify the border style */
border: 1px solid transparent;
cursor: pointer;
/* Optional: add a pointer cursor to indicate clickability */
}
.SubCategoryVertical-sampleCard-border {
border-color: black;
/* Specify the border color you want */
}
@media (min-width: 500px) and (max-width: 767px) {
@ -176,7 +156,6 @@
margin: 0;
top: 0;
width: clamp(280px, 45vw, px);
// margin-left: 7px;
}
.SubCategoryVertical-scroll-container {
@ -190,5 +169,4 @@
.SubCategoryVertical-sampleCard-border {
border-color: black;
/* Specify the border color you want */
}

91
src/Styles/BookingScreen/Template/BSLayout1/BSLayout1.scss
View File

@ -22,9 +22,6 @@
}
.layout1-card-content {
height: 100% !important;
//nk
// height: 85vh !important;
//
}
.BSLayout1-NavBar {
@ -42,9 +39,6 @@ body {
position: relative;
top: 2rem;
height: 99vh;
//nk
// height: 94vh;
//
}
.BSBillingTable-oCbtn {
@ -60,17 +54,12 @@ body {
display: flex;
flex-direction: column;
padding: 0rem 0rem;
//nk
//padding: 1rem 0.3rem;
//
// width: 100vw;
}
.BSCategory1-Cardcont {
overflow: hidden;
display: flex;
height: 85vh;
// column-gap: 1rem;
}
.BSLayout1-ContentDiv {
@ -79,14 +68,10 @@ body {
width: 100%;
justify-content: space-between;
overflow: hidden;
// background-color:#dbd8d8
}
.BSCategory1-tablecont {
width: 430px;
// height: min(100vh, 66vh);
// height: min(100vh, 93vh);
// height: calc(36.1em + 1.5vw);
height: clamp(100vh, 51rem, 45vh);
margin: 0.5rem 0.3rem 1rem 0.3rem;
background-color: #fff;
@ -95,8 +80,6 @@ body {
.Layout-bill-container {
width: 100vw;
height: 30px;
// background-color: lightblue; //srinath made changes By Sridhar Anna
// margin-top: 9px;
align-items: center;
display: flex;
}
@ -121,29 +104,11 @@ body {
overflow: auto;
}
// .layout1-card-content{
// flex-grow: 1;
// height: 66vh !important;
// }
//nk
.layout1-card-content {
flex-grow: 1;
height: 100% !important;
//nk
//height: 57vh !important;
//
}
//nk
// .BSLayout1-Master .bs-item-card-masterdiv {
// height: 50vh !important;
// }
//
//
.BSCategory1-tablecont {
width: 0px;
justify-content: flex-end !important;
@ -160,22 +125,10 @@ body {
display: none;
}
//nk
.Layout-bill-Subcontainer {
font-size: 10px;
flex-wrap: wrap;
}
.pricing-name-details {
font-size: 10px !important;
}
.Layout-bill-container {
height: max-content !important;
padding: 4px 0;
}
//
}
@media (min-width: 500px) and (max-width: 767px) {
@ -183,18 +136,8 @@ body {
height: 74vh !important;
}
//nk
// .BSLayout1-Master .bs-item-card-masterdiv {
// height: 55vh !important;
// }
//
.layout1-card-content {
height: 100% !important;
//nk
// height: 65vh !important;
//
}
.BSCategory1-tablecont {
@ -204,16 +147,7 @@ body {
justify-content: space-between !important;
position: fixed !important;
align-items: center !important;
// bottom: 0px;
// background:rgb(255, 255, 255) !important;
}
//nk
.Layout-bill-Subcontainer {
font-size: 12px;
}
//
}
@media (width: 1280px) and (max-height: 1024px) {
@ -230,8 +164,6 @@ body {
.Layout-bill-container {
width: 100vw;
height: 30px;
// background-color: lightblue; //srinath made changes By Sridhar Anna
// margin-top: 9px;
align-items: center;
display: flex;
}
@ -243,6 +175,11 @@ body {
font-weight: 600;
align-items: center;
gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.L .example {
@ -255,37 +192,26 @@ body {
.L {
height: 32px;
/* Set the height of the navbar to 30px */
margin-top: 0px;
/* Remove margin for the navbar */
}
.custom-search .ant-input-affix-wrapper {
height: 30px !important;
/* Match the height of the navbar */
padding: 0;
/* Remove any padding */
display: flex;
/* Use flexbox to align items */
align-items: center;
/* Vertically center the input */
width: 80%;
}
.custom-search .ant-input {
height: 28px !important;
/* Slightly less than 30px to fit within the wrapper */
font-size: 10px;
/* Adjust font size as needed */
line-height: 28px;
/* Align text vertically */
padding: 0 8px;
/* Adjust padding to fit the input field */
}
.custom-search .ant-input-suffix {
height: 28px;
/* Ensure the clear icon fits */
display: flex;
align-items: center;
}
@ -295,7 +221,7 @@ body {
}
.pricing-name-details {
font-family: 'Poppins';
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
@ -304,6 +230,9 @@ body {
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}
@keyframes shake {
@ -338,7 +267,7 @@ body {
border-radius: 4px 4px;
color: white;
font-size: 12px;
font-family: 'POPPINS';
font-family: "POPPINS";
font-weight: 500;
cursor: pointer;
}

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

@ -10,7 +10,6 @@
z-index: 3;
display: flex;
align-items: center;
// box-shadow: var(--BOX_SHADOW_LEVEL2); //srinth made changes By Sridhar Anna
}
.BSCategory2-subcat {
@ -69,7 +68,6 @@ body {
@media (max-width: 768px) {
width: 100%;
// height: 70%;
height: 86%;
}
}
@ -78,7 +76,7 @@ body {
overflow: auto;
display: flex;
flex-grow: 1;
// height: min(85vh, 720px);
scrollbar-width: none;
@media (max-width: 768px) {
flex: 1;
@ -89,9 +87,6 @@ body {
.BsLayout2-ContentDiv {
display: flex;
height: 89vh;
//nk
// height: 95vh;
//
overflow: hidden;
justify-content: space-between;
background-color: #f1f5f9;
@ -112,11 +107,8 @@ body {
.BSCategory2-tablecont {
width: 425px;
// height: calc(34.1em + 1.5vw);
margin: 0.2rem 0.5rem;
// height: clamp(72vh, 71rem, 50vh);
background-color: #fff;
//vm
border-radius: 12px;
@media (max-width: 768px) {
@ -144,30 +136,16 @@ body {
display: none;
}
//nk
.BSLayout2-Master .bs-item-card-masterdiv {
height: 82%;
}
//
// .BsLayout2-ContentDiv {
// height: 73vh;
// }
// Naresh
.BsLayout2-ContentDiv {
//nk
// height: 71vh;
//
height: 65vh;
}
//
.BSCategory2-tablecont {
// width:300px!important;
width: 0px;
// justify-content: flex-end !important;
// height: 104px;
display: flex !important;
position: fixed !important;
align-items: center !important;
@ -175,12 +153,9 @@ body {
left: -4px;
}
//nk
.BSLayout2-Master .BSCategory2-Cardcont {
height: 44vh !important;
}
//
}
@media (min-width: 500px) and (max-width: 767px) {
@ -188,27 +163,14 @@ body {
height: 0 !important;
}
// .BSCategory2-Cardcont {
// height: 74vh !important;
// }
//Naresh
//nk
.BSLayout2-Master .bs-item-card-masterdiv {
height: 70%;
}
//
.BSCategory2-Cardcont {
height: 52vh !important;
//nk
// height: 65.5vh !important;
//
}
//
//nk
.BSLayout2-Master .BsTable2-Master {
height: 0vh !important;
}
@ -228,10 +190,6 @@ body {
}
@media (width: 1280px) and (max-height: 1024px) {
// .BSLayout1-ContentDiv {
// height: clamp(99.5vh, 80rem, 99vh) !important;
// }
.BSCategory2-tablecont {
height: clamp(79.5vh, 80rem, 76vh) !important;
}
@ -239,32 +197,26 @@ body {
//nk
.BSLayout2-Master .BSBTOverall1-Default {
// height: 84vh;
height: 81vh;
}
.BSLayout2-Master .BsTable2-Master {
// height: 83vh;
height: 81vh;
}
.BSLayout2-Master .BSTable3_overall {
// height: 84vh;
height: 81vh;
}
.BSLayout2-Master .BSBilling4TableCont-default {
// height: 84vh;
height: 81vh;
}
.BSLayout2-Master .BSBillingTable5-table-master-div {
// height: 85vh;
height: 81vh;
}
.BSLayout2-Master .BSBTOverall6-defaultscreen {
// height: 84vh;
height: 81vh;
}
@ -286,11 +238,10 @@ body {
flex-direction: row;
gap: 1.2rem;
justify-content: space-between;
// justify-content: space-between;
width: 100%;
padding: 0.75rem 1.5rem;
padding: 0.5rem 1.5rem;
background-color: #1e2536;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
.price-change-btn {
color: #fff !important;
filter: invert(2);
@ -338,12 +289,6 @@ body {
}
}
// .NetAmountIcons {
// display: flex;
// flex-direction: row;
// gap: 0.5rem;
// color: #eeeeee;
// }
.AdvanceYearly {
background-color: #16a34a;
padding: 0.2rem 0.75rem;
@ -351,7 +296,7 @@ body {
border-radius: 50px;
font-weight: 400;
color: #fff;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
}
.SalesCountNew {
@ -376,22 +321,9 @@ body {
align-items: center;
gap: 2px;
font-size: 14px;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
font-weight: 400;
}
// .NetAmountIcons {
// svg {
// font-size: 1.3rem;
// padding:6px 4px;
// cursor:pointer;
// width: 28px;
// height: 30px;
// &:hover{
// background-color: #fff3;
// }
// }
// }
}
.NetAmountNew {
@ -399,14 +331,14 @@ body {
align-items: center;
gap: 5px;
font-size: 14px;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
font-weight: 400;
}
.standardTooltipDineIN {
font-size: 14px;
font-weight: 400;
font-family: 'Inter', ui-sans-serif, system-ui, sans-serif !important;
font-family: "Inter", ui-sans-serif, system-ui, sans-serif !important;
}
@media (max-width: 500px) {
@ -425,13 +357,12 @@ body {
}
.salesStoreName {
// background-color: #2563eb;
color: #000000;
padding: 0.1rem 0.5rem;
font-size: 14px;
font-weight: 500;
text-align: center;
font-family: 'Poppins';
font-family: "Poppins";
margin: 3px 3px 1px 3px;
svg {
@ -451,7 +382,7 @@ body {
}
.price-change-btn {
font-family: 'Poppins';
font-family: "Poppins";
text-wrap: nowrap;
background-color: unset;
color: #333333;
@ -461,7 +392,6 @@ body {
border: none;
border-radius: 4px;
cursor: pointer;
// box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
transition: all 0.2s ease;
outline: none !important;
margin-right: 5px;
@ -474,7 +404,6 @@ body {
.price-change-btn:hover {
background-color: #f9fafb;
// box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
outline: none;
}
@ -484,7 +413,6 @@ body {
}
.price-change-btn:focus {
// box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.3);
outline: none;
}
@ -502,3 +430,41 @@ body {
border-spacing: 0 !important;
}
}
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}
.KeyshortCutNav3 {
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
padding: 0 0;
border-radius: 4px;
font-size: 14px;
background-color: rgb(240, 240, 240);
}

89
src/Styles/BookingScreen/Template/BSLayout3/BSLayout3.scss
View File

@ -12,10 +12,6 @@
height: 40px;
}
// body{
// background-color: #f3f3f3;
// }
.BSLayout3 {
overflow: hidden;
position: relative;
@ -50,27 +46,18 @@
display: flex;
flex-direction: column;
width: 100vw;
// width: 100vw;
}
.BSCategory3-Cardcont {
overflow: auto;
display: flex;
height: 100%;
//nk
// height:74vh,
//
// height: 75vh;
// height: clamp(80vh, 71rem, 50vh);
}
.BsLayout3-ContentDiv {
display: flex;
overflow: hidden;
height: 89vh;
//nk
// height: 94vh;
//
justify-content: space-between;
}
@ -86,14 +73,6 @@
height: 0vh !important;
}
// .BSCategory3-Cardcont {
// height: 66vh !important;
// }
//Naresh
// .BSCategory3-Cardcont {
// height: 48vh !important;
// }
//
.BSLayout3-Master .bs-item-card-masterdiv {
height: 68%;
}
@ -134,26 +113,13 @@
.BSLayout3-Master .BsTable2-Master {
height: 0vh !important;
}
//
}
@media (min-width: 500px) and (max-width: 767px) {
// .BSCategory3-Cardcont {
// height: 60vh !important;
// }
.BSLayout3-Master .BSTable3_overall {
height: 0px !important;
}
//Naresh
// .BSCategory3-Cardcont {
// height: 56vh !important;
// }
//
//nk
.BSLayout3-Master .BSBTOverall6-defaultscreen {
height: 0 !important;
}
@ -162,8 +128,6 @@
height: 70% !important;
}
//Naresh
.BSLayout3-Master .BSCategory3-Cardcont {
height: 80% !important;
}
@ -172,14 +136,11 @@
bottom: 0;
}
//
.BSLayout3-Master .BsTable2-Master {
height: 0vh !important;
}
.BSCategory3-tablecont {
// width:800px!important;
height: 60px;
display: flex !important;
justify-content: space-between !important;
@ -198,38 +159,26 @@
//nk
.BSLayout3-Master .BSBTOverall1-Default {
// height: 84vh;
//vm
height: 79vh;
}
.BSLayout3-Master .BsTable2-Master {
// height: 84vh;
//vm
height: 79vh;
}
.BSLayout3-Master .BSTable3_overall {
// height: 84vh;
//vm
height: 79vh;
}
.BSLayout3-Master .BSBilling4TableCont-default {
// height: 84vh;
//vm
height: 79vh;
}
.BSLayout3-Master .BSBillingTable5-table-master-div {
// height: 84vh;
//vm
height: 79vh;
}
.BSLayout3-Master .BSBTOverall6-defaultscreen {
// height: 84vh;
//vm
height: 79vh;
}
@ -347,20 +296,14 @@
font-weight: 600;
position: absolute;
font-size: 12px;
/* Starting position */
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
transform: translateX(100%);
/* Apply animation to this element */
-moz-animation: example2 20s linear infinite 0s;
/* Set animation-delay to 0s */
-webkit-animation: example2 20s linear infinite 0s;
/* Set animation-delay to 0s */
animation: example2 20s linear infinite 0s;
/* Set animation-delay to 0s */
}
/* Move it (define the animation) */
@-moz-keyframes example2 {
0% {
-moz-transform: translateX(100%);
@ -421,7 +364,6 @@
Blink 0.5s 1s infinite;
}
/* Move it (define the animation) */
@-moz-keyframes example3 {
0% {
-moz-transform: translateX(100%);
@ -461,7 +403,6 @@
}
@keyframes Blink {
0%,
50% {
opacity: 1;
@ -499,10 +440,36 @@
.Expired {
font-weight: 600;
color: #ffffff;
/* Red color, change it according to your design */
}
.ExpiredMessage {
color: #fff;
/* Red color, change it according to your design */
}
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}

118
src/Styles/BookingScreen/Template/BSLayout4/BSLayout4.scss
View File

@ -10,20 +10,12 @@
}
.Bslayout4_navbar {
// width: 100%;
// height: 50px;
// background-color: black;
// color: white;
// position: sticky;
// top: 0;
// z-index: 10;
display: block;
}
.Bslayout4_overall {
display: flex;
overflow: hidden;
// height: max(93vh, 80px);
height: 100vh;
width: 100%;
justify-content: space-between;
@ -31,19 +23,8 @@
.Bslayout4_card {
display: flex;
// overflow: hidden;
overflow: scroll;
height: 100%;
//nk
// background-color: #f3f3f3;
//
// height: max(93vh, 80px);
// Naresh
// height: max(73vh, 80px);
//nk
// height: 93vh;
//
//
}
.BSlayout_subdiv {
@ -111,12 +92,6 @@
height: 79%;
}
//
// .BSTable3_overall {
// position: fixed;
// bottom: 0;
// }
.Bslayout4_table {
width: 0px !important;
}
@ -125,21 +100,14 @@
display: block !important;
}
//nk
// .BSlayout_subdiv {
// height: 73vh;
// }
//
.BSTable-3-Mobilescreen {
display: none;
}
.BSBilling3div {
// gap: 10px;
gap: 2px;
width: 100%;
position: fixed;
// padding: 0rem 3rem;
bottom: 0;
flex-direction: column;
}
@ -149,12 +117,9 @@
font-size: 25px;
}
//nk
.BsLayout4-Master .bs-item-card-masterdiv {
height: 67%;
}
//
}
@media (min-width: 280px) and (max-width: 499px) {
@ -162,13 +127,10 @@
height: 77vh !important;
}
//nk
.BsLayout4-Master .bs-item-card-masterdiv {
height: 55%;
}
//
.hold-sum {
column-gap: 1rem;
}
@ -195,13 +157,11 @@
.BSBilling3-customer {
display: flex;
align-items: center;
// width: 65%;
}
.Table3-price {
display: flex;
width: 100%;
// row-gap: 2rem;
background-color: transparent;
}
@ -240,40 +200,18 @@
bottom: 0;
}
// .Bslayout4_card {
// // display: flex;
// // overflow: scroll;
// // background-color: #f3f3f3;
// height: max(75vh, 80px);
// }
// Naresh
//nk
// .Bslayout4_card {
// // display: flex;
// // overflow: scroll;
// // background-color: #f3f3f3;
// height: max(69vh, 80px);
// }
//
.Bslayout4_overall {
display: flex;
// flex-direction: column;
height: 75vh;
}
//
}
//nk
.BsLayout4-Master .BSBTOverall1-Default {
// height: 89vh;
// vm
height: 81vh;
}
.BsLayout4-Master .BsTable2-Master {
// height: 89vh;
// vm
height: 81vh;
}
@ -282,26 +220,18 @@
}
.BsLayout4-Master .BSTable3_overall {
// height: 89vh;
// vm
height: 81vh;
}
.BsLayout4-Master .BSBilling4TableCont-default {
// height: 89vh;
// vm
height: 81vh;
}
.BsLayout4-Master .BSBillingTable5-table-master-div {
// height: 89vh;
// vm
height: 81vh;
}
.BsLayout4-Master .BSBTOverall6-defaultscreen {
// height: 89vh;
// vm
height: 81vh;
}
@ -309,26 +239,30 @@
height: 90%;
}
// @media (min-width: 280px) and (min-width: 768px) {
// .Bslayout4_card .BSItemCard-master-container {
// display: flex;
// flex-direction: row;
// flex-wrap: wrap;
// column-gap: 0.6rem;
// row-gap: 1rem;
// position: relative;
// justify-content: flex-start;
// }
// }
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
// @media (min-width: 500px) and (max-width: 767px) {
// // .Bslayout4_table {
// // width: 0px !important;
// // }
// }
// @media (width: 1280px) and (max-height: 1024px) {
// .Bslayout4_table {
// height: clamp(79.5vh, 80rem, 76vh) !important;
// }
// }
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}

68
src/Styles/BookingScreen/Template/BSLayout5/BSLayout5.scss
View File

@ -12,33 +12,22 @@
}
.BSCategory5-Cardcont {
// height: min(95vh, 720px);
overflow: auto;
// height: 80vh;
}
.BSCategory5-Contentcont {
display: flex;
height: 100%;
//nk
// height: 95vh;
//
}
.BSCategory5-tablecont {
width: 430px;
// margin: 0.5rem 0rem;
height: clamp(73vh, 71rem, 50vh);
background-color: #fff;
}
@media (min-width: 500px) and (max-width: 768px) {
.BSCategory5-Cardcont {
// height: min(95vh, 720px);
overflow: auto;
// height: 80vh;
//Naresh
// height: 74vh;
//
}
.BSCategory5-tablecont {
@ -52,7 +41,6 @@
.BSLayout5-Master .bs-item-card-masterdiv {
height: 65vh !important;
}
//
}
@media (min-width: 280px) and (max-width: 499px) {
@ -60,10 +48,6 @@
height: 88vh;
overflow: hidden;
}
// .BSLayout5-Master .Table4-Price-summarypop {
// display: none;
// }
//nk
.BSLayout5-Master .bs-item-card-masterdiv {
height: 55vh;
}
@ -71,7 +55,6 @@
.BSLayout5-Master .Table4-Price-summarypop {
display: none;
}
//
.BSCategory5-tablecont {
width: 0px !important;
@ -81,18 +64,9 @@
.BSCategory5-Contentcont {
display: flex;
//nk
// height: 76vh !important;
//
}
.BSCategory5-Cardcont {
// height: min(95vh, 720px);
overflow: auto;
// height: 78vh;
// Naresh
//nk
// height: 69vh;
//
}
.BSLayout5-Master .BsTable2-Master {
height: 0 !important;
@ -113,36 +87,52 @@
flex-direction: row;
}
}
//nk
.BSLayout5-Master .BSBTOverall1-Default {
// height: 82vh;
// vm
height: 82vh;
}
.BSLayout5-Master .BsTable2-Master {
// height: 82vh;
// vm
height: 82vh;
}
.BSLayout5-Master .BSTable3_overall {
// height: 82vh;
// vm
height: 82vh;
}
.BSLayout5-Master .BSBilling4TableCont-default {
// height: 82vh;
// vm
height: 82vh;
}
.BSLayout5-Master .BSBTOverall6-defaultscreen {
// height: 82vh;
// vm
height: 82vh;
}
.BSLayout5-Master .bs-item-card-masterdiv {
// height: 82vh;
// vm
height: 82vh;
}
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}

61
src/Styles/BookingScreen/Template/BSLayout6/BSLayout6.scss
View File

@ -10,7 +10,6 @@
.BSLayout6-Navbar {
display: block;
box-shadow: var(--BOX_SHADOW_LEVEL1);
// border-bottom: #33373A solid 1px;
}
.Combo6-Nav-Category {
@ -40,10 +39,6 @@
display: flex;
overflow-y: scroll;
height: 100vh;
//nk
// height: 83vh;
//
// background-color:rgba(217, 217, 217, 1);
}
.BSLayout6-cards::-webkit-scrollbar {
@ -53,7 +48,6 @@
.BSLayout6-table {
width: 423px;
margin: 0rem 0.5rem;
// height: calc(29.1em + 1.5vw);
height: clamp(61vh, 71rem, 50vh);
background-color: #fff;
}
@ -72,8 +66,6 @@
height: 47%;
}
//
.BSLayout6-fulldiv {
padding: 0rem 0rem !important;
}
@ -82,20 +74,11 @@
margin: 0rem 0rem !important;
width: 0px;
}
// .BSLayout6-cards{
// height: 63vh ;
// }
.BSLayout6-cards {
//nk
// height: 56vh;
//
display: flex;
flex-grow: 0.2;
// padding: 0.2rem 0;
overflow-y: scroll;
justify-content: center;
// background-color:rgba(217, 217, 217, 1);
}
.BSTable3 {
@ -111,13 +94,10 @@
display: none !important;
}
//nk
.BSLayout6-fullbody .bs-item-card-masterdiv {
height: 55%;
}
//
.BSLayout6-fulldiv {
display: flex;
flex-direction: column-reverse;
@ -125,11 +105,6 @@
}
.BSLayout6-cards {
// height:66vh;
// Naresh
//nk
// height:62vh;
//
width: 100%;
overflow-y: scroll;
justify-content: center;
@ -169,13 +144,8 @@
.BSLayout6-cards {
display: flex;
flex-grow: 0.2;
// margin-left: 2vw;
// padding: 1vh;
// height:60vh;
// width:60vw;
overflow-y: scroll;
justify-content: center;
// background-color:rgba(217, 217, 217, 1);
}
}
@ -258,8 +228,31 @@
height: 75%;
}
//
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
// .BSLayout6-table .BillingTable1-table-div {
// height: 58vh !important;
// }
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}

33
src/Styles/BookingScreen/Template/BSLayout7/BSC1Payment.scss
View File

@ -118,7 +118,7 @@
display: flex;
gap: 0.2rem;
align-items: center;
font-family: 'Poppins';
font-family: "Poppins";
justify-content: center;
cursor: pointer;
text-transform: capitalize;
@ -140,7 +140,7 @@
display: flex;
gap: 0.2rem;
align-items: center;
font-family: 'Poppins';
font-family: "Poppins";
justify-content: center;
cursor: pointer;
text-transform: capitalize;
@ -179,7 +179,7 @@
color: #fff;
padding: 7px;
text-align: center;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.BSC1Payment-div2-button:hover {
@ -197,7 +197,7 @@
color: #fff;
padding: 7px;
text-align: center;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.BSC1Payment-div3-button:hover {
@ -222,7 +222,7 @@
.BSC1Payment-div4-naming {
color: #fff;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 14px;
}
@ -242,7 +242,7 @@
color: #ffffff;
padding: 7px;
text-align: center;
font-family: 'Gilroy';
font-family: "Gilroy";
font-size: 28px;
font-weight: 600;
display: flex;
@ -264,7 +264,7 @@
color: #ffffff;
padding: 7px;
text-align: center;
font-family: 'Gilroy';
font-family: "Gilroy";
font-size: 28px;
font-weight: 600;
display: flex;
@ -343,7 +343,7 @@
}
.BSC1Payment-para {
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.Combo-Btn-payment-mode {
@ -359,7 +359,7 @@
border-radius: 4.982px;
padding: 5px 6px;
height: 2rem;
font-family: 'Poppins';
font-family: "Poppins";
}
.Combo-Btn-payment-mode-sel {
@ -374,7 +374,7 @@
column-gap: 0rem;
border-radius: 4.982px;
padding: 5px 6px;
font-family: 'Poppins';
font-family: "Poppins";
}
.Combo-Btn-payment-mode-notupisel {
@ -390,7 +390,7 @@
border-radius: 4.982px;
padding: 5px 6px;
height: 2rem;
font-family: 'Poppins';
font-family: "Poppins";
}
.BSC1Payment-EstimateIcon {
@ -580,7 +580,7 @@
}
div {
width: 50px !important;
font-family: 'Poppins';
font-family: "Poppins";
font-size: 11px;
font-weight: 600;
gap: 3px;
@ -599,3 +599,12 @@
display: none;
}
}
.Estoptbtn {
width: 15px;
height: 15px;
cursor: pointer;
background-color: #bebebe;
color: #000000;
border: none;
border-radius: 6px;
}

63
src/Styles/BookingScreen/Template/BSLayout7/Combo1.scss
View File

@ -1,9 +1,7 @@
.BSC1-Master {
// height: inherit;
position: absolute;
overflow: hidden !important;
display: flex;
// row-gap: 4rem;
flex-direction: column;
justify-content: space-between;
position: absolute;
@ -121,7 +119,6 @@
}
}
//
.BSC1-Master .PCBillingTable6-Table1 td {
border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse;
@ -132,8 +129,6 @@
border-collapse: collapse;
}
//
.BSC1-Master .BSBill-Table7 th {
border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse;
@ -228,7 +223,6 @@
.BSC1-Master .BSC1Payment-Container {
height: 8rem;
// padding-bottom: 0rem !important;
}
}
@ -255,8 +249,6 @@
gap: 0.6rem !important;
}
//
.BSC1-Master .Billing-Table1 td {
border: 0.1px solid #a8a8a880 !important;
border-collapse: collapse;
@ -427,7 +419,7 @@
.Combo-BSNavbar1-timer {
width: 8rem;
font-family: 'Gilroy';
font-family: "Gilroy";
display: flex;
justify-content: center;
text-wrap: nowrap;
@ -500,15 +492,18 @@
}
.pricing-name-details {
margin-left: unset;
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
column-gap: 10px;
line-height: 1.2;
padding: 4px 10px;
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}
}
@ -551,7 +546,7 @@
height: 28px;
}
th>span {
th > span {
font-size: 14px !important;
@media (max-width: 500px) {
@ -620,7 +615,8 @@
}
.SearchSubnavbar-combo {
@media (max-width: 1024px) {}
@media (max-width: 1024px) {
}
}
.combuSubNavbarRightSide {
@ -667,3 +663,30 @@
cursor: pointer;
color: #fff;
}
.Layout-bill-Subcontainer {
display: flex;
width: 100%;
justify-content: space-around;
font-weight: 600;
align-items: center;
gap: 2px;
@media (max-width: 500px) {
font-size: 10px;
flex-wrap: wrap;
}
}
.pricing-name-details {
font-family: "Poppins";
font-size: 12px;
background: var(--SELECTED_COLOR);
padding: 3px 5px;
border-radius: 5px;
color: white;
white-space: nowrap;
margin-left: 8rem;
font-weight: 400;
@media (max-width: 500px) {
font-size: 10px !important;
}
}

323
src/Styles/DashBoard/RetailDashBoard.scss
View File

@ -1,12 +1,7 @@
.rev-div {
width: 100%;
//dhana
display: flex;
flex-wrap: wrap;
// justify-content: center;
// gap: 1rem
// gap:1rem
//
}
.DashboardHeading {
@ -26,7 +21,6 @@
justify-content: space-between;
align-items: baseline;
margin-left: 1rem;
// padding: 1rem 1rem;
}
.Dashboardrange {
@ -35,7 +29,6 @@
.rev-content {
display: flex;
// flex-wrap: wrap;
width: 88vw;
overflow: scroll;
flex-wrap: wrap;
@ -102,12 +95,7 @@
justify-content: flex-start;
}
// statics
.stat-div {
// background-color: #fff;
// width: 806px;
// height: 412px;
margin: 1vw 2vh;
padding: 0.5rem 0rem;
display: flex;
@ -319,25 +307,15 @@
}
@media (min-width: 280px) and (max-width: 499px) {
//srinath
.ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels {
width: 50vw !important;
overflow: scroll !important;
}
// .Dashboardrange .datepickerDashboardrange{
// width: 100%;
// }
.ant-picker-dropdown .ant-picker-panel-container .ant-picker-date-panel-container {
width: 100px;
}
// .ant-picker-dropdown .ant-picker-panel-container .ant-picker-panels {
// display: flex;
// flex-wrap: wrap;
// direction: ltr;
// }
.rev-div .Dashboardrange .ant-picker-dropdown .ant-picker-panel-container .ant-picker-presets {
display: flex;
flex-direction: column !important;
@ -367,16 +345,12 @@
flex-wrap: wrap !important;
}
// .rev-box {
// width: 250px;
// }
.DashboardHeading {
display: flex;
justify-content: flex-start;
gap: 0.5rem;
font-weight: 600;
font-size: smaller;
// font-size: larger;
}
}
@ -433,267 +407,6 @@
background-color: var(--SELECTED_COLOR) !important;
}
// .rev-div {
// width: 100%;
// //dhana
// display: flex;
// flex-wrap: wrap;
// // justify-content: center;
// // gap: 1rem
// // gap:1rem
// //
// }
// .DashboardHeading {
// display: flex;
// justify-content: center;
// width: 100%;
// gap: 0.5rem;
// font-weight: 600;
// font-size: larger;
// }
// .rev-head {
// display: flex;
// flex-wrap: wrap;
// width: 97%;
// flex-direction: row;
// justify-content: space-between;
// align-items: baseline;
// margin-left: 1rem;
// // padding: 1rem 1rem;
// }
// .Dashboardrange {
// margin-right: 5rem;
// }
// .rev-content {
// display: flex;
// // flex-wrap: wrap;
// width: 88vw;
// overflow: scroll;
// }
// .rev-box {
// background-color: #fff;
// width: 250px;
// margin: 1vw 2vh;
// padding: 0.5rem 0rem;
// border-radius: 8px;
// align-items: center;
// }
// .rev-box-cont {
// display: flex;
// flex-direction: row;
// column-gap: 1rem;
// font-weight: 600;
// font-size: 14px;
// justify-content: space-around;
// }
// .rev-badge {
// width: max-content;
// padding: 0.1rem 0.3rem;
// border-radius: 6px;
// background-color: var(--SELECTED_COLOR);
// color: #fff;
// }
// .rev-badge.negative {
// width: max-content;
// padding: 0.1rem 0.3rem;
// border-radius: 6px;
// background-color: var(--ERROR_COLOR);
// color: #fff;
// }
// .rev-box-amtcont {
// display: flex;
// flex-direction: row;
// padding: 0.5rem 1.5rem;
// column-gap: 0.7rem;
// font-weight: 600;
// font-size: 22px;
// justify-content: flex-start;
// }
// // statics
// .stat-div {
// // background-color: #fff;
// // width: 806px;
// // height: 412px;
// margin: 1vw 2vh;
// padding: 0.5rem 0rem;
// display: flex;
// flex-direction: row;
// column-gap: 1rem;
// overflow: scroll;
// }
// .stats {
// background-color: #fff;
// width: 1000px;
// height: 300px;
// flex-grow: 1;
// border-radius: 6px;
// }
// .stock-avl {
// width: 320px;
// height: 400px;
// border-radius: 6px;
// background-color: #fff;
// }
// .stk-cnt {
// margin: 1rem 0rem;
// height: 50vh;
// overflow: auto;
// display: flex;
// flex-direction: column;
// row-gap: 1rem;
// }
// .stk-cont {
// display: flex;
// flex-direction: row;
// column-gap: 1rem;
// font-size: 14px;
// justify-content: space-around;
// }
// .stk-dtl {
// display: flex;
// width: 100%;
// justify-content: space-around;
// }
// .changing-background {
// width: max-content;
// padding: 0px 6px;
// display: flex;
// justify-content: center;
// border-radius: 4px;
// color: #fff;
// font-family: "Poppins";
// font-weight: 600;
// }
// .stk-cnt-lowprice {
// background: var(--ERROR_COLOR);
// width: max-content;
// padding: 0px 6px;
// display: flex;
// justify-content: center;
// border-radius: 4px;
// color: #fff;
// font-family: "Poppins";
// font-weight: 600;
// }
// .stk-cnt-midprice {
// background: orange;
// width: max-content;
// padding: 0px 6px;
// display: flex;
// justify-content: center;
// border-radius: 4px;
// color: #fff;
// font-family: "Poppins";
// font-weight: 600;
// }
// .stk-cnt-highprice {
// background: var(--SELECTED_COLOR);
// width: max-content;
// padding: 0px 6px;
// display: flex;
// justify-content: center;
// border-radius: 4px;
// color: #fff;
// font-family: "Poppins";
// font-weight: 600;
// }
// @media (min-width: 280px) and (max-width: 499px) {
// .rev-content {
// padding: 0rem -1rem;
// width: 88vw !important;
// transform: scale(0.9);
// }
// .stat-div {
// width: 100vw;
// overflow: scroll;
// }
// .stats {
// width: 539px !important;
// overflow: scroll !important;
// }
// .rev-head {
// flex-wrap: wrap !important;
// }
// .rev-box {
// width: 250px;
// }
// .DashboardHeading {
// display: flex;
// justify-content: flex-start;
// gap: 0.5rem;
// font-weight: 600;
// font-size: smaller;
// // font-size: larger;
// }
// }
// @media (min-width: 500px) and (max-width: 676px) {
// .rev-head .field-DropDown {
// width: 200px !important;
// }
// .rev-content {
// padding: 0rem -1rem;
// width: 88vw !important;
// transform: scale(0.9);
// }
// .stat-div {
// width: 100vw;
// overflow: scroll;
// }
// .stats {
// width: 539px !important;
// overflow: scroll !important;
// }
// }
// @media (min-width: 677px) and (max-width: 1024px) {
// .Dashboardrange {
// margin-right: 1rem;
// }
// .rev-head {
// display: flex;
// width: 100%;
// flex-direction: row;
// justify-content: space-between;
// align-items: baseline;
// }
// .stats {
// overflow: scroll !important;
// }
// }
// .Togglee {
// display: flex;
// width: inherit;
// height: 2vw;
// flex-direction: row-reverse;
// z-index: 1;
// padding-right: 93px;
// }
// .Togglee .ant-switch {
// background-color:var(--SELECTED_COLOR) !important;
// }
.modalContentsadminuser {
width: 100%;
height: 100%;
@ -729,17 +442,6 @@
}
.size-save-button-retail {
// width: max-content;
// background-color: #52c41a;
// padding: 0rem 1rem;
// font-size: 15px;
// font-weight: 500;
// border-radius: 11px;
// cursor: pointer;
// display: flex;
// text-align: center;
// justify-content: center;
// padding-top: 10px;
width: max-content;
border: none;
padding: 10px 16px;
@ -754,8 +456,6 @@
word-spacing: 1px;
}
// writing by srii
.chartsTitle {
display: flex;
align-items: center;
@ -791,10 +491,6 @@
overflow: auto;
width: 100.4%;
}
@media (max-width: 500px) {
// width: 85vw !important;
}
}
.RetailDashboard-Master {
@ -806,10 +502,6 @@
gap: 0px;
margin: 0rem 0rem;
@media (max-width: 500px) {
// width: 90%;
}
.dashboardHeader {
display: flex;
align-items: center;
@ -818,7 +510,6 @@
padding: 6px 12px;
color: #ffffff;
width: 100%;
// position: fixed;
top: 0;
z-index: 100;
position: sticky;
@ -917,6 +608,9 @@
margin-top: -13px !important;
padding-inline-end: 23px !important;
}
.ant-select-selector {
height: 42px !important;
}
}
.branch-filter-dropdown {
@ -1450,9 +1144,8 @@
.tab-switcher {
display: inline-flex;
background: #f0f2f5;
background: #ffffff;
border-radius: 6px;
padding: 4px;
gap: 4px;
font-family: "Poppins", sans-serif;
background: #fff;
@ -1943,7 +1636,6 @@
}
.topSellingProductCard {
// flex: 1;
width: 38%;
background: #fff;
border-radius: 8px;
@ -1952,9 +1644,8 @@
position: relative;
height: 50vh;
overflow: auto;
max-height: 300px; // Adjust height as needed
max-height: 300px;
overflow-y: auto;
/* Optional: for better look */
scrollbar-width: thin;
scrollbar-color: #aaa #f5f5f5;
@ -1967,7 +1658,6 @@
display: flex;
justify-content: space-between;
align-items: center;
/* margin: 0.5rem 0; */
font-weight: 600;
position: sticky;
top: 0px;
@ -2240,7 +1930,6 @@
}
}
// Utility
.green {
color: #20a720 !important;
}
@ -2249,7 +1938,6 @@
color: #e53935 !important;
}
// Responsive
@media (max-width: 1024px) {
.dashboardMainGrid,
.dashboardSecondaryGrid {
@ -2617,7 +2305,6 @@
color: #1976d2;
}
// --- Bottom Widget Row Styles ---
.bottom-widget-row {
display: flex;
gap: 1rem;

9
src/Styles/Payment/PaymentOptions/PaymentOptions.scss
View File

@ -5,7 +5,6 @@
.option-section {
margin-bottom: 20px;
column-gap: 2rem;
// border: 1px solid #1292ee;
padding: 16px;
border-radius: 12px;
background-color: #f2f9fd;
@ -28,7 +27,6 @@
font-weight: 600;
font-family: "Poppins";
margin-bottom: 10px;
// color: var(--SELECTED_COLOR);
color: rgb(0, 165, 0);
}
@ -36,7 +34,6 @@
font-size: 16px;
font-weight: 600;
font-family: "Poppins";
// color: var(--DEFAULT_SELECTED_COLOR);
}
.option-subdiv {
@ -61,3 +58,9 @@
position: unset !important;
width: 100%;
}
.SBTNPaymentOptions {
position: fixed;
bottom: 2rem;
right: 2rem;
}

39
src/Styles/Product/Product.scss
View File

@ -16,15 +16,6 @@
}
}
// .cropUploadFieldSmallNoData {
// :where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-card-wrapper .ant-upload.ant-upload-select,
// :where(.css-dev-only-do-not-override-1v5z42l).ant-upload-wrapper.ant-upload-picture-circle-wrapper .ant-upload.ant-upload-select {
// width: 65px;
// height: 65px;
// }
// }
.productinputForm {
display: flex;
flex-wrap: wrap;
@ -172,7 +163,6 @@
display: flex;
flex-direction: column;
// justify-content: space-between;
& label {
font-weight: 600;
}
@ -198,8 +188,6 @@
justify-content: center;
width: min(176px, 188px);
height: 52px;
// width: 20%;
// height: 45px;
padding: 10px 0px;
cursor: pointer;
}
@ -413,10 +401,6 @@
}
.productMtrImgUpload1 {
// .ant-modal-body {
// height: 400px;
// }
.productMtrImgUpload {
display: flex;
align-items: center;
@ -542,3 +526,26 @@
flex-direction: column;
}
}
.customerOffer {
width: 16rem;
height: 3rem;
background-color: #f5f5f5;
border-radius: 5px;
display: flex;
cursor: pointer;
}
.customerOffer div {
width: 50%;
display: flex;
justify-content: center;
align-items: center;
gap: 0.5rem;
border-radius: 5px;
}
.prodMasterAddDetails {
display: flex;
align-items: center;
gap: 10px;
}

32
src/Styles/Product/TurboAddForm.scss
View File

@ -1,5 +1,4 @@
.product-form-container {
// padding: 20px;
background: #f8f9fa;
min-height: 100vh;
display: flex;
@ -10,7 +9,6 @@
.excel-container {
width: 100%;
// max-width: 1200px;
overflow: hidden;
display: flex;
flex-direction: column;
@ -21,7 +19,6 @@
max-height: 72vh;
height: max-content;
padding: 0;
// width: 80vw;
white-space: nowrap;
scrollbar-width: thin;
width: 83.5vw;
@ -60,7 +57,7 @@
outline: none;
width: 240px;
height: 40px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
&:focus {
border-color: #3b82f6;
@ -75,7 +72,7 @@
align-items: center;
gap: 6px;
padding: 8px 16px;
font-family: 'Poppins';
font-family: "Poppins";
border-radius: 6px;
border: none;
cursor: pointer;
@ -120,7 +117,7 @@
align-items: center;
gap: 6px;
padding: 8px 16px;
font-family: 'Poppins';
font-family: "Poppins";
border-radius: 6px;
border: none;
cursor: pointer;
@ -146,7 +143,6 @@
max-height: 72vh;
height: max-content;
padding: 10px;
// width: 80vw;
white-space: nowrap;
scrollbar-width: thin;
}
@ -155,7 +151,7 @@
width: 100%;
border-collapse: collapse;
font-size: 14px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
th,
td {
@ -234,7 +230,7 @@
border-radius: 4px;
background: transparent;
outline: none;
font-family: 'Poppins';
font-family: "Poppins";
&:focus {
border-color: #3b82f6;
@ -258,8 +254,11 @@
background: #fee2e2;
color: #b91c1c;
transition: all 0.2s;
width: 38px;
width: 35px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
&:hover {
background: #fca5a5;
@ -289,7 +288,7 @@
display: flex;
justify-content: space-between;
align-items: center;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
.stats-item {
color: #374151;
@ -307,7 +306,6 @@
font-weight: 600;
justify-content: flex-start;
// flex-direction: column;
> div {
display: flex;
flex-direction: column;
@ -324,7 +322,7 @@
text-align: center !important;
font-size: 18px;
color: #6b7280;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
strong {
color: #2563eb;
@ -402,7 +400,7 @@
font-size: inherit;
padding: 0;
margin: 0;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
}
.search-input-container {
@ -577,7 +575,7 @@
width: max-content;
height: max-content;
border: none;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
background-color: #007bff;
font-weight: 400;
color: #fff !important;
@ -631,14 +629,14 @@
background: #ae2727;
color: #fff;
padding: 8px 12px;
font-family: 'Poppins', sans-serif;
font-family: "Poppins", sans-serif;
font-size: 13px;
font-weight: 400;
overflow: hidden;
}
.voice-search-btn::before {
content: '';
content: "";
position: absolute;
top: 0;
left: -100%;