AstroCom-API/public/directory/index.html

42 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/assets/css/bootstrap.min.css">
<title>AstroCom Directory</title>
</head>
<body class="bg-dark text-white">
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container-fluid">
<a class="navbar-brand" href="/">AstroCom</a>
</div>
<div class="ms-auto d-flex text-nowrap">
<a href="/user" class="btn btn-outline-light me-2">User Login</a>
<a href="/admin" class="btn btn-outline-light">Admin Login</a>
</div>
</nav>
<div class="d-flex align-items-center justify-content-center gap-3 mb-3">
<h2 class="m-0">AstroCom Directory</h2>
<p class="m-0">Total Entries: <span id="dirCount">0</span></p>
</div>
<div class="container mt-4" style="max-width: 400px;">
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Number</th>
<th>Name</th>
</tr>
</thead>
<tbody id="directoryList"></tbody>
</table>
</div>
<script src="/assets/js/directory.js"></script>
<script src="/assets/js/bootstrap.min.js"></script>
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/jquery.min.js"></script>
</body>
</html>