MarseyWorld/files/templates/admin/banned_domains.html

{% extends "default.html" %}
{% block pagetitle %}Banned Domains{% endblock %}

{% block content %}
	<script defer src="{{'js/admin/banned_domains.js' | asset}}"></script>

	<div class="overflow-x-auto mt-2">
		<table class="table table-striped mb-5" id="domains-table">
			<thead class="bg-primary text-white">
				<tr>
					<th>Domain</th>
					<th>Ban reason</th>
					<th class="disable-sort-click"></th>
				</tr>
			</thead>

			<tbody>
				{% for domain in banned_domains %}
					<tr>
						<td>{{domain.domain}}</td>
						<td>{{domain.reason}}</td>
						<td>
							<button type="button" class="btn btn-danger" data-nonce="{{g.nonce}}" data-onclick="unbanDomain(this, '{{domain.domain}}')">Unban</button>
						</td>
					</tr>
				{% endfor %}
			</tbody>
		</table>


		<form action="/admin/ban_domain" method="post" data-nonce="{{g.nonce}}" data-onsubmit="sendFormXHRReload(this)">
			<input hidden name="formkey" value="{{v|formkey}}">
			<input autocomplete="off" name="domain" placeholder="Enter domain here.." class="form-control" required>
			<input autocomplete="off" name="reason" placeholder="Enter ban reason here.." data-nonce="{{g.nonce}}" data-undisable_element="ban-submit" class="form-control mt-2">
			<input autocomplete="off" id="ban-submit" type="submit" class="btn btn-primary mt-2" value="Ban domain" disabled>
		</form>
	</div>
{% endblock %}