diff --git a/Js/fonctions.js b/Js/fonctions.js index fe4276a..a31d574 100755 --- a/Js/fonctions.js +++ b/Js/fonctions.js @@ -1448,40 +1448,110 @@ function enregistrer_avenant() } -function pop_afficher_selection_retrait() -{ - var div_selection_assure = $('#div_selection_assure'); - - div_selection_assure.html(` -
- - - Veuillez patienter... / Please wait... - -
- `); +/** + * Initialise un DataTable de manière générique avec support Ajax et Bootstrap + * @param {string} selector - L'ID ou la classe du tableau (ex: '#monTableau') + * @param {Object} customOptions - Options spécifiques pour surcharger la config par défaut + */ +function genericInitDataTable(selector, customOptions = {}) { + // 1. Sécurité : Vérifier si l'élément existe + if ($(selector).length === 0) return; + + // 2. Si une instance existe déjà, on la détruit proprement + if ($.fn.DataTable.isDataTable(selector)) { + $(selector).DataTable().destroy(); + $(selector).empty(); // Optionnel : vide le DOM si nécessaire + } + + // 3. Configuration par défaut (Standard pour votre portail RH) + const defaultOptions = { + "language": { + "url": "//cdn.datatables.net/plug-ins/1.13.6/i18n/fr-FR.json" + }, + "pageLength": 10, + "responsive": true, + "dom": '<"d-flex justify-content-between align-items-center mb-3"fB>rt<"d-flex justify-content-between align-items-center mt-3"ip>', + "buttons": [ + { + extend: 'excelHtml5', + className: 'btn btn-sm btn-outline-success rounded-pill px-3', + text: ' Excel' + }, + { + extend: 'pdfHtml5', + className: 'btn btn-sm btn-outline-danger rounded-pill px-3', + text: ' PDF' + } + ], + "drawCallback": function() { + // Style Bootstrap pour le champ de recherche + $('.dataTables_filter input').addClass('form-control form-control-sm shadow-none rounded-pill'); + $('.dataTables_paginate .paginate_button').addClass('btn btn-xs'); + } + }; + + // 4. Fusion des options par défaut avec les options personnalisées + const finalOptions = $.extend(true, {}, defaultOptions, customOptions); + + // 5. Initialisation + return $(selector).DataTable(finalOptions); +} - $.ajax({ - url: $("#racineWeb").val()+"Ajaxselectionretrait/", - type : 'post', - error: function(errorData) { - }, - success: function(data) { - div_selection_assure.html(data); - // $('#div_test_gabarit').html(data); - }, - complete: function() { - const modal = document.getElementById("popdetailassure"); - if (modal && modal.parentNode !== document.body) { - document.body.appendChild(modal); - } - // Ouvrir le modal via le bouton caché - document.getElementById("btn_pop").click(); - } - }); +function pop_afficher_selection_retrait() { + var div_selection_assure = $('#div_selection_assure'); + + // 1. Affichage du Loader + div_selection_assure.html(` +
+ + + Chargement de la liste... / Loading list... + +
+ `); + + // 2. Appel Ajax + $.ajax({ + url: $("#racineWeb").val() + "Ajaxselectionretrait/", + type: 'post', + error: function(xhr, status, error) { + div_selection_assure.html(` +
+ Erreur lors du chargement : ${error} +
+ `); + }, + success: function(data) { + // Injection des données + div_selection_assure.html(data); + + // 3. INITIALISATION DU DATATABLE GÉNÉRIQUE + // On cible l'ID du tableau qui est généré dans votre vue Ajax + genericInitDataTable('#table_retrait_assures', { + "order": [[1, "asc"]], // Trie par nom + "pageLength": 10, + "columnDefs": [ + { "orderable": false, "targets": [-1] } // Désactive le tri sur la dernière colonne (Action) + ] + }); + }, + complete: function() { + // 4. Gestion propre du Modal + const modalEl = document.getElementById("popdetailassure"); + + // S'assurer que le modal est au bon endroit dans le DOM + if (modalEl && modalEl.parentNode !== document.body) { + document.body.appendChild(modalEl); + } + + // Ouverture du modal via l'instance Bootstrap + var myModal = bootstrap.Modal.getOrCreateInstance(modalEl); + myModal.show(); + } + }); } function beneficiaire_a_retirer(p_choix, p_id_beneficiaire) diff --git a/Vue/Ajaxdetailretrait/index.php b/Vue/Ajaxdetailretrait/index.php index 4c8fd05..6c401aa 100644 --- a/Vue/Ajaxdetailretrait/index.php +++ b/Vue/Ajaxdetailretrait/index.php @@ -69,60 +69,46 @@
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
nettoyer($b['codeProduit']) ?>nettoyer($b['nomBeneficiaire']) ?>nettoyer($b['codeLienParente']) ?>nettoyer($b['numeroBeneficiaire']) ?>nettoyer($b['dateEntree']), $_SESSION['lang']) ?>nettoyer($b['duree']) ?> jnettoyer($b['rapportsp']) ?>%nettoyer($b['primeNonAcquise'])) ?>nettoyer($b['primeHt'])) ?>nettoyer($b['taxe'])) ?>nettoyer($b['primeTtc'])) ?> -
- - onclick="beneficiaire_a_retirer(this.checked ? '1' : '0', );"> -
-
nettoyer($avenant['primeNonAcquise'])) ?>nettoyer($avenant['primeHt'])) ?>nettoyer($avenant['taxe'])) ?>nettoyer($avenant['primeTtc'])) ?>
-
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
nettoyer($b['codeProduit']) ?>nettoyer($b['nomBeneficiaire']) ?>nettoyer($b['codeLienParente']) ?>nettoyer($b['numeroBeneficiaire']) ?>nettoyer($b['dateEntree']), $_SESSION['lang']) ?>nettoyer($b['duree']) ?> jnettoyer($b['rapportsp']) ?>%nettoyer($b['primeNonAcquise'])) ?>nettoyer($b['primeTtc'])) ?> +
+ + onclick="beneficiaire_a_retirer(this.checked ? '1' : '0', );"> +
+
+