76 lines
2.2 KiB
HTML
76 lines
2.2 KiB
HTML
<parcel-modal class="hidden" with-htmx>
|
|
<form method="POST" action="/admin/users/new" class="form">
|
|
<input type="hidden" name="token" value="{{ token }}" />
|
|
<label for="username">Username</label>
|
|
<input
|
|
type="text"
|
|
class="field"
|
|
name="username"
|
|
id="username"
|
|
placeholder="Username"
|
|
required
|
|
/>
|
|
<label for="name">Display name</label>
|
|
<input
|
|
type="text"
|
|
class="field"
|
|
name="name"
|
|
id="name"
|
|
placeholder="Display Name"
|
|
required
|
|
/>
|
|
<label for="password">Password</label>
|
|
<input
|
|
type="password"
|
|
class="field"
|
|
name="password"
|
|
id="password"
|
|
placeholder="Password"
|
|
required
|
|
/>
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-2 mt-4">
|
|
<div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="admin" id="admin" />
|
|
<label for="admin">User is an administrator</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="enabled" id="enabled" checked />
|
|
<label for="enabled">User account is enabled</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<input type="checkbox" name="limit_check" id="limit_check" checked />
|
|
<label for="limit_check">User has an upload limit</label>
|
|
</div>
|
|
</div>
|
|
<div class="flex flex-col gap-2 justify-end">
|
|
<label>Upload limit in megabytes</label>
|
|
<input
|
|
type="number"
|
|
class="field"
|
|
name="limit"
|
|
id="limit"
|
|
value="1024"
|
|
min="0"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div class="buttons reverse end mt-4">
|
|
<button type="submit" class="button">
|
|
<span class="icon-plus"></span>
|
|
Add user
|
|
</button>
|
|
<button
|
|
class="button hollow"
|
|
onclick="event.preventDefault(); event.target.closest('parcel-modal').closeModal();">
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
<script type="text/javascript">
|
|
document.querySelector("input[name='limit_check']").addEventListener("change", (event) => {
|
|
event.target.form.querySelector("input[name='limit']").disabled = !event.target.checked;
|
|
})
|
|
</script>
|
|
</form>
|
|
</parcel-modal>
|