feature: Affichage de la liste des bailleur

gestion_projet/static/gestion_projet/js/enregistrement_bailleur.js

@@ -1,4 +1,5 @@
 const btnEnregistrerBailleur = document.getElementById('btnEnregistrerBailleur');
+let table;
 
 btnEnregistrerBailleur.addEventListener('click', function() {
     const form = document.getElementById('formBailleur');
@@ -21,3 +22,30 @@ btnEnregistrerBailleur.addEventListener('click', function() {
         }
     });
 });
+
+document.addEventListener("DOMContentLoaded", function () {
+
+    table = new Tabulator("#table-bailleurs", {
+        ajaxURL: "/gestion-projet/bailleurs/",
+        layout: "fitColumns",
+        pagination: "local",
+        paginationSize: 5,
+
+        columns: [
+            {title: "#", formatter: "rownum", width: 60},
+            {title: "Organisme", field: "nom_organisme"},
+            {title: "Contact", field: "contact"},
+            {title: "Email", field: "email"},
+            {title: "Pays", field: "pays"},
+        ],
+        rowDblClick: function(e, row) {
+            const data = row.getData();
+
+            if (confirm(`Voulez-vous vraiment supprimer ${data.nom_organisme} ?`)) {
+                supprimerBailleur(data.id);
+            }
+        }
+    });
+
+});
+

gestion_projet/templates/gestion_projet/parts/creation_bailleur.html

@@ -1,20 +1,51 @@
 <div class="modal fade" id="modalBailleur" tabindex="-1" aria-labelledby="modalBailleurLabel" aria-hidden="true">
-    <div class="modal-dialog modal-dialog-centered">
+    <div class="modal-dialog ">
         <div class="modal-content">
             <div class="modal-header">
-                <h5 class="modal-title" id="modalBailleurLabel">Ajouter un Bailleur</h5>
+                <h5 class="modal-title" id="modalBailleurLabel">Gestion des Bailleurs</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
             </div>       
-            <div class="modal-body p-4">
+            <ul class="nav nav-tabs px-3 pt-2" id="bailleurTab" role="tablist">
+                <li class="nav-item" role="presentation">
+                    <button class="nav-link active" id="ajouter-tab" data-bs-toggle="tab"
+                            data-bs-target="#ajouter" type="button" role="tab">
+                        Ajouter
+                    </button>
+                </li>
+                <li class="nav-item" role="presentation">
+                    <button class="nav-link" id="liste-tab" data-bs-toggle="tab"
+                            data-bs-target="#liste" type="button" role="tab">
+                        Liste
+                    </button>
+                </li>
+            </ul>
+            <div class="modal-body">
+                <div class="tab-content pt-3">
+                    <div class="tab-pane fade show active" id="ajouter" role="tabpanel">
                         <form id="formBailleur" method="POST" action="{% url 'gestion_projet:creation-bailleur' %}">
                             {% csrf_token %}
                             {{ form_ajout_bailleur.as_p }}
+                            <button type="submit" class="btn btn-success mt-3" id="btnEnregistrerBailleur">
+                                <i class="bi bi-save me-1"></i> Enregistrer
+                            </button>
                         </form>
                     </div>
-            <div class="modal-footer">
+                    <div class="tab-pane fade" id="liste" role="tabpanel">
-                <button type="submit" id="btnEnregistrerBailleur" class="btn btn-success"><i class="bi bi-save me-1"></i> Enregistrer</button>
+
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Annuler</button>
+                        <div class="d-flex justify-content-between align-items-center mb-3">
+                            <h6 class="mb-0">Liste des bailleurs</h6>
+                        </div>
+                        <div class="row">
+                            <div class="col">
+                                <div id="table-bailleurs"
+                                    data-url="{% url 'gestion_projet:liste-bailleurs' %}">
                                 </div>                          
                             </div>
                         </div>
                     </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+

gestion_projet/urls.py

@@ -19,6 +19,12 @@ urlpatterns = [
         views.creation_projet, 
         name='creation-projet'
     ),
+    path(
+        'bailleurs/',
+          views.liste_bailleur, 
+         name='liste-bailleurs'
+    ),
+
     path(
         'projet/modifier/<int:projet_id>/', 
         views.modification_projet, 
@@ -84,6 +90,7 @@ urlpatterns = [
         views.liste_activites_projet, 
         name='liste-activites-projet'
     ),
+    
     # path(
     #     'projet/ajout-de-document/', 
     #     views.ajouter_document_projet, 
@@ -119,4 +126,6 @@ urlpatterns = [
         views.mises_a_jour_projet,
         name='mises-a-jour-projet'
     )
+    
 ]
+

gestion_projet/views.py

@@ -2,6 +2,7 @@ from datetime import date
 from decimal import Decimal, InvalidOperation
 from django.http import JsonResponse
 from django.shortcuts import redirect, render
+from django.urls import reverse
 from django.utils import timezone
 from django.contrib import messages
 from django.contrib.auth.decorators import login_required
@@ -143,6 +144,22 @@ def creation_bailleur(request):
             return JsonResponse({'success': True})
     return JsonResponse({'success': False})
 
+@login_required
+def liste_bailleur(request):
+    """ Vue pour retourner la liste de tous les bailleurs """
+    bailleurs = Bailleur.objects.all().order_by('-id')
+    data = []
+    for b in bailleurs:
+        data.append({
+        "id": b.id,
+        "nom_organisme": b.nom_organisme,
+        "contact": b.contact,
+        "email": b.email,
+        "pays": b.pays,
+        })
+    return JsonResponse(data, safe=False)
+
+
 @login_required
 def ajouter_financement_projet(request):
     """Ajoute un financement à un projet en vérifiant que le total ne dépasse pas 100%"""
@@ -318,6 +335,7 @@ def activites_projet(request):
         }
     return render(request, 'gestion_projet/suivi_activite.html', context)
 
+
 @login_required
 def ajouter_activite_projet(request):
     """Vue pour ajouter une activité à un projet spécifique via un formulaire"""