admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

UI updation at Purchase Invoice.

Browse Source
This commit is contained in:
Kartik Sharma 2025-11-28 11:49:26 +05:30
parent e5bfc6be44
commit 40b11d209c
7 changed files with 37 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/ServiceProject/ManageServiceProject.jsx
View File

@ -223,9 +223,6 @@ const ManageServiceProject = ({ serviceProjectId, onClose }) => {
className="form-control form-control-sm"
{...register("contactName")}
placeholder="Enter Employee name.."
onInput={(e) => {
e.target.value = e.target.value.replace(/[^A-Za-z ]/g, "");
}}
/>
{errors?.contactName && (
<span className="danger-text">{errors.contactName.message}</span>

1
src/components/ServiceProject/ServiceProjectBranch/ServiceBranch.jsx
View File

@ -240,6 +240,7 @@ const ServiceBranch = () => {
<td
colSpan={columns.length + 1}
className="text-center py-12"
style={{ height: "200px" }}
>
No Branch Found
</td>

3
src/components/ServiceProject/ServiceProjectSchema.jsx
View File

@ -22,8 +22,7 @@ export const projectSchema = z.object({
contactName: z
.string()
.trim()
.min(1, "Contact name is required")
.regex(/^[A-Za-z\s]+$/, "Contact name can contain only letters"),
.min(1, "Contact name is required"),
contactPhone: z
.string()

2
src/components/ServiceProject/ServiceProjectTeam/ServiceProjectTeamList.jsx
View File

@ -77,6 +77,7 @@ const ServiceProjectTeamList = () => {
<td
colSpan={servceProjectColmen.length}
className="text-center py-4 border-0"
style={{ height: "200px" }}
>
{isLoading ? (
<SpinnerLoader />
@ -85,6 +86,7 @@ const ServiceProjectTeamList = () => {
)}
</td>
</tr>
)}
</tbody>
</table>

30
src/components/purchase/PurchasePartyDetails.jsx
View File

@ -26,7 +26,7 @@ const PurchasePartyDetails = () => {
} = useAppFormContext();
return (
<div className="row g-2 text-start">
<div className="row g-3 text-start">
{/* Title */}
<div className="col-12 col-md-6">
<Label htmlFor="title" required>
@ -36,7 +36,7 @@ const PurchasePartyDetails = () => {
<input
id="title"
type="text"
className={`form-control form-control-md ${
className={`form-control form-control-xs ${
errors?.title ? "is-invalid" : ""
}`}
{...register("title")}
@ -50,7 +50,7 @@ const PurchasePartyDetails = () => {
{/* Project ID */}
<div className="col-12 col-md-6">
<SelectProjectField
className={`form-control form-control-md ${
className={`form-control form-control-xs ${
errors?.projectId ? "is-invalid" : ""
}`}
label="Project"
@ -67,7 +67,7 @@ const PurchasePartyDetails = () => {
/>
</div>
<div className="col-12 col-md-6">
<div className="col-12 col-md-6 my-0">
<AppFormController
name="organizationId"
control={control}
@ -87,7 +87,7 @@ const PurchasePartyDetails = () => {
/>
</div>
<div className="col-12 col-md-6">
<div className="col-12 col-md-6 my-0">
<AppFormController
name="supplierId"
control={control}
@ -108,13 +108,13 @@ const PurchasePartyDetails = () => {
/>
</div>
<div className="col-12 col-md-6">
<div className="col-12 col-md-6 my-0">
<Label htmlFor="billingAddress">Billing Address</Label>
<textarea
id="billingAddress"
rows="2"
className={`form-control form-control-md `}
className={`form-control form-control-xs `}
{...register("billingAddress")}
/>
@ -123,13 +123,13 @@ const PurchasePartyDetails = () => {
)}
</div>
<div className="col-12 col-md-6">
<div className="col-12 col-md-6 my-0 mb-1">
<Label htmlFor="shippingAddress">Shipping Address</Label>
<textarea
id="shippingAddress"
rows="2"
className={`form-control form-control-md `}
className={`form-control form-control-xs `}
{...register("shippingAddress")}
/>
@ -139,7 +139,7 @@ const PurchasePartyDetails = () => {
</div>
{/* Purchase Order Number */}
<div className="col-12 col-md-6">
<div className="col-12 col-md-6 ">
<Label htmlFor="purchaseOrderNumber" required>
Purchase Order Number
</Label>
@ -147,7 +147,7 @@ const PurchasePartyDetails = () => {
<input
id="purchaseOrderNumber"
type="text"
className={`form-control form-control-md `}
className={`form-control form-control-xs `}
{...register("purchaseOrderNumber")}
/>
@ -159,7 +159,7 @@ const PurchasePartyDetails = () => {
</div>
{/* Purchase Order Date */}
<div className="col-12 col-md-6">
<div className="col-12 col-md-6 mb-1">
<Label htmlFor="purchaseOrderDate" required>
Purchase Order Date
</Label>
@ -167,6 +167,7 @@ const PurchasePartyDetails = () => {
<DatePicker
control={control}
name="purchaseOrderDate"
size="xs"
className={` w-full ${
errors?.purchaseOrderDate ? "is-invalid" : ""
}`}
@ -193,7 +194,7 @@ const PurchasePartyDetails = () => {
</div>
)}
</div>
<div className="col-12 col-md-6">
<div className="col-12 col-md-6 mb-1">
<Label htmlFor="proformaInvoiceAmountt">Proforma Amount</Label>
<input
id="proformaInvoiceAmount"
@ -208,13 +209,14 @@ const PurchasePartyDetails = () => {
</div>
)}
</div>
<div className="col-12 col-md-6">
<div className="col-12 col-md-6 mb-2">
<Label htmlFor="proformaInvoiceDate">Proforma Date</Label>
<DatePicker
control={control}
name="proformaInvoiceDate"
className="w-full"
size="xs"
/>
{errors?.proformaInvoiceDate && (

15
src/components/purchase/PurchasePaymentDetails.jsx
View File

@ -27,7 +27,7 @@ const PurchasePaymentDetails = () => {
}, [baseAmount, taxAmount, setValue]);
return (
<div className="row g-2 text-start">
<div className="row g-3 text-start">
<div className="col-12 col-md-4">
<Label htmlFor="baseAmount" required>
Base Amount
@ -36,7 +36,7 @@ const PurchasePaymentDetails = () => {
<input
id="baseAmount"
type="number"
className="form-control form-control-md"
className="form-control form-control-xs"
{...register("baseAmount", { valueAsNumber: true })}
/>
@ -55,7 +55,7 @@ const PurchasePaymentDetails = () => {
<input
id="taxAmount"
type="number"
className="form-control form-control-md"
className="form-control form-control-xs"
{...register("taxAmount",{ valueAsNumber: true })}
/>
@ -74,7 +74,7 @@ const PurchasePaymentDetails = () => {
<input
id="totalAmount"
type="number"
className="form-control form-control-md"
className="form-control form-control-xs"
{...register("totalAmount",{ valueAsNumber: true })}
readOnly
/>
@ -92,7 +92,7 @@ const PurchasePaymentDetails = () => {
<input
id="transportCharges"
type="number"
className="form-control form-control-md"
className="form-control form-control-xs"
{...register("transportCharges",{ valueAsNumber: true })}
/>
@ -110,6 +110,7 @@ const PurchasePaymentDetails = () => {
name={"paymentDueDate"}
control={control}
className="w-full"
size="xs"
/>
{errors?.paymentDueDate && (
@ -119,7 +120,7 @@ const PurchasePaymentDetails = () => {
)}
</div>
<div className="col-12">
<div className="col-12 mb-2">
<Label htmlFor="description" required>
Description
</Label>
@ -127,7 +128,7 @@ const PurchasePaymentDetails = () => {
<textarea
id="description"
rows="3"
className="form-control form-control-md"
className="form-control form-control-xs"
{...register("description")}
/>

16
src/components/purchase/PurchaseTransportDetails.jsx
View File

@ -10,7 +10,7 @@ const PurchaseTransportDetails = () => {
} = useAppFormContext();
return (
<div className="row g-2 text-start">
<div className="row g-3 text-start">
{/* Invoice Number */}
<div className="col-12 col-md-6">
<Label htmlFor="invoiceNumber" required>
@ -20,7 +20,7 @@ const PurchaseTransportDetails = () => {
<input
id="invoiceNumber"
type="text"
className="form-control form-control-md"
className="form-control form-control-xs"
{...register("invoiceNumber")}
/>
@ -36,7 +36,7 @@ const PurchaseTransportDetails = () => {
<Label htmlFor="invoiceDate">Invoice Date</Label>
<DatePicker control={control} name="invoiceDate" className="w-full"/>
<DatePicker control={control} name="invoiceDate" className="w-full" size="xs"/>
{errors?.invoiceDate && (
<div className="small text-danger mt-1">
@ -52,7 +52,7 @@ const PurchaseTransportDetails = () => {
<input
id="eWayBillNumber"
type="text"
className="form-control form-control-md"
className="form-control form-control-xs"
{...register("eWayBillNumber")}
/>
@ -84,7 +84,7 @@ const PurchaseTransportDetails = () => {
<input
id="invoiceReferenceNumber"
type="text"
className="form-control form-control-md"
className="form-control form-control-xs"
{...register("invoiceReferenceNumber")}
/>
@ -102,7 +102,7 @@ const PurchaseTransportDetails = () => {
<input
id="acknowledgmentNumber"
type="text"
className="form-control form-control-md"
className="form-control form-control-xs"
{...register("acknowledgmentNumber")}
/>
@ -113,10 +113,10 @@ const PurchaseTransportDetails = () => {
)}
</div>
<div className="col-12 col-md-6">
<div className="col-12 col-md-6 mb-2">
<Label htmlFor="acknowledgmentDate">Acknowledgment Date</Label>
<DatePicker control={control} name="acknowledgmentDate" className="w-full"/>
<DatePicker control={control} name="acknowledgmentDate" className="w-full" size="xs"/>
{errors?.acknowledgmentDate && (
<div className="small text-danger mt-1">