BasicOIDC/templates/settings/users_list.html

67 lines
1.9 KiB
HTML

{% extends "base_settings_page.html" %}
{% block content %}
<a href="/admin/create_user" class="btn btn-primary">Create a new user</a>
<p>&nbsp;</p>
<table class="table table-hover" style="max-width: 1000px;" aria-describedby="Clients list">
<thead>
<tr>
<th scope="col">Username</th>
<th scope="col">First name</th>
<th scope="col">Last name</th>
<th scope="col">Email</th>
<th scope="col">Account type</th>
<th scope="col">Enabled</th>
<th scope="col">Actions</th>
</tr>
</thead>
<tbody>
{% for u in users %}
<tr id="row-user-{{ u.uid }}">
<td>{{ u.username }}</td>
<td>{{ u.first_name }}</td>
<td>{{ u.last_name }}</td>
<td>{{ u.email }}</td>
<td>{% if u.admin %}Admin{% else %}Regular user{% endif %}</td>
<td>{% if u.enabled %}Enabled{% else %}Disabled{% endif %}</td>
<td>
<a href="/admin/edit_user?id={{ u.uid }}">Edit</a>
<a href="javascript:delete_user('{{ u.uid }}', '{{ u.username }}')">Delete</a>
</td>
</tr>
{% endfor %}
</tbody>
</table>
<script>
async function delete_user(id, username) {
if(!confirm("Do you really want to delete " + username + "'s account?"))
return;
try {
let data = new URLSearchParams();
data.append("user_id", id);
const res = await fetch("/admin/api/delete_user", {
body: data,
method: "POST",
});
if (res.status != 200)
return alert("Failed to delete user account!");
alert("User account was successfully deleted!");
document.getElementById("row-user-" + id).remove()
} catch(e) {
console.error(e);
alert("Failed to delete user account!");
}
}
</script>
{% endblock content %}