UBS/public/lookup/index.html

60 lines
2 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>UBS Ban Lookup</title>
</head>
<body class="bg-dark text-light">
<div class="container">
<div class="row justify-content-center mt-5">
<div class="col-md-6 col-lg-4">
<div class="card bg-dark text-light shadow">
<div class="card-body p-4">
<h2 class="text-center mb-4">Ban Lookup</h2>
<div class="alert" id="message" style="display: none;"></div>
<form id="lookupForm">
<div class="mb-3">
<label for="lookupType" class="form-label">Lookup Type</label>
<select class="form-select" id="lookupType" name="lookupType">
<option value="id">Ban ID</option>
<option value="discord">Discord ID</option>
<option value="roblox">Roblox ID</option>
</select>
</div>
<div class="mb-3">
<label for="lookupId" class="form-label">ID</label>
<input type="text" class="form-control" id="lookupId" name="lookupId" required>
</div>
<button type="submit" class="btn btn-primary w-100">Lookup</button>
</form>
</div>
</div>
</div>
<h3 class="text-center mb-4">Results</h3>
<table class="table table-dark table-striped" id="resultsTable" style="display: none;">
<thead>
<tr>
<th scope="col">Ban ID</th>
<th scope="col">Roblox ID</th>
<th scope="col">Discord ID</th>
<th scope="col">Roblox Username</th>
<th scope="col">Discord Username</th>
<th scope="col">Reason Short</th>
<th scope="col">Reason Long</th>
<th scope="col">Reason Flags</th>
<th scope="col">Moderator</th>
<th scope="col">Ban Timestamp</th>
<th scope="col">Expires Timestamp</th>
</tr>
</thead>
<tbody>
<!-- Results will be populated here by the script -->
</tbody>
</table>
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/flags.js"></script>
<script src="lookup.js"></script>
</body>
</html>