Skip to content
This repository has been archived by the owner on Jun 13, 2024. It is now read-only.

Commit

Permalink
[#164846881 Feature] add a page for specific bank account user
Browse files Browse the repository at this point in the history
  • Loading branch information
@timi-codes
timi-codes committed Mar 26, 2019
1 parent c543da6 commit 5fe8937
Show file tree
Hide file tree
Showing 7 changed files with 785 additions and 0 deletions.
159 changes: 159 additions & 0 deletions UI/cashier/customer.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,159 @@
<!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" />
<link rel="shortcut icon" type="image/png" href="img/banka-blue-logo.png" />
<link rel="stylesheet" type="text/css" href="../css/customer.css" />
<title>Banka</title>
</head>
<body>
<div class="wrapper">
<header>
<div class="top">
<a href="../index.html"><img src="../img/banka-blue-logo.svg"/></a>
<div class="current-user web-user">
<img class="avatar" src="../img/emeka [email protected]" />
<h4>Tejumola Peter</h4>
<span>(admin)</span>
<img class="arrow-down" src="../img/arrow-drop-down.svg" />
</div>
</div>
</header>
<div class="banner">
<div class="customer">
<a href="./dashboard.html">
<img class="back-arrow" src="../img/back-arrow.svg" />
</a>
<img class="customer-avatar" src="../img/emeka [email protected]" />
<h4>Timi Tejumola</h4>
<!-- <span>ACTIVE</span> -->
</div>
<div class="balance">
<p>CURRENT BALANCE</p>
<h3>₦ 1,000,000</h3>
</div>
<button class="credit-button" id="credit-button">
Credit/Debit Account
</button>
</div>
<div class="content">
<table>
<tr>
<th class="table-title" colspan="7">Accounts</th>
</tr>
<tr>
<th class="table-header"></th>
<th class="table-header">Type</th>
<th class="table-header">Account Number</th>
<th class="table-header">Status</th>
<th class="table-header">Created On</th>
<th class="table-header">Balance</th>
<th class="action-header">Actions</th>
</tr>
<tr>
<td><img src="../img/current-account-logo.svg" /></td>
<td>Current</td>
<td>0070729295</td>
<td>Active</td>
<td>23rd, Feb 2019</td>
<td>₦ 1,000,000</td>
<td>
<div class="ct-select-group ct-js-select-group">
<select class="ct-select ct-js-select">
<option>Active</option>
<option>Dormant</option>
<option>Draft</option>
</select>
</div>
</td>
</tr>
<tr>
<td><img src="../img/savings-account-logo.svg" /></td>
<td>Savings</td>
<td>0222010772</td>
<td>Active</td>
<td>25th, Mar 2019</td>
<td>₦ 1,500,000</td>
<td>
<div class="ct-select-group ct-js-select-group">
<select class="ct-select ct-js-select">
<option>Active</option>
<option>Dormant</option>
<option>Draft</option>
</select>
</div>
</td>
</tr>
</table>

<table>
<tr>
<th class="table-title" colspan="6">Transaction History</th>
<th class="account-filter" colspan="1">
<div class="ct-select-group ct-js-select-group">
<select class="ct-select ct-js-select">
<option>All</option>
<option>Credit</option>
<option>Savings</option>
</select>
</div>
</th>
</tr>
<tr>
<th class="table-header">Type</th>
<th class="table-header">Account Number</th>
<th class="table-header">Cashier</th>
<th class="table-header">Created On</th>
<th class="table-header">Amount</th>
<th class="table-header">Old Balance</th>
<th class="table-header">New Balance</th>
</tr>
<tr>
<td>Savings</td>
<td>0070729295</td>
<td>Shola Fayiga</td>
<td>23rd, Feb 2019</td>
<td>₦ 5,000,000</td>
<td>₦ 1,000,000</td>
<td>₦ 5,000,000</td>
</tr>
<tr>
<td>Savings</td>
<td>0070729295</td>
<td>Bola Tinubu</td>
<td>23rd, Feb 2019</td>
<td>₦ 2,000,000</td>
<td>₦ 5,000,000</td>
<td>₦ 3,000,000</td>
</tr>
</table>
</div>
<div id="accountModal" class="modal">
<div class="onboarding-modal">
<h3>Credit/Debit Account</h3>
<input type="text" id="fname" name="fname" placeholder="Full Name" />
<div class="ct-select-group ct-js-select-group">
<select class="ct-select ct-js-select">
<option selected>Select</option>
<option>Current</option>
<option>Savings</option>
</select>
</div>
<input type="text" id="amount" name="amount" placeholder="Amount" />
<input
type="text"
id="account-bal"
name="account-bal"
placeholder="Account Balance"
/>

<button class="submit">Submit</button>
</div>
</div>
</div>
</body>

<script src="../js/customer.js"></script>
</html>
149 changes: 149 additions & 0 deletions UI/cashier/dashboard.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,149 @@
<!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" />
<link rel="shortcut icon" type="image/png" href="img/banka-blue-logo.png" />
<link rel="stylesheet" type="text/css" href="../css/dashboard.css" />
<title>Banka</title>
</head>
<body>
<div class="wrapper">
<header>
<div class="top">
<a href="../index.html"><img src="../img/banka-blue-logo.svg"/></a>
<div class="current-user web-user">
<img class="avatar" src="../img/emeka [email protected]" />
<h4>Tejumola Peter</h4>
<span>(staff)</span>
<img class="arrow-down" src="../img/arrow-drop-down.svg" />
</div>
</div>
</header>
<div class="banner">
<div class="balance">
<p>Created Accounts</p>
<h3>1,000</h3>
</div>
<!-- <button id="account-button">Create Admin/Staff account</button> -->
<div class="balance">
<p>Today Transactions</p>
<h3>1,000,000</h3>
</div>
</div>
<div class="content">
<table>
<tr>
<th class="table-title" colspan="6">Bank Accounts</th>
<th class="account-filter" colspan="1">
<input
type="text"
id="search"
name="search"
placeholder="Search"
/>
</th>
</tr>
<tr>
<th class="table-header">Type</th>
<th class="table-header">Account Number</th>
<th class="table-header">Owner</th>
<th class="table-header">Created On</th>
<th class="table-header">Status</th>
<th class="table-header">Balance</th>
<th class="table-header">Actions</th>
</tr>
<tr>
<td>Savings</td>
<td>0070729295</td>
<td>Shola Fayiga</td>
<td>23rd, Feb 2019</td>
<td>Active</td>
<td>₦ 1,000,000</td>
<td>
<a href="customer.html">
<button class="viewBtn">View</button>
</a>
<button class="delete">Delete</button>
</td>
</tr>
<tr>
<td>Savings</td>
<td>0070729295</td>
<td>Bola Tinubu</td>
<td>23rd, Feb 2019</td>
<td>Active</td>
<td>₦ 5,000,000</td>
<td>
<a href="customer.html">
<button class="viewBtn">View</button>
</a>
<button class="delete">Delete</button>
</td>
</tr>
<tr>
<td>Current</td>
<td>0070729295</td>
<td>Bola Tinubu</td>
<td>23rd, Feb 2019</td>
<td>Active</td>
<td>₦ 5,000,000</td>
<td>
<a href="customer.html">
<button class="viewBtn">View</button>
</a>
<button class="delete">Delete</button>
</td>
</tr>

<tr>
<td>Current</td>
<td>0070729295</td>
<td>Bola Tinubu</td>
<td>23rd, Feb 2019</td>
<td>Active</td>
<td>₦ 5,000,000</td>
<td>
<a href="customer.html">
<button class="viewBtn">View</button>
</a>
<button class="delete">Delete</button>
</td>
</tr>

<tr>
<td>Current</td>
<td>0070729295</td>
<td>Bola Tinubu</td>
<td>23rd, Feb 2019</td>
<td>Active</td>
<td>₦ 5,000,000</td>
<td>
<a href="customer.html">
<button class="viewBtn">View</button>
</a>
<button class="delete">Delete</button>
</td>
</tr>
<tr>
<td>Savings</td>
<td>0070729295</td>
<td>Bola Tinubu</td>
<td>23rd, Feb 2019</td>
<td>Active</td>
<td>₦ 5,000,000</td>
<td>
<a href="customer.html">
<button class="viewBtn">View</button>
</a>
<button class="delete">Delete</button>
</td>
</tr>
</table>
</div>
</div>
</body>

<script src="../js/dashboard.js"></script>
</html>
Loading

0 comments on commit 5fe8937

Please sign in to comment.