AstroCom-API/views/user/index.ejs

77 lines
2.4 KiB
Plaintext

<!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 User Panel</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 class="navbar-nav ms-auto">
<span class="navbar-text me-3">
Welcome!
</span>
<a href="/user/logout" class="btn btn-danger">Logout</a>
</div>
</div>
</nav>
<div class="d-flex align-items-center gap-3 mb-3">
<h2 class="m-0 text-center w-100">User Dashboard</h2>
</div>
<div class="container mt-4">
<div class="card bg-secondary mb-4 text-white">
<div class="card-body">
<div class="position-absolute top-0 end-0 m-3">
<a href="/user/edit" class="btn btn-primary disabled" id="editInfoBtn">Edit Information (Coming Soon)</a>
</div>
<h5 class="card-title">Your Route Information</h5>
<p class="card-text">
<strong>Route ID:</strong> <span id="routeId"></span><br>
<strong>Host:</strong> <span id="routeHost"></span><br>
<strong>IAX2 Username/context:</strong> <span id="routeAuth"></span><br>
<strong>IAX2 Password:</strong> <span id="routeSecret"></span><br>
<strong>Block:</strong> <span id="routeBlock"></span><br>
<strong>API Key:</strong> <span id="routeApiKey"></span>
</p>
</div>
</div>
</div>
<div class="container mt-4">
<h5 class="mb-3">Directory Entries</h5>
<table class="table table-dark table-striped">
<thead>
<tr>
<th>Number</th>
<th>Name</th>
<th>Actions</th>
</tr>
</thead>
<tbody id="directoryList">
<tr>
<form id="dirForm">
<td>
<input type="text" class="form-control" id="dirNumber" placeholder="Phone Number" required>
</td>
<td>
<input type="text" class="form-control" id="dirName" placeholder="Name" required>
</td>
<td>
<button type="submit" class="btn btn-primary" id="dirSubmit">Submit</button>
</td>
</form>
</tr>
</tbody>
</table>
</div>
<script src="/assets/js/userMain.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>