Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@moninayy
moninayy authored Apr 25, 2024
1 parent 7ee8c93 commit 96ac390
Show file tree
Hide file tree
Showing 15 changed files with 1,582 additions and 0 deletions.
234 changes: 234 additions & 0 deletions Dashboard.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,234 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title> Dashboard</title>
<!-- ======= Styles ====== -->
<link rel="stylesheet" href="style.css">
</head>

<body>
<!-- =============== Navigation ================ -->
<div class="container">
<div class="navigation">
<ul>
<li>
<a href="#">
<span class="icon">
<ion-icon name="scan-circle-outline"></ion-icon>
</span>
<span class="title">SAS: Attendance System</span>
</a>
</li>

<li>
<a href="Dashboard.html">
<span class="icon">
<ion-icon name="home-outline"></ion-icon>
</span>
<span class="title">Dashboard</span>
</a>
</li>

<li>
<a href="Personnel.html">
<span class="icon">
<ion-icon name="people-outline"></ion-icon>
</span>
<span class="title">Personnel</span>
</a>
</li>

<li>
<a href="Scanner.html">
<span class="icon">
<ion-icon name="qr-code-outline"></ion-icon>
</span>
<span class="title">QR CODE</span>
</a>
</li>

<li>
<a href="Index.html">
<span class="icon">
<ion-icon name="log-out-outline"></ion-icon>
</span>
<span class="title">Sign Out</span>
</a>
</li>
</ul>
</div>

<!-- ========================= Main ==================== -->
<div class="main">
<div class="topbar">
<div class="toggle">
<ion-icon name="menu-outline"></ion-icon>
</div>

<div class="search">
<label>
<input type="text" placeholder="Search here">
<ion-icon name="search-outline"></ion-icon>
</label>
</div>
<div class="datetime">
<p id="datetime"></p>
</div>
<div class="user">
<img src="Domdom__Pic.png" alt="">
</div>
</div>

<!-- ======================= Cards ================== -->
<div class="cardBox">
<div class="card">
<div>
<div class="numbers">39</div>
<div class="cardName">Today's attendees</div>
</div>

<div class="iconBx">
<ion-icon name="checkmark-circle-outline"></ion-icon>
</div>
</div>

<div class="card">
<div>
<div class="numbers">37</div>
<div class="cardName">Active</div>
</div>

<div class="iconBx">
<ion-icon name="walk-outline"></ion-icon>
</div>
</div>

<div class="card">
<div>
<div class="numbers">2</div>
<div class="cardName">Absent</div>
</div>

<div class="iconBx">
<ion-icon name="warning-outline"></ion-icon>
</div>
</div>

<div class="card">
<div>
<div class="numbers">P 95.30</div>
<div class="cardName">Rate per Hour</div>
</div>

<div class="iconBx">
<ion-icon name="cash-outline"></ion-icon>
</div>
</div>
</div>

<!-- ================ attendance List ================= -->
<div class="details">
<div class="detail-list">
<div class="cardHeader">
<h2>List of attendees</h2>
<a href="#" class="btn">View All</a>
</div>
<div class="btn-tools">
<a href="#" class="btn-pdf">Download pdf</a>
<a href="#" class="btn-excel">Download Excel</a>
</div>
<table>
<thead>
<tr>
<td>No.</td>
<td>Name</td>
<td>ID Number</td>
<td>Time in</td>
<td>Time out</td>
<td>Status</td>
</tr>
</thead>

<tbody>
<tr>
<td>8</td>
<td>Leanard Divino C, Domdom</td>
<td>2022-10395</td>
<td>7:00AM</td>
<td>5:00PM</td>
<td><span class="status active">Active</span></td>
</tr>
<tr>
<td>7</td>
<td>Leanard Divino C, Domdom</td>
<td>2022-10395</td>
<td>7:00AM</td>
<td>5:00PM</td>
<td><span class="status absent">Absent</span></td>
</tr>
<tr>
<td>6</td>
<td>Leanard Divino C, Domdom</td>
<td>2022-10395</td>
<td>7:00AM</td>
<td>5:00PM</td>
<td><span class="status active">Active</span></td>
</tr>
<tr>
<td>5</td>
<td>Leanard Divino C, Domdom</td>
<td>2022-10395</td>
<td>7:00AM</td>
<td>5:00PM</td>
<td><span class="status active">Active</span></td>
</tr>
<tr>
<td>4</td>
<td>Leanard Divino C, Domdom</td>
<td>2022-10395</td>
<td>7:00AM</td>
<td>5:00PM</td>
<td><span class="status active">Active</span></td>
</tr>
<tr>
<td>3</td>
<td>Leanard Divino C, Domdom</td>
<td>2022-10395</td>
<td>7:00AM</td>
<td>5:00PM</td>
<td><span class="status active">Active</span></td>
</tr>
<tr>
<td>2</td>
<td>Leanard Divino C, Domdom</td>
<td>2022-10395</td>
<td>7:00AM</td>
<td>5:00PM</td>
<td><span class="status active">Active</span></td>
</tr>
<tr>
<td>1</td>
<td>Leanard Divino C, Domdom</td>
<td>2022-10395</td>
<td>7:00AM</td>
<td>5:00PM</td>
<td><span class="status active">Active</span></td>
</tr>
</tbody>
</table>
</div>


<!-- =========== Scripts ========= -->
<script src="main.js"></script>

<!-- ====== ionicons ======= -->
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
</body>

</html>
Binary file added Domdom__Pic.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
51 changes: 51 additions & 0 deletions Index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Login Page</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="login-form">
<h1>Smart Attendance System</h1>
<div class="container">
<div class="main">
<div class="content">
<h2>Login as an Admin User</h2>
<input type="text" id="adminId" placeholder="Admin ID" required autofocus>
<input type="password" id="password" placeholder="Password" required>
<button class="btn" onclick="login()">Login</button>
<div id="errorMessage" style="display: none;" >
<p id="message">Incorrect admin ID or password. Please try again.</p>
</div>
<p class="Forgotpass">Forgot Password?<a href="#">Forgot</a></p>
<p class="account">Don't have an account?<a href="#">Register</a></p>
</div>
<div id="errorMessage" style="display: none;">
<p>Incorrect admin ID or password. Please try again.</p>
</div>
<div class="form-img">
<img src="security-image.png" alt="">
</div>
</div>
</div>
</div>

<script>
function login() {
var adminId = document.getElementById('adminId').value;
var password = document.getElementById('password').value;

if (adminId === '2022-11105' && password === 'adminmo') {
window.location.href = 'Dashboard.html';
} else {
// Display a popup message
var errorMessage = document.getElementById('errorMessage');
errorMessage.style.display = 'block';
}
}
</script>

</body>
</html>
Binary file added LOGO.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 96ac390

Please sign in to comment.