UBS/views/admin/create.ejs

67 lines
2.9 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>UBS Admin - New ban</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 User</h2>
<div class="alert" id="message" style="display: none;"></div>
<form id="banForm">
<div class="mb-3">
<label for="robloxId" class="form-label">Roblox ID (Optional)</label>
<input type="text" class="form-control" id="robloxId" name="robloxId" pattern="\d*" title="ID Only, must be a number">
</div>
<div class="mb-3">
<label for="discordId" class="form-label">Discord ID (Optional)</label>
<input type="text" class="form-control" id="discordId" name="discordId" pattern="\d*" title="ID Only, must be a number">
</div>
<div class="mb-3">
<label for="robloxUsername" class="form-label">Roblox Username (Optional)</label>
<input type="text" class="form-control" id="robloxUsername" name="robloxUsername">
</div>
<div class="mb-3">
<label for="discordUsername" class="form-label">Discord Username (Optional)</label>
<input type="text" class="form-control" id="discordUsername" name="discordUsername">
</div>
<div class="mb-3">
<label for="reasonShort" class="form-label">Short Reason</label>
<input type="text" class="form-control" id="reasonShort" name="reasonShort" required>
</div>
<div class="mb-3">
<label for="reasonLong" class="form-label">Long Reason</label>
<textarea class="form-control" id="reasonLong" name="reasonLong" rows="3" required></textarea>
</div>
<div class="mb-3">
<label class="form-label">Flags</label>
<div>
<input type="hidden" id="reasonsFlag" name="reasonsFlag" value="0">
<% Object.keys(reasonFlags).forEach(function(key) { %>
<div class="form-check">
<input class="form-check-input flag-checkbox" type="checkbox" id="<%= key %>" value="<%= reasonFlags[key] %>">
<label class="form-check-label" for="<%= key %>"><%= key %></label>
</div>
<% }); %>
</div>
</div>
<div class="mb-3">
<label for="expiresTimestamp" class="form-label">Expires (Optional)</label>
<input type="datetime-local" class="form-control" id="expiresTimestamp" name="expiresTimestamp">
</div>
<button type="submit" class="btn btn-primary w-100">Submit</button>
</form>
</div>
</div>
</div>
<script src="/assets/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/admin/create.js"></script>
</body>
</html>