Adriano
15924544b4
L'elenco aveva il modulo di creazione appiccicato sopra la tabella: ora c'è il pulsante "+ Nuovo utente" che porta a /admin/users/new, dove il modulo ha spazio per etichette vere e per spiegare cosa comporta ogni ruolo. A creazione avvenuta si torna all'elenco. Nel menu la voce "Sito" diventa "Vai a sito", più esplicita sul fatto che porta fuori dal pannello. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
59 lines
2.2 KiB
Plaintext
59 lines
2.2 KiB
Plaintext
---
|
|
// Creazione di un utente, su pagina propria come per gli articoli: l'elenco resta pulito e
|
|
// il modulo ha spazio per le sue spiegazioni.
|
|
import Admin from '../../../layouts/Admin.astro';
|
|
export const prerender = false;
|
|
---
|
|
<Admin title="Nuovo utente">
|
|
<h1>Nuovo utente</h1>
|
|
|
|
<form class="aform" id="new-user">
|
|
<label class="alabel" for="username">Nome utente</label>
|
|
<input class="afield" id="username" name="username" required autocomplete="off" />
|
|
|
|
<label class="alabel" for="password">Password</label>
|
|
<input class="afield" id="password" name="password" type="text" required minlength="8" autocomplete="off" />
|
|
<p class="ahint">Almeno 8 caratteri. Resta in chiaro qui: copiala e consegnala alla persona.</p>
|
|
|
|
<label class="alabel" for="role">Ruolo</label>
|
|
<select class="afield" id="role" name="role">
|
|
<option value="user">user — scrive i propri articoli</option>
|
|
<option value="superuser">superuser — articoli e contenuti del sito</option>
|
|
<option value="piattaforme">piattaforme — solo Campus e Stress Index</option>
|
|
<option value="admin">admin — accesso completo</option>
|
|
</select>
|
|
|
|
<div class="aactions">
|
|
<button class="abtn" type="submit">Crea utente</button>
|
|
<a class="abtn abtn--ghost" href="/admin/users">Annulla</a>
|
|
</div>
|
|
<p class="form-msg" id="new-msg" hidden></p>
|
|
</form>
|
|
</Admin>
|
|
|
|
<script>
|
|
const form = document.getElementById('new-user') as HTMLFormElement;
|
|
const msg = document.getElementById('new-msg') as HTMLElement;
|
|
|
|
form.addEventListener('submit', async (e) => {
|
|
e.preventDefault();
|
|
const dati = new FormData(form);
|
|
const res = await fetch('/api/admin/users', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({
|
|
username: String(dati.get('username') ?? ''),
|
|
password: String(dati.get('password') ?? ''),
|
|
role: String(dati.get('role') ?? 'user'),
|
|
}),
|
|
});
|
|
if (res.ok) {
|
|
location.href = '/admin/users';
|
|
return;
|
|
}
|
|
msg.hidden = false;
|
|
msg.className = 'form-msg form-msg--err';
|
|
msg.textContent = (await res.json()).error ?? 'Creazione non riuscita.';
|
|
});
|
|
</script>
|