17th-Ranger-Battalion-ORG/17th_Site_Front_End
6
0
Fork 0
Code Issues 3 Pull Requests Packages Projects Releases Wiki Activity

Initial Commit with files

Browse Source
This commit is contained in:
Ajdj100
2023-03-28 15:46:20 -04:00
commit 7f4b0bb78f
15 changed files with 1416 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
Users Page/page.html Normal file
View File

@@ -0,0 +1,92 @@
<!DOCTYPE html>
<html>
<head>
<title>User Database</title>
<link rel="stylesheet" href="styles.css">
<script src="scripts.js"></script>
</head>
<body>
<nav class="navbar">
<ul class="nav-links">
<li><a href="#">Home</a></li>
<li><a href="#">Users</a></li>
<li><a href="#">Stuff</a></li>
<li><a href="#">Things</a></li>
</ul>
</nav>
<div class="subNavContainer">
<h1 style="color: #333333; margin: 0.5rem;">User Database</h1>
<form class="search-form" id="search-form">
<label for="search">Search:</label>
<input type="text" id="search" name="search" placeholder="Enter search term...">
<input type="button" value="Search" onclick="searchUsers()">
</form>
<script>
const searchForm = document.getElementById('search-form');
searchForm.addEventListener('submit', function (event) {
event.preventDefault(); // prevent the form from submitting
searchUsers();
});
</script>
<!-- <nav class="subnav">
<ul class="subnav-links">
<li><a href="#" class="active">All</a></li>
<li><a href="#">Alpha</a></li>
<li><a href="#">Echo</a></li>
<li><a href="#">NCO</a></li>
<li><a href="#">RRC</a></li>
<li><a href="#">HHC</a></li>
</ul>
</nav> -->
<button onclick="showFilters()">Filter</button>
<div id="filter-box" style="display:none;">
<nav class="subnav">
<ul class="subnav-links">
<li><a href="#" class="active">All</a></li>
<li><a href="#">Alpha</a></li>
<li><a href="#">Echo</a></li>
<li><a href="#">NCO</a></li>
<li><a href="#">RRC</a></li>
<li><a href="#">HHC</a></li>
<li><a href="#">Recruit</a></li>
</ul>
</nav>
</div>
<script> function showFilters() {
var filterBox = document.getElementById("filter-box");
if (filterBox.style.display === "none") {
filterBox.style.display = "block";
} else {
filterBox.style.display = "none";
}
}
</script>
</div>
<table id="userTable">
<thead>
<tr>
<th>Member</th>
<th>Unit</th>
<th>Rank</th>
<th>Join Date</th>
<th>LOA Until</th>
<th>Last Active</th>
</tr>
</thead>
<tbody id="tableBody">
</tbody>
</table>
<script>
const allUsers = getUsers();
</script>
</body>
</html>