website/web/templates/account/block_list_add.html

66 lines
2.2 KiB
HTML

{{define "title"}}Add to Block List{{end}}
{{define "content"}}
<div class="container">
<section class="hero is-info is-bold">
<div class="hero-body">
<div class="container">
<h1 class="title">
Add to Block List
</h1>
</div>
</div>
</section>
<div class="block p-4">
<div class="columns is-centered">
<div class="column is-half">
<div class="card" style="width: 100%; max-width: 640px">
<header class="card-header has-background-link">
<p class="card-header-title has-text-light">
<span class="icon mr-2"><i class="fa fa-eye"></i></span>
<span>Add to Block List</span>
</p>
</header>
<div class="card-content">
<form action="/users/block" method="POST">
{{InputCSRF}}
<div class="field block">
<label for="username" class="label">Block Username:</label>
<input type="text" class="input"
name="username" id="username"
placeholder="username"
autocomplete="off">
</div>
<div class="field has-text-centered">
<button type="submit" class="button is-success">
Continue
</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript">
window.addEventListener("DOMContentLoaded", (event) => {
let $file = document.querySelector("#file"),
$fileName = document.querySelector("#fileName");
$file.addEventListener("change", function() {
let file = this.files[0];
$fileName.innerHTML = file.name;
});
});
</script>
{{end}}