Merge pull request 'Responsive masters' (#123) from Feb10Res into main

Reviewed-on: Pozomind/pozo-retail-app#123
This commit is contained in:
karthikalakshmi 2026-02-10 16:34:34 +05:30
commit 06c17e23aa
8 changed files with 1785 additions and 1722 deletions

View File

@ -65,7 +65,7 @@ const PreferenceList = () => {
const buildInitialValues = () => ({
dashboard: allSettingsMap['dashboard'] === 'Y',
shortcutkeys:allSettingsMap['shortcutkeys']==="Y",
shortcutkeys: allSettingsMap['shortcutkeys'] === 'Y',
autoreceivestock: allSettingsMap['autoreceivestock'] === 'Y',
decimal: allSettingsMap['decimal'] === 'Y',
enabledModules: [
@ -287,7 +287,7 @@ const PreferenceList = () => {
const key = setting.SettingIdName.toLowerCase();
const boolValues = {
dashboard: values.dashboard,
shortcutkeys:values.shortcutkeys,
shortcutkeys: values.shortcutkeys,
autoreceivestock: values.autoreceivestock,
decimal: values.decimal,
searchfocus: values.searchfocus,
@ -564,7 +564,7 @@ const PreferenceList = () => {
Sales Page
</div>
{renderCheckbox('searchfocus', 'Always focus the search bar?')}
{renderCheckbox(
{renderCheckbox(
'shortcutkeys',
'Would you like to enable the shortcut keys?'
)}
@ -589,7 +589,7 @@ const PreferenceList = () => {
</Checkbox.Group>
</Form.Item>
)}
{((allSettingsMap['dinein'] !== undefined && dinePreference) ||
{((allSettingsMap['dinein'] !== undefined && dinePreference) ||
allSettingsMap['estimation'] !== undefined) && (
<Form.Item
name="enabledModules"
@ -627,7 +627,7 @@ const PreferenceList = () => {
'customisedbillnumber',
'Do you Want Customised Bill Number?'
)}
{renderCheckbox('scanlayout', 'Do you Want Scan Layout Page?')}
{renderCheckbox('scanlayout', 'Do you Want Scan Layout Page?')}
{renderCheckbox('upiqr', 'Do you want to show the UPI QR code?')}
{/* {renderCheckbox('editbill', 'Do you want to edit the previously created bill?')} */}
</div>
@ -749,7 +749,6 @@ const PreferenceList = () => {
'estimateprintheader',
'Do you want to include a header when printing Estimate bills?'
)}
</div>
<div className="PreferencesBTN">
<Buttons

View File

@ -18,7 +18,7 @@
color: #1890ff; // Ant Design blue
}
.ant-form-item-label>label {
.ant-form-item-label > label {
font-weight: 500;
color: #000000;
font-size: 16px;
@ -62,7 +62,7 @@
.submitButton {
position: unset;
>button {
> button {
width: max-content;
bottom: 30px;
}
@ -83,7 +83,7 @@
.menu-section {
padding: 10px 0;
>div {
> div {
font-family: "Poppins";
font-weight: 400;
font-size: 14px;
@ -99,6 +99,14 @@
&:hover {
background-color: #c0cbf8;
}
@media (max-width: 500px) {
border: none !important;
text-decoration: none !important;
font-style: unset !important;
}
}
@media (max-width: 500px) {
overflow: auto;
}
}
@ -118,7 +126,7 @@
font-size: 1rem;
}
.ant-form-item-label>label {
.ant-form-item-label > label {
font-size: 14px;
}
@ -141,7 +149,7 @@
margin: 0;
text-decoration: underline;
>div {
> div {
font-size: 12px;
margin: 0;
background-color: unset;
@ -167,4 +175,4 @@
.primary_Button {
width: 200px !important;
}
}
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -241,7 +241,6 @@ const StockList = () => {
if (Response?.data?.statusCode === 1) {
return Response?.data?.data;
} else {
return [];
}
};
@ -295,7 +294,6 @@ const StockList = () => {
setpage(1);
return Response?.data?.data;
} else {
return [];
}
}
@ -892,25 +890,25 @@ const StockList = () => {
PaymentAmount: PaymentAmount.toFixed(2),
InvoiceDate: groupInfo.InwardDate
? moment(groupInfo.InwardDate, 'YYYY-MM-DD').format(
'YYYY-MM-DDTHH:mm:ss'
)
'YYYY-MM-DDTHH:mm:ss'
)
: null,
SuppInvoiceNo: groupInfo.SupplierInvoiceNumber,
SuppInvoiceDate: groupInfo.SupplierInvoiceDate
? moment(groupInfo.SupplierInvoiceDate, 'YYYY-MM-DD').format(
'YYYY-MM-DDTHH:mm:ss'
)
'YYYY-MM-DDTHH:mm:ss'
)
: null,
DeliveryChallanNo: groupInfo.DeliveryChallanNo,
DeliveryInvoiceDate: groupInfo.DeliveryInvoiceDate
? moment(groupInfo.DeliveryInvoiceDate, 'YYYY-MM-DD').format(
'YYYY-MM-DDTHH:mm:ss'
)
'YYYY-MM-DDTHH:mm:ss'
)
: null,
DueDate: groupInfo.DueDate
? moment(groupInfo.DueDate, 'YYYY-MM-DD').format(
'YYYY-MM-DDTHH:mm:ss'
)
'YYYY-MM-DDTHH:mm:ss'
)
: null,
InvoiceAmount: Totalamount.toFixed(2),
TaxAmount: Totaltax.toFixed(2),
@ -928,13 +926,13 @@ const StockList = () => {
FreeQty: item.FreeQty,
ManufDate: item.ManufactureDate
? moment(item.ManufactureDate, 'YYYY-MM-DD').format(
'YYYY-MM-DDTHH:mm:ss'
)
'YYYY-MM-DDTHH:mm:ss'
)
: null,
ExpDate: item.ExpireDate
? moment(item.ExpireDate, 'YYYY-MM-DD').format(
'YYYY-MM-DDTHH:mm:ss'
)
'YYYY-MM-DDTHH:mm:ss'
)
: null,
BatchNo: item.BatchNo,
ModelNo: item.ModelNo,
@ -991,7 +989,6 @@ const StockList = () => {
(e) => `${e.ProdName} (${e.Size} ${e.UomName})`
);
const SupplierNames = SupplierData?.map((e) => e.SuppName);
const TaxDatas = TaxData.map((e) => e.TaxIdName);
@ -1006,9 +1003,6 @@ const StockList = () => {
const InwardDtlIds = Varientdata?.map((e) => e.InwardDtlId);
const StockProductId = Varientdata?.map((e) => e.ProdId);
const onFinish = async () => {
const template = barcodeTemplateDetails?.find(
(find) => find.SessionName === dropdownValue
@ -1164,7 +1158,7 @@ const StockList = () => {
? countData?.length
: 0
: data?.[0]?.TotalCount;
console.log(debouncedSearchText, countData, data, "kkkk", countOfProduct)
console.log(debouncedSearchText, countData, data, 'kkkk', countOfProduct);
return (
<div className="userPageTable">
<div className="userPageContent">
@ -1178,9 +1172,10 @@ const StockList = () => {
<FormHeader title={'Product Receipt'} />
</div>
<div
className="searchAddDiv"
style={{ justifyContent: 'flex-start' }}
><Tooltip title="Search using Invoice No,Supp Name">
className="StocklistsearchAddDiv"
style={{ justifyContent: 'flex-start', flexWrap: 'wrap' }}
>
<Tooltip title="Search using Invoice No,Supp Name">
<div className="formSearch" style={{ Width: '200px' }}>
<Search
placeholder="Search by Invoice No"
@ -1229,7 +1224,7 @@ const StockList = () => {
data={filteredData}
dataSource={filteredData}
onChange={handleChange}
// pagination={handlePageChange}
// pagination={handlePageChange}
/>{' '}
{countOfProduct > 10 && (
<Pagination
@ -1393,7 +1388,9 @@ const StockList = () => {
generateQRCodeCopy={(code) =>
generateQRCodeCopy(QrandbarcodeDatas, code)
}
generateCodeImage={(code, codeType = 'Q') => generateCodeImage(code, codeType, QrandbarcodeDatas)}
generateCodeImage={(code, codeType = 'Q') =>
generateCodeImage(code, codeType, QrandbarcodeDatas)
}
imageTagBarcodeAndQR={imageTagBarcodeAndQR}
dropdownValue={dropdownValue}
barcodeTemplateDetails={barcodeTemplateDetails}

View File

@ -12,8 +12,7 @@ input::-webkit-inner-spin-button {
}
.Dinein-Form-Structure {
width: 80vw;
background-color: #fff;
padding: 0rem 2rem;
background-color: #fff;
border-radius: 15px;
}
.Dinein-Form {
@ -21,7 +20,8 @@ input::-webkit-inner-spin-button {
display: flex;
flex-direction: row;
padding-top: 2rem;
gap: 1rem;
gap: 0;
column-gap: 1rem;
border-radius: 10px;
flex-wrap: wrap;
}

View File

@ -3,7 +3,7 @@
}
.required:after {
content: ' *';
content: " *";
color: #ff4d4f;
}
@ -18,7 +18,7 @@
border: none;
}
.subinputForm .ant-input-affix-wrapper>input.ant-input {
.subinputForm .ant-input-affix-wrapper > input.ant-input {
font-size: inherit;
border: none;
padding: 18px 14px 6px 1px !important;
@ -96,7 +96,6 @@
}
}
.image-preview__content {
background-color: #f5f5f5;
margin: 1rem;
@ -144,12 +143,18 @@
&:active {
background-color: #5e5e5e;
}
}
.padding-less-modal {
.ant-modal-content {
padding: 34px !important;
}
}
}
.StocklistsearchAddDiv {
display: flex;
align-items: center;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 10px;
}

View File

@ -28,6 +28,7 @@
.productinputForm {
display: flex;
flex-wrap: wrap;
gap: 6px;
& .field-DropDown {
width: 200px !important;
@ -124,6 +125,24 @@
left: 2px;
}
}
.ProSubRowFlex {
display: flex;
flex-wrap: wrap;
flex-direction: row;
gap: 1.5rem;
width: 100%;
.ant-form-item,
.float-label {
margin-bottom: 0;
}
.ant-form-item-explain-error {
position: relative;
top: 16px;
left: 2px;
}
}
.scannerdiv {
display: flex;
@ -469,10 +488,12 @@
flex-wrap: wrap;
justify-content: flex-start;
padding-bottom: 0;
flex-direction: row !important;
@media (max-width: 768px) {
gap: 10px;
align-items: flex-start;
justify-content: space-between;
}
}
@ -488,7 +509,8 @@
}
.productFormproductImg {
width: 350px;
width: 250px;
height: 190px;
align-items: center;
}
@ -510,3 +532,13 @@
bottom: 8px;
}
}
.ProductMainRowFlex {
display: flex;
align-items: flex-start;
gap: 1rem;
width: 100%;
@media (max-width: 768px) {
flex-direction: column;
}
}