fr
This commit is contained in:
parent
b30acf98f9
commit
edaea568ae
134
Js/fonctions.js
134
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(`
|
||||
<div class="d-flex flex-column align-items-center justify-content-center" style="padding-top:80px;">
|
||||
<div class="spinner-border text-primary" role="status" style="width:3rem; height:3rem;">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
<span class="mt-3 fs-5 fw-bold">
|
||||
Veuillez patienter... / Please wait...
|
||||
</span>
|
||||
</div>
|
||||
`);
|
||||
/**
|
||||
* 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: '<i class="far fa-file-excel me-1"></i> Excel'
|
||||
},
|
||||
{
|
||||
extend: 'pdfHtml5',
|
||||
className: 'btn btn-sm btn-outline-danger rounded-pill px-3',
|
||||
text: '<i class="far fa-file-pdf me-1"></i> 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(`
|
||||
<div class="d-flex flex-column align-items-center justify-content-center" style="padding-top:80px; min-height:300px;">
|
||||
<div class="spinner-border text-primary" role="status" style="width:3rem; height:3rem;">
|
||||
<span class="visually-hidden">Loading...</span>
|
||||
</div>
|
||||
<span class="mt-3 fs-5 fw-bold text-muted">
|
||||
Chargement de la liste... / Loading list...
|
||||
</span>
|
||||
</div>
|
||||
`);
|
||||
|
||||
// 2. Appel Ajax
|
||||
$.ajax({
|
||||
url: $("#racineWeb").val() + "Ajaxselectionretrait/",
|
||||
type: 'post',
|
||||
error: function(xhr, status, error) {
|
||||
div_selection_assure.html(`
|
||||
<div class="alert alert-danger m-3">
|
||||
<i class="fas fa-exclamation-circle me-2"></i> Erreur lors du chargement : ${error}
|
||||
</div>
|
||||
`);
|
||||
},
|
||||
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)
|
||||
|
|
|
|||
|
|
@ -69,60 +69,46 @@
|
|||
</div>
|
||||
|
||||
<div class="card shadow-sm border-0">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-hover align-middle mb-0" style="font-size: 8.5pt;">
|
||||
<thead class="table-dark text-uppercase" style="font-size: 7.5pt;">
|
||||
<tr>
|
||||
<th class="ps-3"><?= _("Cat") ?></th>
|
||||
<th><?= _("Nom & Prénoms") ?></th>
|
||||
<th class="text-center"><?= _("Type") ?></th>
|
||||
<th class="text-center"><?= _("N° Assuré") ?></th>
|
||||
<th class="text-center"><?= _("Entrée") ?></th>
|
||||
<th class="text-center"><?= _("Durée") ?></th>
|
||||
<th class="text-center"><?= _("S/P") ?></th>
|
||||
<th class="text-center bg-secondary"><?= _("P. Non Acquise") ?></th>
|
||||
<th class="text-center bg-info text-dark"><?= _("P. Nette Rist") ?></th>
|
||||
<th class="text-center bg-info text-dark"><?= $taxLabel ?></th>
|
||||
<th class="text-center bg-primary fw-bold"><?= _("TTC Rist") ?></th>
|
||||
<th class="text-center pe-3"><?= _("Action") ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($beneficiaires_sel as $b): ?>
|
||||
<tr>
|
||||
<td class="ps-3 fw-bold text-muted"><?= $this->nettoyer($b['codeProduit']) ?></td>
|
||||
<td class="fw-bold"><?= $this->nettoyer($b['nomBeneficiaire']) ?></td>
|
||||
<td class="text-center"><span class="badge bg-light text-dark border"><?= $this->nettoyer($b['codeLienParente']) ?></span></td>
|
||||
<td class="text-center text-muted"><?= $this->nettoyer($b['numeroBeneficiaire']) ?></td>
|
||||
<td class="text-center"><?= dateLang($this->nettoyer($b['dateEntree']), $_SESSION['lang']) ?></td>
|
||||
<td class="text-center"><?= $this->nettoyer($b['duree']) ?> <small>j</small></td>
|
||||
<td class="text-center"><?= $this->nettoyer($b['rapportsp']) ?>%</td>
|
||||
<td class="text-center fw-bold text-danger"><?= format_N($this->nettoyer($b['primeNonAcquise'])) ?></td>
|
||||
<td class="text-center"><?= format_N($this->nettoyer($b['primeHt'])) ?></td>
|
||||
<td class="text-center"><?= format_N($this->nettoyer($b['taxe'])) ?></td>
|
||||
<td class="text-center fw-bold text-primary"><?= format_N($this->nettoyer($b['primeTtc'])) ?></td>
|
||||
<td class="text-center pe-3">
|
||||
<div class="form-check form-switch d-inline-block">
|
||||
<input class="form-check-input custom-switch" type="checkbox"
|
||||
<?= ($b['choix'] == '1') ? 'checked' : '' ?>
|
||||
onclick="beneficiaire_a_retirer(this.checked ? '1' : '0', <?= $b['idBeneficiaire_temp'] ?>);">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
<tfoot class="table-light fw-bold border-top-2 border-dark">
|
||||
<tr>
|
||||
<td colspan="7" class="text-end text-uppercase pe-4"><?= _("Totaux cumulés") ?></td>
|
||||
<td class="text-center text-danger"><?= format_N($this->nettoyer($avenant['primeNonAcquise'])) ?></td>
|
||||
<td class="text-center text-dark"><?= format_N($this->nettoyer($avenant['primeHt'])) ?></td>
|
||||
<td class="text-center text-dark"><?= format_N($this->nettoyer($avenant['taxe'])) ?></td>
|
||||
<td class="text-center text-primary fs-6"><?= format_N($this->nettoyer($avenant['primeTtc'])) ?></td>
|
||||
<td></td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
</div>
|
||||
<div class="table-responsive py-2">
|
||||
<table id="table_retrait_assures" class="table table-hover align-middle border shadow-sm" style="width:100%; font-size: 8.5pt;">
|
||||
<thead class="table-dark">
|
||||
<tr class="text-center text-nowrap">
|
||||
<th><?= _("Cat") ?></th>
|
||||
<th><?= _("Nom & Prénoms") ?></th>
|
||||
<th><?= _("Type") ?></th>
|
||||
<th><?= _("N° Assuré") ?></th>
|
||||
<th><?= _("Entrée") ?></th>
|
||||
<th><?= _("Durée") ?></th>
|
||||
<th><?= _("S/P") ?></th>
|
||||
<th class="bg-secondary text-white"><?= _("Non Acquise") ?></th>
|
||||
<th class="bg-primary text-white"><?= _("TTC Rist") ?></th>
|
||||
<th class="text-center"><?= _("Action") ?></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<?php foreach ($beneficiaires_sel as $b): ?>
|
||||
<tr class="text-center">
|
||||
<td><?= $this->nettoyer($b['codeProduit']) ?></td>
|
||||
<td class="text-start fw-bold"><?= $this->nettoyer($b['nomBeneficiaire']) ?></td>
|
||||
<td><span class="badge bg-light text-dark border"><?= $this->nettoyer($b['codeLienParente']) ?></span></td>
|
||||
<td class="text-muted"><?= $this->nettoyer($b['numeroBeneficiaire']) ?></td>
|
||||
<td><?= dateLang($this->nettoyer($b['dateEntree']), $_SESSION['lang']) ?></td>
|
||||
<td><?= $this->nettoyer($b['duree']) ?> <small>j</small></td>
|
||||
<td><?= $this->nettoyer($b['rapportsp']) ?>%</td>
|
||||
<td class="fw-bold text-danger"><?= format_N($this->nettoyer($b['primeNonAcquise'])) ?></td>
|
||||
<td class="fw-bold text-primary"><?= format_N($this->nettoyer($b['primeTtc'])) ?></td>
|
||||
<td>
|
||||
<div class="form-check form-switch d-inline-block">
|
||||
<input class="form-check-input" type="checkbox"
|
||||
<?= ($b['choix'] == '1') ? 'checked' : '' ?>
|
||||
onclick="beneficiaire_a_retirer(this.checked ? '1' : '0', <?= $b['idBeneficiaire_temp'] ?>);">
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
<?php endforeach; ?>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
|
|
|
|||
|
|
@ -654,7 +654,7 @@ $photoAssureCrypte = $_SESSION['photoAssureCrypte'];
|
|||
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
|
||||
|
||||
<!-- Application Scripts -->
|
||||
<script src="/Js/fonctions.js?ver=2026.01.19.11"></script>
|
||||
<script src="/Js/fonctions.js?ver=2026.01.19.12"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
raffraichier_gabarit();
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user