Responsive masters
This commit is contained in:
parent
d0ac0e56fe
commit
7536be8bb9
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue