Enable member editing functionality: implement MemberEditView, update routes, modify templates for dynamic filtering and superuser badges, and standardize contact info handling.
This commit is contained in:
@@ -6,7 +6,7 @@ app_name = "members"
|
||||
urlpatterns = [
|
||||
path("", MemberListView.as_view(), name="list"),
|
||||
path("add/", MemberAddView.as_view(), name="add"),
|
||||
# path("<int:pk>/edit/", MemberEditView.as_view(), name="edit"),
|
||||
path("<int:pk>/edit/", MemberEditView.as_view(), name="edit"),
|
||||
path("<int:pk>/delete/", MemberDeleteView.as_view(), name="delete"),
|
||||
# path("load/", MemberLoadView.as_view(), name="load"),
|
||||
]
|
||||
|
||||
@@ -5,15 +5,17 @@ from django.contrib.messages.views import SuccessMessageMixin
|
||||
from django.http import HttpResponse, HttpResponseRedirect
|
||||
from django.urls import reverse_lazy
|
||||
from django.utils.translation import gettext_lazy as _
|
||||
from django.views.generic import DeleteView, UpdateView, CreateView
|
||||
from django.views.generic import CreateView, DeleteView, UpdateView
|
||||
from django_filters.views import FilterView
|
||||
from rules.contrib.views import PermissionRequiredMixin
|
||||
|
||||
from members.filters import MemberFilter
|
||||
from members.models import Member
|
||||
from members.forms import MemberForm
|
||||
from members.models import Member
|
||||
|
||||
from ..mixins import HTMXViewMixin
|
||||
|
||||
|
||||
class MemberListView(HTMXViewMixin, PermissionRequiredMixin, FilterView):
|
||||
filterset_class = MemberFilter
|
||||
paginate_by = 50
|
||||
@@ -73,6 +75,14 @@ class MemberEditView(HTMXViewMixin, PermissionRequiredMixin, SuccessMessageMixin
|
||||
def get_success_message(self, cleaned_data):
|
||||
return self.success_message % dict(cleaned_data, name=self.object.user.get_full_name())
|
||||
|
||||
def get_initial(self):
|
||||
initial = super().get_initial()
|
||||
user = self.get_object().user
|
||||
|
||||
initial.update({"first_name": user.first_name, "last_name": user.last_name, "email": user.email, "admin": user.is_superuser})
|
||||
|
||||
return initial
|
||||
|
||||
|
||||
class MemberDeleteView(HTMXViewMixin, PermissionRequiredMixin, SuccessMessageMixin, DeleteView):
|
||||
model = Member
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
<h1 class="page-title">{% translate "Members" %}</h1>
|
||||
|
||||
<div class="lg:hidden collapse collapse-plus bg-base-100 border-neutral border">
|
||||
<input type="checkbox" />
|
||||
<input type="checkbox"/>
|
||||
<div class="collapse-title text-sm font-semibold"><i class="fa-solid fa-filter mr-2"></i>{% translate "Filter" %}{% if filter.is_bound %}<span class="ml-2 badge badge-sm badge-neutral">active</span>{% endif %}</div>
|
||||
<div class="collapse-content">
|
||||
<form class="flex flex-col gap-2" hx-get="{% url "backend:members:list" %}" hx-target="#content">
|
||||
@@ -89,7 +89,7 @@
|
||||
{% for member in object_list %}
|
||||
<tr class="hover:bg-base-300">
|
||||
<td>
|
||||
<a href="">
|
||||
<a href="{% url "backend:members:edit" member.pk %}" hx-get="{% url "backend:members:edit" member.pk %}" hx-target="#content">
|
||||
<div class="flex flex-row items-center gap-3">
|
||||
<div>
|
||||
{% avatar first_name=member.user.first_name last_name=member.user.last_name %}
|
||||
@@ -105,7 +105,7 @@
|
||||
{% endif %}
|
||||
|
||||
{% if not member.user.is_active %}
|
||||
<div class="badge badge-neutral badge-sm">{% translate "Inactive"%}</div>
|
||||
<div class="badge badge-neutral badge-sm">{% translate "Inactive" %}</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
</a>
|
||||
@@ -129,7 +129,7 @@
|
||||
</td>
|
||||
<td>
|
||||
<div class="flex flex-row gap-2">
|
||||
<a class="btn btn-outline btn-sm" href="">
|
||||
<a class="btn btn-outline btn-sm" href="{% url "backend:members:edit" member.pk %}" hx-get="{% url "backend:members:edit" member.pk %}" hx-target="#content">
|
||||
<i class="fa-solid fa-eye"></i>{% translate "Details" %}
|
||||
</a>
|
||||
|
||||
@@ -151,13 +151,23 @@
|
||||
{% else %}
|
||||
<div class="flex flex-col gap-1">
|
||||
{% for member in object_list %}
|
||||
<a class="border border-base-300 rounded-lg p-2 flex flex-row gap-2 items-center" href="">
|
||||
<a class="border border-base-300 rounded-lg p-2 flex flex-row gap-2 items-center" href="{% url "backend:members:edit" member.pk %}" hx-get="{% url "backend:members:edit" member.pk %}" hx-target="#content">
|
||||
<div>
|
||||
{% avatar first_name=member.user.first_name last_name=member.user.last_name width="sm" %}
|
||||
</div>
|
||||
|
||||
<div class="grow">
|
||||
<div class="font-semibold text-sm">{{ member.user.get_full_name }} {% if member.license %}#{{ member.license }}{% endif %}</div>
|
||||
<div class="font-semibold text-sm">
|
||||
{{ member.user.get_full_name }}
|
||||
{% if member.license %}
|
||||
#{{ member.license }}
|
||||
{% endif %}
|
||||
{% if member.user.is_superuser %}
|
||||
<div class="badge badge-xs badge-accent">
|
||||
<i class="fa-solid fa-user-shield"></i>
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
<div class="opacity-50 text-xs">{{ member.birthday|date:"d M Y"|default:"" }}</div>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -18,14 +18,6 @@
|
||||
<div class="flex flex-row gap-2 grow justify-center items-center">
|
||||
{% if member %}
|
||||
<div class="font-bold text-xl">{{ member.user.get_full_name }}</div>
|
||||
|
||||
{% if member.user.is_superuser %}
|
||||
<div class="tooltip" data-tip="{% translate "This user is a site admin" %}">
|
||||
<div class="badge badge-sm badge-accent">
|
||||
<i class="fa-solid fa-user-shield"></i>
|
||||
</div>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% else %}
|
||||
<div class="font-bold text-xl">{% translate "Create new member" %}</div>
|
||||
{% endif %}
|
||||
@@ -43,12 +35,11 @@
|
||||
</div>
|
||||
|
||||
{% if member %}
|
||||
<div class="mt-4 lg:hidden flex flex-row gap-2">
|
||||
<div class="mt-4 lg:hidden flex flex-row gap-2">
|
||||
{% if member.phone_number %}
|
||||
<a href="{{ member.phone_number.as_rfc3966 }}" class="btn btn-info btn-outline btn-sm grow">
|
||||
<i class="fa-solid fa-phone"></i>
|
||||
{{ member.phone }}
|
||||
{{ member.phone_number }}
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
@@ -66,7 +57,7 @@
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<div class="flex flex-row items-center mt-8 gap-x-3 hidden lg:flex">
|
||||
<div class="hidden flex-row items-center mt-8 gap-x-3 hidden lg:flex">
|
||||
{% avatar first_name=member.user.first_name last_name=member.user.last_name %}
|
||||
|
||||
<h2 class="page-subtitle border-b-0! mt-0!">{{ member.user.get_full_name }}</h2>
|
||||
@@ -76,12 +67,12 @@
|
||||
{% endif %}
|
||||
|
||||
<div class="justify-end hidden gap-2 lg:flex lg:flex-row grow">
|
||||
{% if member.phone %}
|
||||
<a href="{{ member.phone.as_rfc3966 }}" class="btn btn-outline btn-info"><i class="fa-solid fa-phone"></i>{{ member.phone }}</a>
|
||||
{% if member.phone_number %}
|
||||
<a href="{{ member.phone_number.as_rfc3966 }}" class="btn btn-outline btn-info"><i class="fa-solid fa-phone"></i>{{ member.phone_number }}</a>
|
||||
{% endif %}
|
||||
|
||||
{% if member.emergency_phone %}
|
||||
<a href="{{ member.emergency_phone.as_rfc3966 }}" class="btn btn-outline btn-error"><i class="fa-solid fa-file-medical"></i>{{ member.emergency_phone }}</a>
|
||||
{% if member.emergency_phone_number %}
|
||||
<a href="{{ member.emergency_phone_number.as_rfc3966 }}" class="btn btn-outline btn-error"><i class="fa-solid fa-file-medical"></i>{{ member.emergency_phone_number }}</a>
|
||||
{% endif %}
|
||||
|
||||
{% if config.TF_ENABLE_TEAMS %}
|
||||
@@ -90,7 +81,7 @@
|
||||
</a>
|
||||
{% endif %}
|
||||
|
||||
<a href="{% url "backend:members:members_delete" member.id %}" class="btn btn-error btn-outline">
|
||||
<a href="{% url "backend:members:delete" member.pk %}" class="btn btn-error btn-outline">
|
||||
<i class="fa-solid fa-trash"></i>{% translate "Delete" %}
|
||||
</a>
|
||||
</div>
|
||||
@@ -114,33 +105,34 @@
|
||||
{% csrf_token %}
|
||||
|
||||
<h2 class="page-subtitle">{% translate "Personal information" %}</h2>
|
||||
<div class="grid grid-cols-1 gap-4 mt-2 lg:grid-cols-2">
|
||||
<div class="grid grid-cols-1 gap-4 mt-2 lg:grid-cols-2 xl:grid-cols-3">
|
||||
{% form_field form.first_name %}
|
||||
{% form_field form.last_name %}
|
||||
{% form_field form.birthday %}
|
||||
</div>
|
||||
|
||||
<h2 class="page-subtitle">{% translate "Contact information" %}</h2>
|
||||
<div class="grid grid-cols-1 gap-4 mt-2 lg:grid-cols-2">
|
||||
<div class="grid grid-cols-1 gap-4 mt-2 lg:grid-cols-2 xl:grid-cols-3">
|
||||
{% form_field form.email %}
|
||||
{% form_field form.phone_number %}
|
||||
{% form_field form.emergency_phone_number %}
|
||||
</div>
|
||||
|
||||
<h2 class="page-subtitle">{% translate "Family information" %}</h2>
|
||||
<div class="grid grid-cols-1 gap-4 mt-2 lg:grid-cols-2">
|
||||
<div class="grid grid-cols-1 gap-4 mt-2 lg:grid-cols-2 xl:grid-cols-3">
|
||||
{% form_field form.family_members %}
|
||||
</div>
|
||||
|
||||
<h2 class="page-subtitle">{% translate "Club information" %}</h2>
|
||||
<div class="grid grid-cols-1 gap-4 mt-2 lg:grid-cols-2">
|
||||
<div class="grid grid-cols-1 gap-4 mt-2 lg:grid-cols-2 xl:grid-cols-3">
|
||||
{% form_field form.license %}
|
||||
{% form_field form.admin show_as_toggle=True %}
|
||||
</div>
|
||||
|
||||
<h2 class="page-subtitle">{% translate "Password" %}</h2>
|
||||
<div class="mt-2 text-sm text-justify">{% blocktranslate %}Setting the password here will overwrite the current password for this member, after changing the member will be prompted to set a new password at the next login.<br /><br />If both fields are empty the current password will not be changed.{% endblocktranslate %}</div>
|
||||
<div class="grid grid-cols-1 gap-4 mt-2 lg:grid-cols-2">
|
||||
<div class="mt-2 text-sm text-justify">{% blocktranslate %}Setting the password here will overwrite the current password for this member, after changing the member will be prompted to set a new password at the next login.<br/><br/>If both
|
||||
fields are empty the current password will not be changed.{% endblocktranslate %}</div>
|
||||
<div class="grid grid-cols-1 gap-4 mt-2 lg:grid-cols-2 xl:grid-cols-3">
|
||||
{% form_field form.password %}
|
||||
{% form_field form.password_confirmation %}
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user