416 lines
14 KiB
JavaScript
Executable File
416 lines
14 KiB
JavaScript
Executable File
/**
|
|
* INITIALISATION GÉNÉRALE
|
|
*/
|
|
/**
|
|
* Gère la pré-connexion via cookie (chargement du formulaire et focus intelligent).
|
|
* Récupère le login mémorisé et place le curseur dans le champ approprié.
|
|
*/
|
|
|
|
function connexion_cookie() {
|
|
const racine = $("#racineWeb").val() || "";
|
|
const msgErreur = $("#msgErreur").val();
|
|
|
|
$.ajax({
|
|
url: racine + "Ajaxconnexioncookie/",
|
|
type: 'POST',
|
|
cache: false,
|
|
// Utilisation d'un objet pour un encodage automatique sécurisé
|
|
data: { msgErreur: msgErreur },
|
|
success: function(data) {
|
|
// Injection du formulaire de connexion
|
|
$("#div_ajaxconnexion").html(data);
|
|
|
|
// Initialisation des composants stylisés
|
|
if ($.isFunction($.fn.selectpicker)) {
|
|
$(".selectpicker").selectpicker('refresh');
|
|
}
|
|
},
|
|
error: function(xhr, status, error) {
|
|
console.error("Erreur lors du chargement des cookies de connexion:", error);
|
|
},
|
|
complete: function() {
|
|
// Gestion intelligente du focus
|
|
const $loginField = $("#login");
|
|
const $mdpField = $("#mdp");
|
|
const $codeSocieteField = $("#codeSociete");
|
|
|
|
// Si un login est déjà présent (issu du cookie)
|
|
if ($loginField.val() && $loginField.val().trim() !== "") {
|
|
// On place le curseur sur le mot de passe
|
|
$mdpField.focus();
|
|
} else {
|
|
// Sinon, on commence par le début (Code Société ou Login)
|
|
if ($codeSocieteField.length > 0) {
|
|
$codeSocieteField.focus();
|
|
} else {
|
|
$loginField.focus();
|
|
}
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
$(function() {
|
|
// 1. Initialisation des composants au chargement de la page
|
|
appliquerDataTable();
|
|
|
|
// 2. Lancement du cycle de rafraîchissement automatique
|
|
const vueActuelle = $("#vue").val();
|
|
|
|
// On ne lance le timer que si l'utilisateur est connecté (pas sur la vue Connexion)
|
|
if (vueActuelle !== "Connexion") {
|
|
setInterval(function() {
|
|
// On vérifie si l'onglet est actif pour éviter des requêtes inutiles
|
|
if (!document.hidden) {
|
|
raffraichier_gabarit();
|
|
}
|
|
}, 60000); // 60 secondes
|
|
}
|
|
});
|
|
|
|
/**
|
|
* Fonction principale de rafraîchissement du gabarit (UI et Session)
|
|
* Gère la mise à jour des données et la redirection forcée en cas de déconnexion.
|
|
*/
|
|
function raffraichier_gabarit() {
|
|
const racine = $("#racineWeb").val() || "/";
|
|
const vueActuelle = $("#vue").val();
|
|
|
|
$.ajax({
|
|
url: racine + "Ajaxgabarit/",
|
|
type: 'GET',
|
|
cache: false,
|
|
success: function(data) {
|
|
// Injection du nouveau contenu
|
|
debugger;
|
|
|
|
$("#div_ajaxgabarit").html(data);
|
|
|
|
const codeSociete = $("#codeSociete").val();
|
|
|
|
// VERIFICATION DE LA SESSION
|
|
if ((!codeSociete || codeSociete.trim() === "") && vueActuelle !== "Connexion") {
|
|
|
|
// Préparation des messages
|
|
const msg = "Votre session a expiré. Veuillez vous reconnecter.";
|
|
const msgEng = "Your session has expired. Please log in again.";
|
|
|
|
// Utilisation de votre fonction confirm_ebene pour bloquer l'utilisateur
|
|
// On utilise confirm pour forcer l'utilisateur à cliquer sur "Oui" (OK)
|
|
confirm_ebene(msg, msgEng).then((isConfirmed) => {
|
|
// Peu importe le clic, on redirige car la session est morte
|
|
window.location.assign(racine + "Connexion/deconnecter/");
|
|
});
|
|
|
|
return;
|
|
}
|
|
|
|
// Note: On évite le Toast ici pour ne pas surcharger alert_ebene
|
|
},
|
|
error: function(xhr) {
|
|
if (xhr.status === 401 && vueActuelle !== "Connexion") {
|
|
window.location.assign(racine + "Connexion/deconnecter/");
|
|
}
|
|
},
|
|
complete: function() {
|
|
$(".datepicker").datepicker();
|
|
if (typeof raffraichier_messagerie === "function") {
|
|
raffraichier_messagerie();
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* GESTION DU MENU BURGER
|
|
* Gère l'affichage mobile et la fermeture lors d'un clic extérieur.
|
|
*/
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
const burgerToggle = document.getElementById('burgerMenuToggle');
|
|
const burgerDropdown = document.getElementById('burgerDropdown');
|
|
|
|
if (burgerToggle && burgerDropdown) {
|
|
// Alterne la classe 'show' au clic sur le bouton
|
|
burgerToggle.addEventListener('click', (e) => {
|
|
e.preventDefault();
|
|
e.stopPropagation();
|
|
burgerDropdown.classList.toggle('show');
|
|
});
|
|
|
|
// Ferme le menu si on clique n'importe où ailleurs sur le document
|
|
document.addEventListener('click', (e) => {
|
|
if (!e.target.closest('.burger-menu-container')) {
|
|
burgerDropdown.classList.remove('show');
|
|
}
|
|
});
|
|
|
|
// Empêche la fermeture si on clique à l'intérieur du menu lui-même
|
|
burgerDropdown.addEventListener('click', (e) => e.stopPropagation());
|
|
}
|
|
});
|
|
|
|
/**
|
|
* FORMATAGE DES MESSAGES (Responsive)
|
|
* Ajoute des balises <br> pour forcer le retour à la ligne selon la taille d'écran.
|
|
*/
|
|
function formatMessageForSwal(message) {
|
|
if (!message) return '';
|
|
|
|
const screenWidth = window.innerWidth;
|
|
// Détermine la limite de caractères avant le saut de ligne
|
|
const maxLineLength = screenWidth < 576 ? 40 : (screenWidth < 768 ? 60 : 80);
|
|
|
|
if (message.length <= maxLineLength && !message.includes('\n')) return message;
|
|
|
|
const words = message.split(' ');
|
|
let lines = [];
|
|
let currentLine = '';
|
|
|
|
words.forEach(word => {
|
|
if ((currentLine + ' ' + word).length > maxLineLength && currentLine !== '') {
|
|
lines.push(currentLine);
|
|
currentLine = word;
|
|
} else {
|
|
currentLine = currentLine ? currentLine + ' ' + word : word;
|
|
}
|
|
});
|
|
|
|
if (currentLine) lines.push(currentLine);
|
|
return lines.join('<br>');
|
|
}
|
|
|
|
/**
|
|
* AJUSTEMENT DYNAMIQUE SWEETALERT
|
|
* Redimensionne la popup et gère le scroll interne pour les longs textes.
|
|
*/
|
|
function adjustSwalContent() {
|
|
const popup = Swal.getPopup();
|
|
const title = Swal.getTitle();
|
|
const htmlContainer = Swal.getHtmlContainer();
|
|
|
|
if (popup && title) {
|
|
const screenWidth = window.innerWidth;
|
|
// Application de styles responsives directs
|
|
if (screenWidth < 576) {
|
|
Object.assign(popup.style, { maxWidth: '95vw', width: '95vw', margin: '10px' });
|
|
} else {
|
|
Object.assign(popup.style, { maxWidth: screenWidth < 768 ? '85vw' : '500px', width: '100%' });
|
|
}
|
|
|
|
// Gestion du scroll si le titre est trop grand
|
|
const maxTitleHeight = Math.min(window.innerHeight * 0.6, 400);
|
|
if (title.scrollHeight > maxTitleHeight) {
|
|
Object.assign(title.style, { overflowY: 'auto', maxHeight: maxTitleHeight + 'px', paddingRight: '10px' });
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* WRAPPER GÉNÉRIQUE SWEETALERT
|
|
* Centralise les paramètres communs pour alert_ebene, confirm_ebene, etc.
|
|
*/
|
|
function baseSwal(options) {
|
|
return Swal.fire({
|
|
...options,
|
|
customClass: {
|
|
popup: 'responsive-swal-popup',
|
|
title: 'responsive-swal-title',
|
|
htmlContainer: 'responsive-swal-html'
|
|
},
|
|
didOpen: adjustSwalContent,
|
|
willOpen: () => { document.body.style.overflow = 'hidden'; },
|
|
willClose: () => { document.body.style.overflow = 'auto'; }
|
|
});
|
|
}
|
|
|
|
/**
|
|
* ALERTE SIMPLE
|
|
* Affiche une information bilingue.
|
|
*/
|
|
function alert_ebene(p_msg, p_msg_eng) {
|
|
const codeLangue = $("#codeLangue").val();
|
|
const message = (codeLangue === "en_US") ? p_msg_eng : p_msg;
|
|
|
|
baseSwal({
|
|
title: formatMessageForSwal(message),
|
|
icon: 'info',
|
|
confirmButtonText: codeLangue === "en_US" ? 'OK' : 'D\'accord'
|
|
});
|
|
}
|
|
|
|
/**
|
|
* CONFIRMATION
|
|
* Affiche une boîte de dialogue Oui/Non et retourne une promesse.
|
|
*/
|
|
function confirm_ebene(p_msg, p_msg_eng) {
|
|
const codeLangue = $("#codeLangue").val();
|
|
const message = (codeLangue === "en_US") ? p_msg_eng : p_msg;
|
|
|
|
return baseSwal({
|
|
title: formatMessageForSwal(message),
|
|
icon: 'warning',
|
|
showCancelButton: true,
|
|
confirmButtonText: codeLangue === "en_US" ? 'Yes' : 'Oui',
|
|
cancelButtonText: codeLangue === "en_US" ? 'No' : 'Non'
|
|
}).then(result => result.isConfirmed);
|
|
}
|
|
|
|
/**
|
|
* SAISIE TEXTE (PROMPT)
|
|
* Ouvre une modale avec champ de saisie et exécute un callback avec la valeur.
|
|
*/
|
|
function prompt_ebene(p_msg, p_msg_eng, p_retour, callback) {
|
|
const codeLangue = $("#codeLangue").val();
|
|
const message = (codeLangue === "en_US") ? p_msg_eng : p_msg;
|
|
|
|
baseSwal({
|
|
title: formatMessageForSwal(message),
|
|
input: 'text',
|
|
inputValue: p_retour,
|
|
showCancelButton: true,
|
|
confirmButtonText: 'OK',
|
|
cancelButtonText: codeLangue === "en_US" ? 'Cancel' : 'Annuler'
|
|
}).then(result => {
|
|
callback(result.isConfirmed ? result.value : null);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* CHANGEMENT DE MOT DE PASSE
|
|
* Demande confirmation avant redirection.
|
|
*/
|
|
function change_password() {
|
|
const v_msg = "Attention, vous serez déconnecté par la suite! Voulez-vous changer votre mot de passe?";
|
|
const v_msgEng = "Attention, you will be logged out afterwards! Do you want to change your password?";
|
|
|
|
confirm_ebene(v_msg, v_msgEng).then(isConfirmed => {
|
|
if (isConfirmed) {
|
|
window.location.assign($("#racineWeb").val() + "Changermotpass/");
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* AFFICHAGE BÉNÉFICIAIRE
|
|
* Prépare le contexte serveur avant de charger la fiche bénéficiaire.
|
|
*/
|
|
function ajax_context_beneficiaire_afficher(idBeneficiaire, okId) {
|
|
// Affiche un loader pendant le chargement
|
|
$("#contenu").html('<div class="spinner-responsive"><span><i class="fa fa-spinner fa-spin"></i></span></div>');
|
|
|
|
$.ajax({
|
|
url: $("#racineWeb").val() + "Ajaxcontextbeneficiaire/",
|
|
type: 'post',
|
|
data: { idBeneficiaire, okId },
|
|
complete: () => {
|
|
window.location.assign($("#racineWeb").val() + "Fichebeneficiaire/" + idBeneficiaire);
|
|
}
|
|
});
|
|
}
|
|
|
|
/**
|
|
* GESTION DE LA LANGUE À LA CONNEXION
|
|
* Met à jour le bloc de connexion via AJAX lors du changement de langue.
|
|
*/
|
|
function changer_langue_connexion() {
|
|
const codeLangue = $("#langue").val();
|
|
$.ajax({
|
|
url: $("#racineWeb").val() + "Ajaxconnexioncookie/changerlangue/",
|
|
type: 'post',
|
|
data: { codeLangue },
|
|
success: (data) => $("#div_detail_connexion").html(data),
|
|
complete: () => $(".selectpicker").selectpicker('refresh')
|
|
});
|
|
}
|
|
|
|
/**
|
|
* CONFIGURATION DATATABLES
|
|
* Initialise les tableaux avec exports, filtres et traductions.
|
|
*/
|
|
function appliquerDataTable() {
|
|
const codeLangue = $("#codeLangue").val() || 'fr_FR';
|
|
const translations = {
|
|
fr_FR: {
|
|
lengthMenu: "Affiche _MENU_ par page",
|
|
zeroRecords: "Aucune donnée trouvée",
|
|
info: "_PAGE_ sur _PAGES_",
|
|
search: "Recherche:",
|
|
paginate: { next: "►", previous: "◄" }
|
|
},
|
|
en_US: {
|
|
lengthMenu: "Display _MENU_ records",
|
|
zeroRecords: "Nothing found",
|
|
info: "Showing page _PAGE_ of _PAGES_",
|
|
search: "Search:",
|
|
paginate: { next: "►", previous: "◄" }
|
|
}
|
|
};
|
|
|
|
$('.tabliste').each(function() {
|
|
const $table = $(this);
|
|
// On récupère les colonnes marquées comme 'data-hidden'
|
|
const hiddenTargets = [];
|
|
$table.find('thead th').each((idx, th) => {
|
|
if ($(th).data('hidden')) hiddenTargets.push(idx);
|
|
});
|
|
|
|
const instance = $table.DataTable({
|
|
destroy: true,
|
|
responsive: true,
|
|
order: [[0, "desc"]],
|
|
language: translations[codeLangue] || translations.fr_FR,
|
|
columnDefs: [{ targets: hiddenTargets, visible: false }],
|
|
dom: 'Bfrtip',
|
|
buttons: ['copy', 'csv', 'excel', 'pdf', 'print']
|
|
});
|
|
|
|
// Ajustement forcé après rendu pour éviter les problèmes de colonnes mal alignées
|
|
setTimeout(() => instance.columns.adjust().responsive.recalc(), 100);
|
|
});
|
|
}
|
|
|
|
/**
|
|
* MESSAGERIE ET NOTIFICATIONS
|
|
* Récupère le nombre de messages et déconnecte si session expirée.
|
|
*/
|
|
function raffraichier_messagerie() {
|
|
if (!navigator.onLine) {
|
|
$("#test_connexion").css('background-color', 'red');
|
|
return;
|
|
}
|
|
|
|
$.ajax({
|
|
url: $("#racineWeb").val() + "Ajaxmessagerie/",
|
|
success: (data) => {
|
|
$("#nbMessagesNonLus").html(data);
|
|
$("#span_notification").text($("#msgNonLus").val());
|
|
|
|
// Sécurité : redirection forcée si le serveur indique une déconnexion nécessaire
|
|
if ($("#deconnexion").val() === '1') {
|
|
window.location.assign($("#racineWeb").val() + "Connexion/deconnecter/");
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
// Réajuster les popups SweetAlert lors du redimensionnement de la fenêtre
|
|
window.addEventListener('resize', () => {
|
|
if (Swal.isVisible()) setTimeout(adjustSwalContent, 100);
|
|
});
|
|
|
|
/**
|
|
* Sélectionne une police d'assurance et met à jour les champs cachés globaux.
|
|
* Cette fonction est généralement appelée lors d'un clic sur une ligne de tableau
|
|
* ou un bouton de sélection dans une liste de polices.
|
|
*/
|
|
function selectionner_police(id, no) {
|
|
// Mise à jour de l'ID de la police dans le champ caché prévu pour le traitement serveur
|
|
$("#idPolice_C").val(id);
|
|
|
|
// Mise à jour du numéro de police pour l'affichage ou les recherches secondaires
|
|
$("#numeroPolice_C").val(no);
|
|
|
|
// Note : On pourrait ajouter ici un retour visuel (ex: surbrillance de la ligne sélectionnée)
|
|
console.log(`Police sélectionnée : ID ${id} / N° ${no}`);
|
|
}
|