Add member management functionality in group views and templates

base/static/css/main.css

@@ -12,7 +12,7 @@ form a[role="button"] {
     width: 100%;
 }
 
-i.ri-vip-crown-fill {
+i.owner {
     color: var(--pico-color-amber-200);
 }
 

game/templates/game/group_detail.html

@@ -48,12 +48,55 @@
             <a href="{% url "group_edit_members" pk=group.pk %}" role="button"><i class="ri-user-add-fill"></i> Modifier les membres</a>
         </p>
     {% endif %}
-    <ul>
+    <table>
-        <li>
+        <thead>
-            {{ group.owner }} ({{ owner_count }}) <i class="ri-vip-crown-fill"></i>
+            <tr>
-        </li>
+                <th>Membre</th>
-        {% for member in members.all %}<li>{{ member }} ({{ member.count }})</li>{% endfor %}
+                <th>
-    </ul>
+                    <i class="ri-vip-crown-fill"></i>
+                </th>
+                <th>
+                    <i class="ri-mv-line"></i>
+                </th>
+                <th>
+                    <i class="ri-delete-bin-fill"></i>
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            <tr>
+                <td>{{ group.owner }}</td>
+                <td>
+                    <i class="ri-vip-crown-fill owner"></i>
+                </td>
+                <td>{{ owner_count }}</td>
+                <td></td>
+            </tr>
+            {% for member in members.all %}
+                <tr>
+                    <td>{{ member }}</td>
+                    <td></td>
+                    <td>{{ member.count }}</td>
+                    <td>
+                        <a href="{% url "group_remove_member" pk=group.pk user_pk=member.pk %}">
+                            <i class="ri-close-fill" alt="Supprimer"></i>
+                        </a>
+                    </td>
+                </tr>
+            {% endfor %}
+        </tbody>
+    </table>
+    <form method="post" action="{% url "group_add_member" pk=group.pk %}">
+        {% csrf_token %}
+        <fieldset role="group">
+            <input type="string"
+                   name="username"
+                   id="username"
+                   placeholder="Membre"
+                   required>
+            <button type="submit">Ajouter</button>
+        </fieldset>
+    </form>
     <h2>
         <i class="ri-music-2-fill"></i> Mes musiques ({{ musics.count }})
     </h2>

game/templates/game/home.html

@@ -10,7 +10,7 @@
     <ul>
         {% for group in user.owned_group_set.all %}
             <li>
-                <a href="{{ group.get_absolute_url }}">{{ group.name }}</a> <i class="ri-vip-crown-fill"></i>
+                <a href="{{ group.get_absolute_url }}">{{ group.name }}</a> <i class="ri-vip-crown-fill owner"></i>
             </li>
         {% endfor %}
         {% for group in user.group_set.all %}

game/urls.py

@@ -21,6 +21,11 @@ urlpatterns = [
         views.GroupAddMusicView.as_view(),
         name="group_add_music",
     ),
+    path(
+        "group/<int:pk>/add_member/",
+        views.GroupAddMemberView.as_view(),
+        name="group_add_member",
+    ),
     path(
         "group/remove_music/<int:pk>/",
         views.GroupRemoveMusicView.as_view(),
@@ -31,6 +36,11 @@ urlpatterns = [
         views.GroupRemoveGameView.as_view(),
         name="group_remove_game",
     ),
+    path(
+        "group/<int:pk>/remove_membrer/<int:user_pk>/",
+        views.GroupRemoveMemberView.as_view(),
+        name="group_remove_member",
+    ),
     path(
         "group/<int:pk>/start_game/", views.GameCreateView.as_view(), name="start_game"
     ),

game/views.py

@@ -5,9 +5,10 @@ import google_auth_oauthlib
 import googleapiclient.discovery
 from django.conf import settings
 from django.contrib.auth.mixins import LoginRequiredMixin
+from django.contrib.auth.models import User
 from django.db.models import Count, Q
 from django.http import JsonResponse
-from django.shortcuts import redirect
+from django.shortcuts import get_object_or_404, redirect
 from django.views import View
 from django.views.generic.detail import DetailView, SingleObjectMixin
 from django.views.generic.edit import CreateView, DeleteView, UpdateView
@@ -26,6 +27,7 @@ class MemberFilterMixin(LoginRequiredMixin):
             super()
             .get_queryset()
             .filter(Q(members=self.request.user) | Q(owner=self.request.user))
+            .distinct()
         )
 
 
@@ -91,6 +93,18 @@ class GroupAddMusicView(MemberFilterMixin, SingleObjectMixin, View):
         return redirect(group)
 
 
+class GroupAddMemberView(OwnerFilterMixin, SingleObjectMixin, View):
+    model = models.Group
+
+    def post(self, request, pk):
+        group = self.get_object()
+        username = request.POST.get("username")
+        user = User.objects.get(username=username)
+
+        group.members.add(user)
+        return redirect(group)
+
+
 class GroupRemoveMusicView(OwnerFilterMixin, SingleObjectMixin, View):
     model = models.MusicVideo
 
@@ -101,6 +115,16 @@ class GroupRemoveMusicView(OwnerFilterMixin, SingleObjectMixin, View):
         return redirect(group)
 
 
+class GroupRemoveMemberView(View):
+    def get(self, request, pk, user_pk):
+        relation = get_object_or_404(
+            models.Group.members.through, group_id=pk, user_id=user_pk
+        )
+        group = relation.group
+        relation.delete()
+        return redirect(group)
+
+
 class GroupRemoveGameView(SingleObjectMixin, View):
     model = models.MusikGame