276 lines
9.7 KiB
JavaScript
276 lines
9.7 KiB
JavaScript
"use strict";
|
|
|
|
// ------------------------------------------------------------------------
|
|
// actions sur la liste des versements
|
|
// ------------------------------------------------------------------------
|
|
|
|
/**
|
|
* Fonction appelée quand on (dé)coche la case globale
|
|
* (dé)sélectionner toutes les cases de toutes les activités
|
|
* @param {HTMLInputElement} idCaseGlobale id de la case globale
|
|
*/
|
|
function cocherDecocherTout(idCaseGlobale) {
|
|
// itérer sur la liste des éléments détails : 1 par couple <activité, tarif>
|
|
let lesDetails = document.querySelectorAll("details.activite");
|
|
for (let i = 0; i < lesDetails.length; ++i) {
|
|
let idCase = lesDetails[i].querySelector("input[type=checkbox]");
|
|
idCase.checked = idCaseGlobale.checked;
|
|
cocherDecocherTarif(idCase);
|
|
}
|
|
// changer le message
|
|
changerMessage(idCaseGlobale.nextElementSibling, idCaseGlobale);
|
|
}
|
|
|
|
/**
|
|
* Fonction appelée quand on (dé)coche la case d'activité
|
|
* (dé)sélectionner toutes les cases de cette activité
|
|
* @param {HTMLInputElement} idCaseGlobale id de la case d'activité
|
|
*/
|
|
function cocherDecocherTarif(idCaseGlobale) {
|
|
let lesPersonnes = idCaseGlobale.closest("details").querySelectorAll("div.personne");
|
|
cocherDecocherLesPersonnes(idCaseGlobale, lesPersonnes);
|
|
}
|
|
|
|
/**
|
|
* idem dans le cas des versements des personnes
|
|
* @param {HTMLInputElement} idCaseGlobale id case à cocher d'une personne
|
|
*/
|
|
function cocherDecocherToutesLesPersonnes(idCaseGlobale) {
|
|
let lesPersonnes = document.querySelectorAll("div.personne");
|
|
cocherDecocherLesPersonnes(idCaseGlobale, lesPersonnes);
|
|
changerMessage(idCaseGlobale.nextElementSibling, idCaseGlobale);
|
|
}
|
|
|
|
/**
|
|
* @param {HTMLInputElement} idCaseGlobale
|
|
* @param {NodeListOf<Element>} lesPersonnes
|
|
*/
|
|
function cocherDecocherLesPersonnes(idCaseGlobale, lesPersonnes) {
|
|
for (let j = 0; j < lesPersonnes.length; ++j) {
|
|
// trouver l'élément total de la personne
|
|
let idTotal = lesPersonnes[j].querySelector("span");
|
|
// puis la case à cocher
|
|
let idCase = lesPersonnes[j].closest("summary").querySelector("input");
|
|
idCase.checked = idCaseGlobale.checked;
|
|
// puis traiter toutes les cases de la personne
|
|
cocherDecocherPersonne(idCase, idTotal);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Fonction appelée quand on (dé)coche la case d'une personne
|
|
* - (dé)sélectionner toutes les cases à cocher
|
|
* - faire le total des cases cochées et l'afficher
|
|
* @param {HTMLInputElement} idCase id de la case qui a été cochée
|
|
* @param {HTMLSpanElement} idTotal id de l'élément où afficher le total
|
|
*/
|
|
function cocherDecocherPersonne(idCase, idTotal) {
|
|
// chercher le fieldset des versements
|
|
let fieldset = idCase.closest("details").querySelector("div.versements");
|
|
let listeCases = fieldset.querySelectorAll("input[type=checkbox]");
|
|
for (let i = 0; i < listeCases.length; ++i) {
|
|
listeCases[i].checked = idCase.checked;
|
|
cocherDecocherVersement(listeCases[i], idTotal);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Fonction appelée quand on (dé)coche la case d'un versement
|
|
* Faire le total des cases cochées et l'afficher
|
|
*
|
|
* @param {HTMLInputElement} idCase id de la case qui a été cochée
|
|
* @param {HTMLSpanElement} idTotal id de l'élément où afficher le total
|
|
*/
|
|
function cocherDecocherVersement(idCase, idTotal) {
|
|
let fieldset = idCase.closest("div.versements");
|
|
let listeCases = fieldset.querySelectorAll("input[type=checkbox]");
|
|
let listeMontants = fieldset.querySelectorAll("span.montant");
|
|
calculerTotal(listeCases, listeMontants, idTotal);
|
|
}
|
|
|
|
/**
|
|
* Faire le total des cases cochées et l'afficher
|
|
* @param {NodeListOf<Element>} listeCases liste des cases
|
|
* @param {NodeListOf<Element>} listeMontants liste des montants associés
|
|
* @param {HTMLSpanElement} idTotal id de l'élément où afficher le total
|
|
*/
|
|
function calculerTotal(listeCases, listeMontants, idTotal) {
|
|
let total = 0;
|
|
for (let i = 0; i < listeCases.length; ++i) {
|
|
if (listeCases[i].checked) {
|
|
total += parseFloat(listeMontants[i].textContent.replace(/\s/g, "").replace(",", "."));
|
|
}
|
|
}
|
|
// afficher le total
|
|
idTotal.innerHTML =
|
|
total.toLocaleString('fr-FR', {
|
|
style: 'currency', currency: 'EUR',
|
|
minimumFractionDigits: 2
|
|
});
|
|
}
|
|
|
|
/**
|
|
* changer le message en fonction de l'état coché de la case
|
|
* @param {Element} message
|
|
* @param {HTMLInputElement} idCase
|
|
*/
|
|
function changerMessage(message, idCase) {
|
|
if (idCase.checked) {
|
|
message.innerHTML = "Cliquer pour dé-cocher toutes les lignes";
|
|
} else {
|
|
message.innerHTML = "Cliquer pour cocher toutes les lignes";
|
|
}
|
|
}
|
|
|
|
/**
|
|
* afficher/masquer les détails
|
|
* @param {string} idElem bouton de masquage/affichage
|
|
* @param {string} classe des détails à afficher/masquer
|
|
* @param {string} texte du bouton
|
|
*/
|
|
function montrerMasquerDetails(idElem, classe, texte) {
|
|
let lesDetails = document.querySelectorAll(classe);
|
|
if (lesDetails.length > 0) {
|
|
let leBouton = document.getElementById(idElem);
|
|
if (leBouton.textContent.includes('Replier')) {
|
|
// masquer
|
|
lesDetails.forEach((e) => {
|
|
e.removeAttribute('open');
|
|
});
|
|
leBouton.textContent = "Déplier " + texte;
|
|
leBouton.setAttribute('data-icon', '↓');
|
|
}
|
|
else {
|
|
// montrer
|
|
lesDetails.forEach((e) => {
|
|
e.setAttribute('open', 'open');
|
|
});
|
|
leBouton.textContent = "Replier " + texte;
|
|
leBouton.setAttribute('data-icon', '↑');
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* fonction appelée lors de la demande de génération des reçus
|
|
* vérifier qu'au moins un versement a été sélectionné
|
|
* @return vrai si au moins un choix a été fait
|
|
* @param {HTMLFormElement} formulaire
|
|
*/
|
|
function verifierChoix(formulaire) {
|
|
return verifierCases(formulaire, 'checkbox', "au moins un versement");
|
|
}
|
|
|
|
// ------------------------------------------------------------------------
|
|
// actions sur la page d'accueil
|
|
// ------------------------------------------------------------------------
|
|
|
|
/**
|
|
* positionner l'action déclenchée par l'envoi du formulaire
|
|
* afficher et masquer des portions de formulaire selon l'action
|
|
* @param {HTMLFormElement} formulaire
|
|
* @param {string} action après envoi du formulaire
|
|
* @param {any} idElem id de l'élément à afficher
|
|
* @param {any} nomClasse classe des éléments à masquer (sauf idElem)
|
|
*/
|
|
function choixMethodeGeneration(formulaire, action, idElem, nomClasse) {
|
|
formulaire.setAttribute('action', 'action.php?action=' + action);
|
|
for (let elem of formulaire.querySelectorAll(nomClasse)) {
|
|
if (elem.id == idElem) {
|
|
elem.classList.remove('hidden');
|
|
}
|
|
else {
|
|
elem.classList.add('hidden');
|
|
}
|
|
}
|
|
}
|
|
|
|
/**
|
|
* vérifier
|
|
* - qu'au moins une activité/tarif est sélectionnée
|
|
* - qu'un radio de chaque activité/tarif sélectionné a été sélectionné :)
|
|
* @param conteneur des cases à vérifier
|
|
*/
|
|
function verifierActivitésTaux(conteneur) {
|
|
let nbChoix = 0;
|
|
// parcourir les cases à cocher
|
|
for (let idCase of conteneur.querySelectorAll("input[type=checkbox]")) {
|
|
if (idCase.checked) {
|
|
++nbChoix;
|
|
// vérifier qu'un radio de la même ligne est sélectionné
|
|
let ligneCorrecte = false;
|
|
// trouver la ligne englobante
|
|
let ligne = idCase.closest("li");
|
|
for (let idRadio of ligne.querySelectorAll('input[type=radio]')) {
|
|
if (idRadio.checked) { ligneCorrecte = true; break; }
|
|
}
|
|
if (!ligneCorrecte) {
|
|
alert("Erreur : il faut sélectionner un taux de réduction dans chaque ligne cochée");
|
|
return false;
|
|
}
|
|
}
|
|
}
|
|
if (nbChoix == 0) {
|
|
alert("Erreur : il faut sélectionner au moins une ligne");
|
|
}
|
|
return nbChoix != 0;
|
|
}
|
|
|
|
/**
|
|
* vérifier qu'un taux a été sélectionné dans le conteneur paramètre
|
|
*/
|
|
function verifierTaux(conteneur) {
|
|
return verifierCases(conteneur, 'radio', "un taux de réduction");
|
|
}
|
|
|
|
// ------------------------------------------------------------------------
|
|
// actions sur la config
|
|
// ------------------------------------------------------------------------
|
|
|
|
/**
|
|
* vérifier les données saisies dans le formulaire de configuration
|
|
*/
|
|
function verifierConfig(divArticles, divTauxReduc) {
|
|
// articles
|
|
if (!verifierCases(divArticles, "checkbox", "au moins un article")) { return false; }
|
|
|
|
// taux de réduction
|
|
if (!verifierCases(divTauxReduc, "checkbox", "au moins un taux de réduction")) { return false; }
|
|
|
|
// Nom, fonction, signature
|
|
|
|
|
|
// alert("Erreur : il faut sélectionner au moins un versement");
|
|
return true;
|
|
}
|
|
|
|
/**
|
|
* Vérifier qu'au moins une case est cochée dans le conteneur
|
|
* @param conteneur
|
|
* @param type de case à vérifier (radio, checkbox)
|
|
* @param message à afficher si erreur
|
|
*/
|
|
function verifierCases(conteneur, type, message) {
|
|
let selecteur = "input[type=" + type + "]";
|
|
let listeCheck = conteneur.querySelectorAll(selecteur);
|
|
for (let elem of listeCheck) {
|
|
if (elem.checked) { return true; }
|
|
}
|
|
alert("Erreur : il faut sélectionner " + message);
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* petite bidouille pour utiliser ma feuille de style pour imprimer les reçus
|
|
* à la place de la feuille de style de paheko
|
|
* @param {*} document
|
|
*/
|
|
function changerStyle(document) {
|
|
let styles = document.querySelectorAll('link[rel="stylesheet"]');
|
|
// console.log(styles);
|
|
for (let sheet of styles) {
|
|
if (sheet.href.includes('print.css')) { sheet.media = "tv"; sheet.remove; }
|
|
if (sheet.href.includes('imprimer_recu.css')) { sheet.media = 'print'; }
|
|
}
|
|
// console.log(styles);
|
|
} |