Finalisation numéro de reçu et impression adresse courriel
FossilOrigin-Name: c8806d21d99de18397e95e2a4aae69f3a68dd3c7fbb763aa987d267f0761f863
This commit is contained in:
engel
parent
25cba953a7
commit
de086d9f72
7 changed files with 214 additions and 192 deletions
|
|
@ -10,11 +10,6 @@ if (! isset($_SESSION['annee_recu']) || $_SESSION['annee_recu'] == "")
|
|||
$_SESSION['annee_recu'] = date("Y") - 1;
|
||||
}
|
||||
|
||||
// error_log("config=" . print_r($plugin->getConfig(), true));
|
||||
// error_log("articlesCGI=" . print_r($plugin->getConfig('articlesCGI'), true));
|
||||
// error_log("reduction=" . print_r($plugin->getConfig('reduction'), true));
|
||||
// error_log("numerotation=" . print_r($plugin->getConfig('numerotation'), true));
|
||||
|
||||
// nombre de taux de réduction activés
|
||||
$nbTaux = 0;
|
||||
foreach ($plugin->getConfig('reduction') as $taux)
|
||||
|
|
|
|||
|
|
@ -1,5 +1,9 @@
|
|||
"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
|
||||
|
|
@ -128,104 +132,6 @@ function changerMessage(message, idCase)
|
|||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* fonction appelée lors de la validation du formulaire
|
||||
* @return vrai si au moins un choix a été fait
|
||||
* @param {HTMLFormElement} formulaire
|
||||
*/
|
||||
function verifierChoix(formulaire)
|
||||
{
|
||||
let listeCheck = formulaire.getElementsByTagName("input");
|
||||
let ok = false;
|
||||
for (let i = 1; i < listeCheck.length; ++i)
|
||||
{
|
||||
if (listeCheck[i].checked)
|
||||
{
|
||||
ok = true;
|
||||
break;
|
||||
}
|
||||
}
|
||||
if (! ok)
|
||||
{
|
||||
alert("Erreur : il faut sélectionner au moins un versement");
|
||||
}
|
||||
return ok;
|
||||
}
|
||||
|
||||
/**
|
||||
* 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 {string} idElem id du conteneur des cases à vérifier
|
||||
*/
|
||||
function verifierCases(idElem)
|
||||
{
|
||||
let div = document.getElementById(idElem);
|
||||
let nbChoix = 0;
|
||||
// parcourir les cases à cocher
|
||||
for (let idCase of div.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 radio a été sélectionné dans la div paramètre
|
||||
* @param {string} idElem id du conteneur des radios à vérifier
|
||||
*/
|
||||
function verifierRadio(idElem)
|
||||
{
|
||||
let div = document.getElementById(idElem);
|
||||
for (let idRadio of div.querySelectorAll('input[type=radio]'))
|
||||
{
|
||||
if (idRadio.checked) { return true; }
|
||||
}
|
||||
alert("Erreur : il faut sélectionner un taux de réduction");
|
||||
return false;
|
||||
}
|
||||
|
||||
/**
|
||||
* afficher/masquer les détails
|
||||
* @param {string} idElem bouton de masquage/affichage
|
||||
|
|
@ -260,32 +166,100 @@ function montrerMasquerDetails(idElem, classe, texte)
|
|||
}
|
||||
|
||||
/**
|
||||
*
|
||||
* 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 aumoinsun(conteneur, message)
|
||||
function verifierChoix(formulaire)
|
||||
{
|
||||
let listeCheck = conteneur.querySelectorAll('input[type=checkbox]');
|
||||
for (let elem of listeCheck)
|
||||
{
|
||||
if (elem.checked) { return true; }
|
||||
}
|
||||
alert("Erreur : il faut sélectionner au moins " + message);
|
||||
return false;
|
||||
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(
|
||||
formulaire,
|
||||
divArticles,
|
||||
divTauxReduc
|
||||
)
|
||||
*/
|
||||
function verifierConfig(divArticles, divTauxReduc)
|
||||
{
|
||||
// articles
|
||||
if (! aumoinsun(divArticles, "un article")) { return false; }
|
||||
if (! verifierCases(divArticles, "checkbox", "au moins un article")) { return false; }
|
||||
|
||||
// taux de réduction
|
||||
if (! aumoinsun(divTauxReduc, "un taux de réduction")) { return false; }
|
||||
if (! verifierCases(divTauxReduc, "checkbox", "au moins un taux de réduction")) { return false; }
|
||||
|
||||
// Nom, fonction, signature
|
||||
|
||||
|
|
@ -293,3 +267,21 @@ function verifierConfig(
|
|||
// 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;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,7 +1,11 @@
|
|||
/* liste des versements */
|
||||
/*
|
||||
* liste des versements
|
||||
*/
|
||||
|
||||
div.pair {
|
||||
background-color: rgba(var(--gSecondColor), 0.15);
|
||||
}
|
||||
|
||||
fieldset.versements
|
||||
{
|
||||
margin-bottom : 0;
|
||||
|
|
@ -9,102 +13,128 @@ fieldset.versements
|
|||
-webkit-border-radius:8px;
|
||||
border-radius:8px;
|
||||
}
|
||||
|
||||
div span {
|
||||
padding-left : 0.5em;
|
||||
padding-right : 0.5em;
|
||||
}
|
||||
|
||||
td.montant {
|
||||
text-align : right;
|
||||
}
|
||||
|
||||
span.montant {
|
||||
width : 5em;
|
||||
text-align : right;
|
||||
}
|
||||
|
||||
span.total
|
||||
{
|
||||
font-weight : bold;
|
||||
}
|
||||
|
||||
summary.activite
|
||||
{
|
||||
margin-bottom : 0.5em;
|
||||
}
|
||||
|
||||
summary.personne
|
||||
{
|
||||
margin-bottom : 0.5em;
|
||||
padding-top : 0;
|
||||
padding-bottom : 0;
|
||||
}
|
||||
|
||||
div.activite
|
||||
{
|
||||
background-color: rgba(var(--gSecondColor), 0.3);
|
||||
}
|
||||
|
||||
div.personne
|
||||
{
|
||||
font-weight : normal;
|
||||
background-color: rgba(var(--gSecondColor), 0.25);
|
||||
}
|
||||
|
||||
h3.activite
|
||||
{
|
||||
display : inline;
|
||||
}
|
||||
|
||||
p.activite
|
||||
{
|
||||
margin-left : 2.5em;
|
||||
}
|
||||
#signature
|
||||
{
|
||||
padding : 1em 0.5em 0 0.5em;
|
||||
max-width: 300px;
|
||||
max-height: 150px;
|
||||
}
|
||||
|
||||
div.explications ul
|
||||
{
|
||||
list-style : initial;
|
||||
}
|
||||
|
||||
div.actions
|
||||
{
|
||||
display : inline;
|
||||
}
|
||||
input.check_global
|
||||
{
|
||||
margin : 0.2em 0.5em;
|
||||
}
|
||||
dl#menu
|
||||
{
|
||||
min-width : 40em;
|
||||
width : 50%;
|
||||
}
|
||||
|
||||
div.versements
|
||||
{
|
||||
margin-left : 4em;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
/* config */
|
||||
|
||||
/*
|
||||
* page d'accueil
|
||||
*/
|
||||
|
||||
div.explications ul
|
||||
{
|
||||
list-style : initial;
|
||||
}
|
||||
|
||||
dl#menu
|
||||
{
|
||||
min-width : 40em;
|
||||
width : 50%;
|
||||
}
|
||||
|
||||
/*
|
||||
* configuration
|
||||
*/
|
||||
|
||||
#signature
|
||||
{
|
||||
padding : 1em 0.5em 0 0.5em;
|
||||
max-width: 300px;
|
||||
max-height: 120px;
|
||||
}
|
||||
|
||||
div.actions
|
||||
{
|
||||
display : inline;
|
||||
}
|
||||
|
||||
dl.config
|
||||
{
|
||||
padding-bottom : 1ex;
|
||||
padding-right : 1em;
|
||||
}
|
||||
div#articles_cgi
|
||||
|
||||
div#articles_cgi, div#config_nom_fonction, div#numero_recus
|
||||
{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
div.article
|
||||
{
|
||||
margin-right : 3em;
|
||||
}
|
||||
/*
|
||||
div#config_nom_fonction
|
||||
{
|
||||
display: flex;
|
||||
}
|
||||
|
||||
div#numero_recus
|
||||
{
|
||||
display:flex;
|
||||
/* align-items: last baseline;*/
|
||||
}
|
||||
*/
|
||||
div.champnom
|
||||
{
|
||||
display : flex;
|
||||
|
|
@ -130,7 +160,8 @@ ul.reduction span.radio-btn
|
|||
}
|
||||
input#f_prefixe
|
||||
{
|
||||
max-width : 8em;
|
||||
width : 8em;
|
||||
min-width : 8em;
|
||||
}
|
||||
input#f_valeur_init
|
||||
{
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue