gitomkie
/
estatesfunding
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

done

This commit is contained in:
omkieit 2024-09-22 19:30:31 +05:30
parent 7be342c671
commit 8b3aa8c793
8 changed files with 229 additions and 106 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ef-ui/dist/assets/index-BtU0nZSp.css → ef-ui/dist/assets/index-CAj3mSy-.css vendored
View File

File diff suppressed because one or more lines are too long

32
ef-ui/dist/assets/index-BbUOB2Bi.js → ef-ui/dist/assets/index-CcowhcXT.js vendored
View File

File diff suppressed because one or more lines are too long

4
ef-ui/dist/index.html vendored
View File

@ -45,8 +45,8 @@
<script type="module" crossorigin src="/assets/index-BbUOB2Bi.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-BtU0nZSp.css">
<script type="module" crossorigin src="/assets/index-CcowhcXT.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CAj3mSy-.css">
</head>

14
ef-ui/src/App.jsx
View File

@ -18,8 +18,6 @@ import Services from "./components/Services";
import PropertyMysqlView from "./components/PropertyMysqlView";
import EditProperty from "./components/EditProperty";
const App = () => {
return (
<BrowserRouter>
@ -64,17 +62,7 @@ const App = () => {
<Route path="/properties/:house_id" element={<PropertyMysqlView />} />
<Route path="/searchmyproperties" element={<SearchMysql />} />
<Route
path="/editproperty/:id"
element={
<EditProperty />
}
/>
<Route path="/editproperty/:id" element={<EditProperty />} />
</Routes>
</BrowserRouter>
);

10
ef-ui/src/components/Dashboard.jsx
View File

@ -156,20 +156,20 @@ const Dashboard = () => {
{/* Main content area */}
<div className="col-md-9">
<div className="card card2 p-0">
<div className="card card2 p-1">
{/* Static Dashboard greeting */}
<div className="hello d-flex justify-content-end align-items-center mt-3">
<br />
<span>
Welcome to{" "}
<span style={{ color: "#067ADC" }}>
{user.result.title}. {user.result.firstName} {user.result.middleName} {user.result.lastName}
</span>
</span>
<br /> <br /> <br />
</div>
<br />
{/* Dynamic content based on the selected tab */}
<div className="tab-content p-3">
<div className="tab-content p-2">
{renderTabContent()}
</div>
</div>

1
ef-ui/src/components/PropertyMysqlView.jsx
View File

@ -36,6 +36,7 @@ const PropertyMysqlView = () => {
<>
<Navbar />
<br /> <br /> <br /> <br />
<br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />
<div className="container col-12">
{loading ? (
<div className="loader">Loading...</div> // Loader

214
ef-ui/src/components/UserProperties.jsx
View File

@ -2,13 +2,12 @@ import { useEffect, useState } from "react";
import { useSelector, useDispatch } from "react-redux";
import { fetchUserProperties } from "../redux/features/propertySlice";
import { NavLink } from "react-router-dom";
import propertydummy from "../img/propertydummy.jpg";
const UserProperties = () => {
const dispatch = useDispatch();
const { user } = useSelector((state) => ({ ...state.auth }));
const { userProperties, totalPages } = useSelector(
(state) => state.property
);
const { userProperties, totalPages } = useSelector((state) => state.property);
const [page, setPage] = useState(1);
const limit = 5; // Number of properties per page
@ -16,56 +15,146 @@ const UserProperties = () => {
// Fetch user properties when "Active Properties" tab is selected
useEffect(() => {
dispatch(fetchUserProperties({ userId: user.result.userId, page, limit }));
},[dispatch, user?.result?.userId, page]);
}, [dispatch, user?.result?.userId, page]);
// Pagination handler
const handlePageChange = (newPage) => {
setPage(newPage);
};
// Pagination handler
const handlePageChange = (newPage) => {
setPage(newPage);
};
return (
<>
{userProperties.length > 0 ? (
<>
<ul>
{userProperties.map((property) => (
<li key={property._id}>
<NavLink
to={`/property/${property.propertyId}`}
target="_blank"
>
{property.title}
{"....."}
</NavLink>
{userProperties.length > 0 ? (
<>
<ul>
{userProperties.map((property) => (
<li key={property._id}>
<div className="container">
<div className="col-md-12">
<div className="row p-2 bg-white border rounded mt-2">
<div className="col-md-3 mt-1">
<img
src={propertydummy}
className="w-70"
alt="Img"
style={{
marginTop: "0px",
maxWidth: "200px",
maxHeight: "200px",
}}
/>
</div>
<div className="col-md-6 mt-1">
<h5>
{" "}
<NavLink
to={`/property/${property.propertyId}`}
target="_blank"
>
{property.title}
{"....."}
</NavLink>
</h5>
<div className="d-flex flex-row"></div>
<div className="mt-1 mb-1 spec-1">
<span>100% cotton</span>
<span className="dot" />
<span>Light weight</span>
<span className="dot" />
<span>
Best finish
<br />
</span>
</div>
<div className="mt-1 mb-1 spec-1">
<span>Unique design</span>
<span className="dot" />
<span>For men</span>
<span className="dot" />
<span>
Casual
<br />
</span>
</div>
<p className="text-justify text-truncate para mb-0">
There are many variations of passages of
<br />
<br />
</p>
</div>
<div className="align-items-center align-content-center col-md-3 border-left mt-1">
{/* <div className="d-flex flex-row align-items-center">
<h4 className="mr-1">$14.99</h4>
<span className="strike-text">$20.99</span>
</div>
<h6 className="text-success">Free shipping</h6> */}
<div className="d-flex flex-column mt-4">
<NavLink
to={`/property/${property.propertyId}`}
target="_blank"
>
<button
className="btn btn-outline-primary btn-sm mt-2"
type="button"
style={{
backgroundColor: "#fda417",
border: "#fda417",
}}
>
<span
className="fa fa-eye"
style={{ color: "#F74B02" }}
/>{" "}
{" "}
View Details
</button>
</NavLink>
<NavLink
to={`/editproperty/${property.propertyId}`}
target="_blank"
>
Edit
{"....."}
</NavLink>
</li>
))}
</ul>
<NavLink
to={`/editproperty/${property.propertyId}`}
target="_blank"
>
<button
className="btn btn-outline-primary btn-sm mt-2"
type="button"
style={{
backgroundColor: "#fda417",
border: "#fda417",
}}
>
<span
className="fa fa-edit"
style={{ color: "#F74B02" }}
/>{" "}
{" "}
Edit Details ..
</button>
</NavLink>
</div>
</div>
</div>
</div>
</div>
</li>
))}
</ul>
{/* Pagination Controls */}
<div className="pagination">
<button
onClick={() => handlePageChange(page - 1)}
disabled={page === 1}
>
Previous
</button>
{/* Pagination Controls */}
<div className="pagination">
<button
onClick={() => handlePageChange(page - 1)}
disabled={page === 1}
>
Previous
</button>
{/* Show page numbers */}
{Array.from({ length: totalPages }, (_, index) => index + 1).map(
(pageNumber) =>
pageNumber === page || // Current page
pageNumber === 1 || // First page
pageNumber === totalPages || // Last page
(pageNumber >= page - 1 && pageNumber <= page + 1) // Pages near current page
? (
{/* Show page numbers */}
{Array.from({ length: totalPages }, (_, index) => index + 1).map(
(pageNumber) =>
pageNumber === page || // Current page
pageNumber === 1 || // First page
pageNumber === totalPages || // Last page
(pageNumber >= page - 1 && pageNumber <= page + 1) ? ( // Pages near current page
<button
key={pageNumber}
onClick={() => handlePageChange(pageNumber)}
@ -73,24 +162,23 @@ const UserProperties = () => {
>
{pageNumber}
</button>
)
: pageNumber === 2 || pageNumber === totalPages - 1 // Add "..." between non-adjacent pages
? <span key={pageNumber}>...</span>
: null
)}
) : pageNumber === 2 || pageNumber === totalPages - 1 ? ( // Add "..." between non-adjacent pages
<span key={pageNumber}>...</span>
) : null
)}
<button
onClick={() => handlePageChange(page + 1)}
disabled={page === totalPages}
>
Next
</button>
</div>
</>
) : (
<p>No active properties found.</p>
)}
</>
<button
onClick={() => handlePageChange(page + 1)}
disabled={page === totalPages}
>
Next
</button>
</div>
</>
) : (
<p>No active properties found.</p>
)}
</>
);
};

52
ef-ui/src/dashboard.css
View File

@ -1,8 +1,54 @@
.btn.active {
background-color: #fda417; /* Highlight color for the active tab */
color: #fff; /* Text color for the active tab */
background-color: #fda417;
/* Highlight color for the active tab */
color: #fff;
/* Text color for the active tab */
border: 1px solid #fda417;
}
}
body {
background: #eee
}
.ratings i {
font-size: 16px;
color: red
}
.strike-text {
color: red;
text-decoration: line-through
}
.product-image {
width: 100%
}
.dot {
height: 7px;
width: 7px;
margin-left: 6px;
margin-right: 6px;
margin-top: 3px;
background-color: #fda417;
border-radius: 50%;
display: inline-block
}
.spec-1 {
color: #938787;
font-size: 15px
}
h5 {
font-weight: 400
}
.para {
font-size: 16px
}