opening inventory
This commit is contained in:
Sibunnayak
parent
4ad5003607
commit
a0e12e91ee
21
src/_nav.js
21
src/_nav.js
@ -104,6 +104,13 @@ const _nav = [
|
||||
to: "/retail-distributor",
|
||||
group: "RetailDistributor",
|
||||
},
|
||||
{
|
||||
component: CNavItem,
|
||||
name: "Opening Inventory",
|
||||
icon: <CIcon icon={cilSwapHorizontal} customClassName="nav-icon" />,
|
||||
to: "/opening-inventory",
|
||||
group: "OpeningInventory",
|
||||
},
|
||||
{
|
||||
component: CNavItem,
|
||||
name: "Attendance",
|
||||
@ -118,13 +125,13 @@ const _nav = [
|
||||
to: "/leaves/today",
|
||||
group: "Leaves",
|
||||
},
|
||||
{
|
||||
component: CNavItem,
|
||||
name: "Tasks",
|
||||
icon: <CIcon icon={cilAlarm} customClassName="nav-icon" />,
|
||||
to: "/task/today",
|
||||
group: "Tasks",
|
||||
},
|
||||
// {
|
||||
// component: CNavItem,
|
||||
// name: "Tasks",
|
||||
// icon: <CIcon icon={cilAlarm} customClassName="nav-icon" />,
|
||||
// to: "/task/today",
|
||||
// group: "Tasks",
|
||||
// },
|
||||
{
|
||||
component: CNavItem,
|
||||
name: "Inventory Data",
|
||||
|
||||
@ -165,6 +165,7 @@ import TodayTask from "./views/Tasks/TodayTasks";
|
||||
import Sales from "./views/Sales/Sales";
|
||||
import SingleSales from "./views/Sales/SingleSale";
|
||||
import MobileApp from "./views/configuration/MobileApp";
|
||||
import PDOpeningInventory from "./views/OpeningInventory/PDOpeningInventory";
|
||||
const routes = [
|
||||
//dashboard
|
||||
|
||||
@ -412,7 +413,7 @@ const routes = [
|
||||
navName: "Distributor",
|
||||
},
|
||||
{
|
||||
path: "/:distributortype/stocks/:id",
|
||||
path: "/:distributortype/:stocks/:id",
|
||||
name: " Distributor Stocks",
|
||||
element: DistributorStocks,
|
||||
navName: "Distributor",
|
||||
@ -662,7 +663,20 @@ const routes = [
|
||||
navName: "Website Related",
|
||||
},
|
||||
//-------------------------------End website related routes----------------------------------
|
||||
|
||||
//-------------------------------Opening Inventory routes----------------------------------
|
||||
{
|
||||
path: "/opening-inventory",
|
||||
name: "Opening Inventory",
|
||||
element: PDOpeningInventory,
|
||||
navName: "Opening Inventory",
|
||||
},
|
||||
{
|
||||
path: "/opening-inventory/pd/:id",
|
||||
name: "Opening Inventory",
|
||||
element: PDOpeningInventory,
|
||||
navName: "Opening Inventory",
|
||||
},
|
||||
//-------------------------------End Opening Inventory routes----------------------------------
|
||||
//--------------Order Management Routes---------------------------------------
|
||||
{
|
||||
path: "/orders/new",
|
||||
|
||||
304
src/views/OpeningInventory/PDOpeningInventory.js
Normal file
304
src/views/OpeningInventory/PDOpeningInventory.js
Normal file
@ -0,0 +1,304 @@
|
||||
import React, { useState, useEffect, useRef, useCallback } from "react";
|
||||
import { Link } from "react-router-dom";
|
||||
import axios from "axios";
|
||||
import { isAutheticated } from "src/auth";
|
||||
import swal from "sweetalert";
|
||||
import debounce from "lodash.debounce";
|
||||
const PDOpeningInventory = () => {
|
||||
const token = isAutheticated();
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [users, setUsers] = useState([]);
|
||||
const [totalPages, setTotalPages] = useState(1);
|
||||
const [currentPage, setCurrentPage] = useState(1);
|
||||
const [itemPerPage, setItemPerPage] = useState(10);
|
||||
const [totalData, setTotalData] = useState(0);
|
||||
const nameRef = useRef();
|
||||
const SBURef = useRef();
|
||||
const getUsers = async () => {
|
||||
setLoading(true);
|
||||
try {
|
||||
const res = await axios.get(`/api/allpd/stock`, {
|
||||
headers: {
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
params: {
|
||||
page: currentPage,
|
||||
show: itemPerPage,
|
||||
name: nameRef.current.value,
|
||||
SBU: SBURef.current.value,
|
||||
},
|
||||
});
|
||||
// console.log(res.data);
|
||||
setUsers(res?.data?.data);
|
||||
setTotalData(res.data?.pagination?.totalRecords);
|
||||
setTotalPages(res.data?.pagination?.totalPages);
|
||||
} catch (error) {
|
||||
swal({
|
||||
title: error,
|
||||
text: "please login to access the resource or refresh the page ",
|
||||
icon: "error",
|
||||
button: "Retry",
|
||||
dangerMode: true,
|
||||
});
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
useEffect(() => {
|
||||
getUsers();
|
||||
}, [itemPerPage, currentPage]);
|
||||
|
||||
const debouncedSearch = useCallback(
|
||||
debounce(() => {
|
||||
setCurrentPage(1);
|
||||
getUsers();
|
||||
}, 500),
|
||||
[]
|
||||
);
|
||||
|
||||
const handleSearchChange = () => {
|
||||
debouncedSearch();
|
||||
};
|
||||
|
||||
|
||||
return (
|
||||
<div className="main-content">
|
||||
<div className="page-content">
|
||||
<div className="container-fluid">
|
||||
<div className="row">
|
||||
<div className="col-12">
|
||||
<div
|
||||
className="
|
||||
page-title-box
|
||||
d-flex
|
||||
align-items-center
|
||||
justify-content-between
|
||||
"
|
||||
>
|
||||
<div style={{ fontSize: "22px" }} className="fw-bold">
|
||||
Principal Distributor Opening Inventory
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="row">
|
||||
<div className="col-lg-12">
|
||||
<div className="card">
|
||||
<div className="card-body">
|
||||
<div className="row ml-0 mr-0 mb-10 ">
|
||||
<div className="col-lg-1">
|
||||
<div className="dataTables_length">
|
||||
<label className="w-100">
|
||||
Show
|
||||
<select
|
||||
onChange={(e) => {
|
||||
setItemPerPage(Number(e.target.value));
|
||||
setCurrentPage(1); // Reset to first page when changing items per page
|
||||
}}
|
||||
className="form-control"
|
||||
disabled={loading}
|
||||
>
|
||||
<option value="10">10</option>
|
||||
<option value="25">25</option>
|
||||
<option value="50">50</option>
|
||||
<option value="100">100</option>
|
||||
</select>
|
||||
entries
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div className="col-lg-3">
|
||||
<label>Name:</label>
|
||||
<input
|
||||
type="text"
|
||||
name="searchTerm"
|
||||
placeholder="Name"
|
||||
className="form-control"
|
||||
ref={nameRef}
|
||||
onChange={handleSearchChange}
|
||||
disabled={loading}
|
||||
/>
|
||||
</div>
|
||||
<div className="col-lg-3">
|
||||
<label>SBU:</label>
|
||||
<input
|
||||
type="text"
|
||||
name="searchTerm"
|
||||
placeholder="SBU"
|
||||
className="form-control"
|
||||
ref={SBURef}
|
||||
onChange={handleSearchChange}
|
||||
disabled={loading}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="table-responsive table-shoot mt-3">
|
||||
<table
|
||||
className="table table-centered table-nowrap"
|
||||
style={{
|
||||
border: "1px solid",
|
||||
tableLayout: "fixed",
|
||||
width: "100%",
|
||||
}}
|
||||
>
|
||||
<thead
|
||||
className="thead-info"
|
||||
style={{ background: "rgb(140, 213, 213)" }}
|
||||
>
|
||||
<tr>
|
||||
<th style={{ width: "12%" }}>Unique Id</th>
|
||||
<th style={{ width: "10%" }}>SBU</th>
|
||||
<th style={{ width: "20%" }}>Name</th>
|
||||
<th style={{ width: "20%" }}>Email</th>
|
||||
<th style={{ width: "15%" }}>Mobile Nmuber</th>
|
||||
<th style={{ width: "15%" }}>Date Registered</th>
|
||||
<th className="text-center" style={{ width: "13%" }}>
|
||||
Opening Inventory
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{loading ? (
|
||||
<tr className="text-center">
|
||||
<td colSpan="9">
|
||||
<h5>Loading....</h5>
|
||||
</td>
|
||||
</tr>
|
||||
) : users.length > 0 ? (
|
||||
users.map((user, i) => (
|
||||
<tr key={i}>
|
||||
<td>{user?.userId.uniqueId}</td>
|
||||
<td>{user.userId.SBU ? user.userId.SBU : "N/A"}</td>
|
||||
<td className="text-start">{user.userId.name}</td>
|
||||
<td className="text-start">{user.userId.email}</td>
|
||||
<td className="text-start">{user.userId.phone}</td>
|
||||
<td className="text-center">
|
||||
{new Date(user.createdAt).toLocaleString(
|
||||
"en-IN",
|
||||
{
|
||||
// weekday: "short",
|
||||
month: "short",
|
||||
day: "numeric",
|
||||
year: "numeric",
|
||||
// hour: "numeric",
|
||||
// minute: "numeric",
|
||||
// hour12: true,
|
||||
}
|
||||
)}
|
||||
</td>
|
||||
<td className="text-center">
|
||||
<Link
|
||||
to={`/principaldistributor/opening-inventory/${user?.userId._id}`}
|
||||
>
|
||||
<button
|
||||
style={{
|
||||
color: "white",
|
||||
}}
|
||||
type="button"
|
||||
className="
|
||||
btn btn-info btn-sm
|
||||
waves-effect waves-light
|
||||
btn-table
|
||||
ml-1
|
||||
md-mt-1
|
||||
md-ml-0
|
||||
"
|
||||
>
|
||||
View
|
||||
</button>
|
||||
</Link>
|
||||
</td>
|
||||
</tr>
|
||||
))
|
||||
) : (
|
||||
<tr>
|
||||
<td colSpan="9" className="text-center">
|
||||
<h5>No Principal Distributor found!</h5>
|
||||
</td>
|
||||
</tr>
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<div className="row mt-20">
|
||||
<div className="col-sm-12 col-md-6 mb-20">
|
||||
<div
|
||||
className="dataTables_info"
|
||||
id="datatable_info"
|
||||
role="status"
|
||||
aria-live="polite"
|
||||
>
|
||||
Showing {users?.length} of {totalData} entries
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="col-sm-12 col-md-6">
|
||||
<div className="dataTables_paginate paging_simple_numbers">
|
||||
<ul className="pagination">
|
||||
<li
|
||||
className={`paginate_button page-item previous ${
|
||||
currentPage === 1 ? "disabled" : ""
|
||||
}`}
|
||||
>
|
||||
<a
|
||||
className="page-link"
|
||||
onClick={() =>
|
||||
setCurrentPage((prev) => Math.max(prev - 1, 1))
|
||||
}
|
||||
aria-controls="datatable"
|
||||
>
|
||||
Previous
|
||||
</a>
|
||||
</li>
|
||||
{Array.from({ length: totalPages }, (_, index) => (
|
||||
<li
|
||||
key={index}
|
||||
className={`paginate_button page-item ${
|
||||
currentPage === index + 1 ? "active" : ""
|
||||
}`}
|
||||
>
|
||||
<a
|
||||
className="page-link"
|
||||
onClick={() => setCurrentPage(index + 1)}
|
||||
aria-controls="datatable"
|
||||
>
|
||||
{index + 1}
|
||||
</a>
|
||||
</li>
|
||||
))}
|
||||
<li
|
||||
className={`paginate_button page-item next ${
|
||||
currentPage === totalPages ? "disabled" : ""
|
||||
}`}
|
||||
>
|
||||
<a
|
||||
className="page-link"
|
||||
onClick={() =>
|
||||
setCurrentPage((prev) =>
|
||||
Math.min(prev + 1, totalPages)
|
||||
)
|
||||
}
|
||||
aria-controls="datatable"
|
||||
>
|
||||
Next
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PDOpeningInventory;
|
||||
@ -12,6 +12,7 @@ const DistributorStocks = () => {
|
||||
const navigate = useNavigate();
|
||||
const { id } = useParams();
|
||||
const { distributortype } = useParams();
|
||||
const { stocks } = useParams();
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [productsData, setProductsData] = useState([]);
|
||||
const [categories, setCategories] = useState([]);
|
||||
@ -159,7 +160,7 @@ const DistributorStocks = () => {
|
||||
const handleCancel = () => {
|
||||
navigate(
|
||||
distributortype === "principaldistributor"
|
||||
? "/principal-distributor"
|
||||
? stocks==="stocks"?"/principal-distributor":"/opening-inventory"
|
||||
: "/retail-distributor"
|
||||
);
|
||||
};
|
||||
|
||||
Loading…
Reference in New Issue
Block a user