Skip to content

Commit

Permalink
added files
Browse files Browse the repository at this point in the history
  • Loading branch information
@Mannypulator
Mannypulator committed Jul 28, 2022
0 parents commit b74d924
Show file tree
Hide file tree
Showing 33 changed files with 3,109 additions and 0 deletions.
111 changes: 111 additions & 0 deletions public/account.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,111 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Account | Decaloan</title>
<link href="https://fonts.googleapis.com/css?family=Comfortaa&display=swap" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="asset/stylesheet/style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<!-- Grapgh scripts -->
<!-- Resources -->
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/dataviz.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
</head>

<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark nav justify-content-end">

<ul class="navbar-nav">
<form class="form-inline">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
</form>
<div style="margin-top: 7px">
<a href="account.html"> <img src="asset/images/account-icon.png" style="margin: 0 5px" alt="account" width="30px" height="30px"></a>
<a href="inbox.html"><img src="asset/images/message.png" style="margin: 0 5px" alt="message" width="30px" height="30px"></a>
<a href="inbox.html"><img src="asset/images/alarm.png" style="margin: 0 5px" alt="alarm" width="30px" height="30px"></a>
</div>

<li class="nav-item">
<a class="nav-link" href="login.html">Logout</a>
</li>
</ul>
</nav>
<div id="mySidenav" class="sidenav">
<a href="index.html" id="dashboard">Dashboard</a>
<a href="inbox.html" id="inbox">Inbox</a>
<a href="#" id="make-payment">Payment</a>
<a href="account.html" id="account">Account</a>
<a href="new-loan.html" id="new-loan">New Loan</a>
<a href="loan.html" id="all-loan">All Loans</a>
<a href="transactions.html" id="transactions">Transactions</a>
</div>
<div class="container" style="margin-left: 130px; margin-top: 20px">
<p class="display-4">Account</p>

<hr>
<p>Here you have all your peronal details</p>
<!-- Demoraphic Information -->
<p class="subheading">Demographic Information</p>
<p class="font-weight-bold" style="font-size: 20px">Personal</p>
<p class="full-name">Full name: </p>
<p class="address">Addresss: </p>
<p class="state">State: </p>
<p class="subheading" style="margin-top: 10px">Employment</p>
<p class="employement-date">Employer Date: </p>
<p class="employer-name">Employer Name: </p>
<p class="employer-address">Employer Address: </p>
<p class="subheading loan-balance" style="margin-top: 10px">Loan Balance</p>
<table class="table table-hover table-striped">
<thead>
<tr>
<th>Loan #ID</th>
<th>Payback Amount</th>
<th>Fees</th>
</tr>
</thead>
<tbody class="account-loan">

</tbody>
</table>
<p class="subheading" style="margin-top: 10px">Payment Information</p>
<table class="table table-hover table-striped">
<thead>
<tr>
<th>Payment #ID</th>
<th>Payback Amount</th>
<th>Date</th>
</tr>
</thead>
<tbody class="account-transaction">
</tbody>
</table>
<p class="subheading" style="margin-top: 10px">Account Opening Date</p>
<p class="registration-date"></p>
</div>



<script src="asset/script/app.js"></script>
</body>

</html>
169 changes: 169 additions & 0 deletions public/admin/dashboard.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Admin | Decaloan</title>
<link href="https://fonts.googleapis.com/css?family=Comfortaa&display=swap" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="../asset/stylesheet/style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/dataviz.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
</head>

<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark nav justify-content-end">
<ul class="navbar-nav">
<form class="form-inline">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
</form>
<div style="margin-top: 7px">
<img src="../asset/images/account-icon.png" style="margin: 0 5px" alt="account" width="30px" height="30px">
<img src="../asset/images/message.png" style="margin: 0 5px" alt="message" width="30px" height="30px">
<img src="../asset/images/alarm.png" style="margin: 0 5px" alt="alarm" width="30px" height="30px">
</div>

<li class="nav-item">
<a class="nav-link" href="../login.html" class="logout">Logout</a>
</li>
</ul>

<!-- Navbar -->
</nav>
<div id="mySidenav" class="sidenav">
<a href="dashboard.html" id="dashboard">Dashboard</a>
<a href="users.html" id="users">Users</a>
<a href="settings.html" id="settings">Settings</a>

</div>
<div class="container" style="margin-left: 130px; margin-top: 20px">
<p class="display-4">Dashboard</p>
<hr>
<p class="font-weight-bold">Welcome back Admin!</p>

<div id="chartdiv" style="margin-top: 30px"></div>

<!-- Statistics -->
<div class="card-group">

<div class="card">
<div class="card-body text-center">
<div class="row">
<div class="col-md-4">
<img class="card-number" src="../asset/images/cash.png" alt="loan">
</div>
<div class="col-md-4">
<p class="card-text ">Total Application</p>
<div class="progress" style="height:2px">
<div class="progress-bar" style="width:50%;height:2px"></div>
</div>
</div>
<div class="col-md-4">
<p class="font-weight-bolder card-number admin-total" style="font-size: 30px;"></p>
</div>
</div>

