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

done

This commit is contained in:
omkieit 2024-11-18 16:44:35 +05:30
parent 5052992d3d
commit ccb1dcbb9e
10 changed files with 186 additions and 100 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ef-ui/dist/assets/index-C3G6Dufq.css vendored
View File

File diff suppressed because one or more lines are too long

1
ef-ui/dist/assets/index-CN6EriED.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

32
ef-ui/dist/assets/index-CTVwB6j6.js → ef-ui/dist/assets/index-Ta_ndD8p.js vendored
View File

File diff suppressed because one or more lines are too long

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

@ -54,8 +54,8 @@
<!-- Custom styles for this template-->
<link href="css/sb-admin-2.min.css" rel="stylesheet">
<script type="module" crossorigin src="/assets/index-CTVwB6j6.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-C3G6Dufq.css">
<script type="module" crossorigin src="/assets/index-Ta_ndD8p.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-CN6EriED.css">
</head>

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

@ -20,8 +20,8 @@ const Dashboard = () => {
switch (activeTab) {
case "Userdetails":
return <UserProfile />;
case "FundToInvest":
return <FundToInvest />;
case "FundToInvest":
return <FundToInvest />;
case "addProperty":
return <Addproperty />;
case "activeProperties":
@ -32,21 +32,21 @@ const Dashboard = () => {
</div>
);
case "Fundings Received":
return (
<div>
<h3>Fundings Received</h3>
<FundingsReceived />
</div>
);
case "Fundings Received":
return (
<div>
<h3>Fundings Received</h3>
<FundingsReceived />
</div>
);
case "Offers Submitted":
return (
<div>
<h3>Offers Submitted</h3>
<OffersSubmitted />
</div>
);
case "Offers Submitted":
return (
<div>
<h3>Offers Submitted</h3>
<OffersSubmitted />
</div>
);
case "closedProperties":
return <p>These are your closed properties.</p>;
@ -58,10 +58,13 @@ const Dashboard = () => {
return (
<>
<Navbar />
<br /> <br /> <br />
<br /> <br />
<div className="d-flex" style={{ margin: "0", padding: "0" }}>
{/* Left sidebar */}
<div className="col-md-3 p-1" style={{ paddingRight: "2px", margin: "0" }}>
<div
className="col-md-3 p-1"
style={{ paddingRight: "2px", margin: "0" }}
>
<div className="card card1 p-5">
<img
className="img-fluid"
@ -88,18 +91,17 @@ const Dashboard = () => {
}`}
onClick={() => setActiveTab("Userdetails")}
>
<span className="fa fa-home" style={{ color: "#F74B02" }} />
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
<span>User Profile</span>
</button>
<button
className={`btn mt-3 ${
activeTab === "FundToInvest" ? "active" : ""
}`}
onClick={() => setActiveTab("FundToInvest")}
>
<span className="fa fa-home" style={{ color: "#F74B02" }} />
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
<span>Fund To Invest</span>
</button>
@ -109,7 +111,7 @@ const Dashboard = () => {
}`}
onClick={() => setActiveTab("addProperty")}
>
<span className="fa fa-home" style={{ color: "#F74B02" }} />
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
<span>Add Property</span>
</button>
<button
@ -118,7 +120,7 @@ const Dashboard = () => {
}`}
onClick={() => setActiveTab("activeProperties")}
>
<span className="fa fa-home" style={{ color: "#F74B02" }} />
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
<span>Active Properties</span>
</button>
@ -128,7 +130,7 @@ const Dashboard = () => {
}`}
onClick={() => setActiveTab("Fundings Received")}
>
<span className="fa fa-home" style={{ color: "#F74B02" }} />
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
<span>Fundings Received</span>
</button>
@ -138,19 +140,17 @@ const Dashboard = () => {
}`}
onClick={() => setActiveTab("Offers Submitted")}
>
<span className="fa fa-home" style={{ color: "#F74B02" }} />
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
<span>Offers Submitted</span>
</button>
<button
className={`btn mt-3 ${
activeTab === "closedProperties" ? "active" : ""
}`}
onClick={() => setActiveTab("closedProperties")}
>
<span className="fa fa-home" style={{ color: "#F74B02" }} />
{/* <span className="fa fa-home" style={{ color: "#F74B02" }} /> */}
<span>Closed Properties</span>
</button>
</div>
@ -158,10 +158,13 @@ const Dashboard = () => {
</div>
{/* Main content area */}
<div className="col-md-9 p-1" style={{ paddingLeft: "2px", margin: "0" }}>
<div
className="col-md-9 p-1"
style={{ paddingLeft: "2px", margin: "0" }}
>
<div className="card card2 p-2">
<span>
<br />
<br /> <br />
Welcome to{" "}
<span style={{ color: "#067ADC" }}>
<NavLink
@ -172,44 +175,66 @@ const Dashboard = () => {
{user.result.middleName} {user.result.lastName}
</NavLink>
</span>
<span style={{ color: "#067ADC" }}>
<NavLink
to={`/addproperty`}
className="link-primary text-decoration-none"
>
add
add
</NavLink>
</span>
</span>
{activeTab === "dashboard" && (
<>
<br />
<div className="banner_taital">
<h1 style={{ color: "#fda417", fontSize: "30px",
padding: "10px",
fontWeight: "normal" }} className="services_taital">
Now you are accessing the world's only portal which has Streamlined the
<h1 style={{ fontSize: "30px",
padding: "10px",
fontWeight: "normal" }}> investor-borrower interactions, </h1>
</h1>
<h1 className="services_taital" style={{color: "#fda417",fontSize: "30px",
padding: "10px",
fontWeight: "normal" }} >
gaining complete visibility
into your data, and using smart filters to
<h1 className="services_taital" style={{fontSize: "30px",
padding: "10px",
fontWeight: "normal" }} >create automatic
workflows{" "}</h1>
</h1>
<br /> <br /> <br /> <br /> <br /><br />
</div>
<h1
style={{
color: "#fda417",
fontSize: "30px",
padding: "10px",
fontWeight: "normal",
}}
className="services_taital"
>
Now you are accessing the world's only portal which has
Streamlined the
<h1
style={{
fontSize: "30px",
padding: "10px",
fontWeight: "normal",
}}
>
{" "}
investor-borrower interactions,{" "}
</h1>
</h1>
<h1
className="services_taital"
style={{
color: "#fda417",
fontSize: "30px",
padding: "10px",
fontWeight: "normal",
}}
>
gaining complete visibility into your data, and using smart
filters to
<h1
className="services_taital"
style={{
fontSize: "30px",
padding: "10px",
fontWeight: "normal",
}}
>
create automatic workflows{" "}
</h1>
</h1>
<br /> <br /> <br /> <br /> <br />
<br />
</div>
</>
)}
<br />

9
ef-ui/src/components/Home.jsx
View File

@ -118,8 +118,13 @@ const Home = () => {
<div className="container-fluid">
<div className="row">
<div className="col-sm-12">
<h1 className="services_taital">Our Services</h1>
<p className="services_text_1">
{/* <h1 className="services_taital">Our Services</h1> */}
<p className="services_text_1" style={{
fontSize: "30px",
padding: "10px",
fontWeight: "bold",
}}>
your documents, always and immediately within reach
</p>

3
ef-ui/src/components/Login.jsx
View File

@ -40,8 +40,7 @@ const Login = () => {
<br />
<br />
<br />
<br />
<br />
<section
className="py-19 py-md-5 py-xl-8"
style={{ minHeight: "100vh", backgroundColor: "#FFFFFF" }}

55
ef-ui/src/components/Navbar.jsx
View File

@ -16,7 +16,7 @@ const Navbar = () => {
};
return (
<div
<nav
className="navbar navbar-expand-lg w-100"
style={{
backgroundColor: "#000000",
@ -27,9 +27,9 @@ const Navbar = () => {
zIndex: 1000,
}}
>
<div className="container-fluid d-flex align-items-center justify-content-between">
<div className="container-fluid">
<div className="d-flex align-items-center">
{/* Logo Section */}
{/* <img src={logo} alt="logo" width="75" height="75" className="img-fluid" /> */}
<p
style={{
@ -44,9 +44,26 @@ const Navbar = () => {
</p>
</div>
<div className="collapse navbar-collapse" id="navbarSupportedContent">
<ul className="navbar-nav ml-auto">
<li className="nav-item active">
{/* Toggler Button for Small Screens */}
<button
className="navbar-toggler"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
style={{ borderColor: "#fda417" }}
>
<span className="navbar-toggler-icon"></span>
</button>
<div
className="collapse navbar-collapse justify-content-end"
id="navbarNav"
>
<ul className="navbar-nav">
<li className="nav-item">
<NavLink
to="/"
className="nav-link"
@ -60,7 +77,11 @@ const Navbar = () => {
</NavLink>
</li>
<li className="nav-item">
<NavLink to="/services" className="nav-link" style={{ fontSize: "20px", fontWeight: "normal" }}>
<NavLink
to="/services"
className="nav-link"
style={{ fontSize: "20px", fontWeight: "normal" }}
>
Services
</NavLink>
</li>
@ -78,7 +99,11 @@ const Navbar = () => {
</NavLink>
</li>
<li className="nav-item">
<NavLink to="/about" className="nav-link" style={{ fontSize: "20px", fontWeight: "normal" }}>
<NavLink
to="/about"
className="nav-link"
style={{ fontSize: "20px", fontWeight: "normal" }}
>
About
</NavLink>
</li>
@ -96,13 +121,17 @@ const Navbar = () => {
</NavLink>
</li>
<li className="nav-item">
<NavLink to="/contact" className="nav-link" style={{ fontSize: "20px", fontWeight: "normal" }}>
<NavLink
to="/contact"
className="nav-link"
style={{ fontSize: "20px", fontWeight: "normal" }}
>
Contact
</NavLink>
</li>
</ul>
<div className="navbar-right">
<div className="navbar-right d-flex">
{user?.result?._id ? (
<>
<NavLink
@ -150,16 +179,12 @@ const Navbar = () => {
>
Login
</NavLink>
</>
)}
</div>
</div>
</div>
</div>
</nav>
);
};

8
ef-ui/src/components/Register.jsx
View File

@ -118,9 +118,7 @@ const Register = () => {
<Navbar />
<br />
<br />
<br />
<br />
<br />
<section
className="card"
style={{ minHeight: "100vh", backgroundColor: "#FFFFFF" }}
@ -167,9 +165,9 @@ const Register = () => {
<div className="col-12">
<div className="mb-4">
<h2 className="h3">Registration</h2>
<h3 style={{ color: "red" }}>
<h6 style={{ color: "red" }}>
All fields are mandatory to enable "Sign up"
</h3>
</h6>
<hr />
</div>
</div>

34
ef-ui/src/navbar.css
View File

@ -29,3 +29,37 @@
margin-top: 0;
}
/* Style the hamburger icon */
.navbar-toggler-icon {
background-image: none; /* Remove the default icon */
display: block;
width: 10px; /* Adjust the size of the icon */
height: 10px;
position: relative;
}
.navbar-toggler-icon::before,
.navbar-toggler-icon::after,
.navbar-toggler-icon div {
content: '';
position: absolute;
width: 100%;
height: 2px; /* Thickness of the lines */
background-color: #fda417; /* Yellow color */
border-radius: 2px; /* Rounded edges */
}
.navbar-toggler-icon::before {
top: 0; /* Position the top line */
}
.navbar-toggler-icon div {
top: 50%; /* Position the middle line */
transform: translateY(-50%); /* Center the middle line */
}
.navbar-toggler-icon::after {
bottom: 0; /* Position the bottom line */
}