Refactor user group management by moving auth groups to profile.html and creating a dedicated auth_groups_fragment.html for better organization and clarity

This commit is contained in:
Ross
2025-11-03 12:31:49 +00:00
parent eec04e3197
commit 3461e45f93
4 changed files with 103 additions and 57 deletions
+45 -9
View File
@@ -13,18 +13,54 @@
<h4 class="card-title mb-1">{{ user.get_full_name|default:user.username }}</h4>
<p class="text-muted mb-1">@{{ user.username }}</p>
<p class="mb-0"><a href="mailto:{{ user.email }}">{{ user.email }}</a></p>
{% if user.groups.all %}
<div class="mt-2">
<small class="text-muted">Permission groups:</small>
<div class="mt-1">
<div class="mt-2">
<small class="text-muted">Permission groups:</small>
<div id="auth-groups-{{ user.pk }}" class="mt-1 d-flex flex-wrap gap-2 align-items-center">
{% if user.groups.all %}
{% for perm_group in user.groups.all %}
<span class="badge bg-info text-dark me-1">{{ perm_group.name }}</span>
{% empty %}
<span class="text-muted small">None</span>
{% if request.user.is_superuser or is_cid_user_manager %}
<button
class="btn btn-sm btn-info text-dark"
hx-post="{% url 'generic:user_toggle_group' user.pk perm_group.pk %}?type=auth"
hx-target="#auth-groups-{{ user.pk }}"
hx-swap="outerHTML"
>
{{ perm_group.name }}
<span class="ms-1 text-muted small">&times;</span>
</button>
{% else %}
<span class="badge bg-info text-dark me-1">{{ perm_group.name }}</span>
{% endif %}
{% endfor %}
</div>
{% else %}
<span class="badge bg-light text-muted">No permission groups</span>
{% endif %}
{% if request.user.is_superuser or is_cid_user_manager %}
{% if available_auth_groups.count %}
<div class="dropdown">
<button class="btn btn-sm btn-outline-primary dropdown-toggle" type="button" id="addAuthGroupDropdown" data-bs-toggle="dropdown" aria-expanded="false">
Add
</button>
<ul class="dropdown-menu" aria-labelledby="addAuthGroupDropdown">
{% for ag in available_auth_groups %}
<li>
<button
class="dropdown-item"
hx-post="{% url 'generic:user_toggle_group' user.pk ag.pk %}?type=auth"
hx-target="#auth-groups-{{ user.pk }}"
hx-swap="outerHTML"
>
{{ ag.name }}
</button>
</li>
{% endfor %}
</ul>
</div>
{% endif %}
{% endif %}
</div>
{% endif %}
</div>
</div>
<ul class="list-group list-group-flush">
<li class="list-group-item">Grade: <strong>{{ user.userprofile.grade|default:"N/A" }}</strong></li>