</div>
</div>
<div class="card">
<div class="card-body text-center">
<div class="row">
<div class="col-md-4">
<img class="card-number" src="../asset/images/pend.png" alt="pending">
</div>
<div class="col-md-4">
<p class="card-text ">Total Pending</p>
<div class="progress" style="height:2px">
<div class="progress-bar" style="width:50%;height:2px"></div>
</div>
</div>
<div class="col-md-4">
<p class="font-weight-bolder card-number admin-pending" style="font-size: 30px;"></p>
</div>
</div>
</div>
</div>
<div class="card ">
<div class="card-body text-center">
<div class="row">
<div class="col-md-4">
<img class="card-number" src="../asset/images/decline.png" alt="decline">
</div>
<div class="col-md-4">
<p class="card-text ">Total Declined</p>
<div class="progress" style="height:2px">
<div class="progress-bar" style="width:50%;height:2px"></div>
</div>
</div>
<div class="col-md-4">
<p class="font-weight-bolder card-number admin-declined" style="font-size: 30px;"></p>
</div>
</div>
</div>
</div>
<div class="card ">
<div class="card-body text-center">
<div class="row">
<div class="col-md-4">
<img class="card-number" src="../asset/images/approve.png" alt="approve">
</div>
<div class="col-md-4">
<p class="card-text ">Total Granted</p>
<div class="progress" style="height:2px">
<div class="progress-bar" style="width:50%;height:2px"></div>
</div>
</div>
<div class="col-md-4">
<p class="font-weight-bolder card-number admin-granted" style="font-size: 30px;"></p>
</div>
</div>
</div>
</div>
</div>


<!-- Table -->
<p style="margin-top: 40px; font-size: 20px">Loan Application</p>
<table class="table table-hover admin-loan">
<thead>
<tr>
<th class="delete-loan">#Loan ID</th>
<th>Name Of Applicant</th>
<th>Amount Request</th>
<th>Date Applied</th>
<th>Action</th>
<th>Status</th>
<th> </th>
</tr>
</thead>
<tbody class="all-loans-admin">

</tbody>
</table>
</div>



<script src="../asset/script/app.js"></script>
</body>

</html>
106 changes: 106 additions & 0 deletions public/admin/settings.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Admin | Decaloan</title>
<link href="https://fonts.googleapis.com/css?family=Comfortaa&display=swap" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="../asset/stylesheet/style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/jquery-3.4.1.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="https://www.amcharts.com/lib/4/core.js"></script>
<script src="https://www.amcharts.com/lib/4/charts.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/dataviz.js"></script>
<script src="https://www.amcharts.com/lib/4/themes/animated.js"></script>
</head>

<body>
<nav class="navbar navbar-expand-sm bg-dark navbar-dark nav justify-content-end">
<ul class="navbar-nav">
<form class="form-inline">
<input class="form-control mr-sm-2" type="text" placeholder="Search">
</form>
<div style="margin-top: 7px">
<img src="../asset/images/account-icon.png" style="margin: 0 5px" alt="account" width="30px"
height="30px">
<img src="../asset/images/message.png" style="margin: 0 5px" alt="message" width="30px" height="30px">
<img src="../asset/images/alarm.png" style="margin: 0 5px" alt="alarm" width="30px" height="30px">
</div>

<li class="nav-item">
<a class="nav-link" href="../login.html" class="logout">Logout</a>
</li>
</ul>

<!-- Navbar -->
</nav>
<div id="mySidenav" class="sidenav">
<a href="dashboard.html" id="dashboard">Dashboard</a>
<a href="users.html" id="users">Users</a>
<a href="settings.html" id="settings">Settings</a>
</div>
<div class="container" style="margin-left: 130px; margin-top: 20px">
<p class="display-4">Settings</p>
<hr>
<p>Make modifications to your database content</p>
<div class="container-fluid">
<h4 style="margin-top: 20px">Loan</h4>
<div class="form-group">
<div class="section-define">
<label for="usr">Interest rate</label>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">%</span>
</div>
<input type="number" class="form-control" id="interest-rate" required>
</div>
<button type="submit" class="btn btn-primary settings-btn" style="margin-top: 30px;">Save</button>
</div>


<h4 style="margin-top: 50px">Admin</h4>
<p>Add new admin</p>

<div class="section-define">
<div class="row">
<div class="col-md-6">
<label for="usr">Email</label>
<div class="input-group mb-3">
<input type="text" class="form-control" id="new-admin-email" required>
</div>
</div>
<div class="col-md-6">
<label for="usr">Password</label>
<div class="input-group mb-3">
<input type="password" class="form-control" id="new-admin-password" required>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary new-admin-btn" style="margin-top: 30px;">Save</button>
</div>

</div>
</div>



<script src="../asset/script/app.js"></script>
</body>

</html>
Loading

0 comments on commit b74d924

Please sign in to comment.