Sign upLogin

timi-codes/Banka

View on GitHub
Star
frontend/cashier/dashboard.html

Summary

Maintainability
Test Coverage
<!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" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.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 dropdown">
            <img class="avatar" src="../img/emeka copy@3x.png" />
            <h4 id="current-user">Tejumola Peter</h4>
            <span>(cashier)</span>
            <img class="arrow-down" src="../img/arrow-drop-down.svg" />
            <div class="dropdown-content">
              <a href="#" id="profile-button">Profile</a>
              <a href="../index.html">Logout</a>
            </div>
          </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">
          <div id="loadingText"><div id="loader"></div>Loading</div>
          <div id="accountText">No bank account has been created</div>
        <div class="tableDiv">
        <table id="account-table">
          <tr>
            <th class="table-title" colspan="6">Bank Accounts</th>
            <th class="account-filter" colspan="2">
              <input
                type="text"
                id="searchInput"
                name="search"
                placeholder="search by account number"
                onkeyup="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>
        </table>
        </div>
      </div>
 
      <div id="profileModal" class="modal">
          <div class="onboarding-modal">
            <img class="avatar" src="../img/emeka copy@3x.png" />
  
            <label for="name">Name</label>
          <input type="text" id="name" name="name" placeholder="Name" disabled/>
  
            <label for="email">Email Address</label>
            <input
              type="text"
              id="email"
              name="email"
              value="tejumolatimi@gmail.com"
              placeholder="Email Address"
              disabled
            />
            <label for="password">Password</label>
            <input
              type="password"
              id="password"
              name="password"
              placeholder="Password"
            />
            <label for="password">Password</label>
            <input
              type="password"
              id="password"
              name="password"
              placeholder="Confirm Password"
            />
  
            <button class="update">Update</button>
          </div>
        </div>
        <div class="alert" id="alert">
            <span class="closebtn" onclick="this.parentElement.style.display='none';">&times;</span> 
            successful
        </div>
    </div>
  </body>
 
  <script src="../js/dashboard.js"></script>
</html>