harmonisation présentation personnes-activités

FossilOrigin-Name: 53550421b288837f1c2120259c638952fdf2853441a1315359d7af51c57c80d8
This commit is contained in:
engel 2022-03-29 12:50:25 +00:00
parent 2fddc192f9
commit 328789b923
6 changed files with 137 additions and 71 deletions

View file

@ -3,17 +3,18 @@
<h2>Versements par activité et tarif</h2>
<div class="year-header noprint">
<button type="button" data-icon="↓" class="icn-btn" id="open_details">Déplier toutes les activités</button>
<button type="button" data-icon="↑" class="icn-btn" id="close_details">Replier toutes les activités</button>
</div>
<form method="post" id="versements_activites" action="generer_activites.php">
<fieldset class="versements" id="versements_global">
<fieldset class="noprint">
{* <div class="noprint"> *}
<input type="checkbox" class="check_global" id="check_global" onclick="cocherDecocherTout(check_global)" />
<label for="check_global">Cliquer pour cocher toutes les lignes</label>
</fieldset>
<button type="button" data-icon="↑" class="icn-btn" id="close_details_activite">Replier toutes les activités</button>
<button type="button" data-icon="↓" class="icn-btn" id="open_details_activite">Déplier toutes les activités</button>
<button type="button" data-icon="↑" class="icn-btn" id="close_details_personne">Replier toutes les personnes</button>
<button type="button" data-icon="↓" class="icn-btn" id="open_details_personne">Déplier toutes les personnes</button>
{* </div> *}
</fieldset>
<form method="post" id="versements_activites" action="generer_activites.php">
{* Itération sur les versements *}
{foreach from=$lesVersements key="i" item="versement"}
@ -31,7 +32,8 @@
{if $versement.idTarif != $tarifCourant}
{* changement de tarif *}
</fieldset> {* fin versements d'une personne *}
</details>
</details> {* fin versements d'une personne *}
</details> {* fin tarif *}
<?php
$tarifCourant = $versement->idTarif;
$personneCourante = $versement->idUser;
@ -42,6 +44,7 @@
{elseif $versement.idUser != $personneCourante}
{* changement de personne *}
</fieldset>
</details>
<?php
$personneCourante = $versement->idUser;
?>
@ -53,8 +56,9 @@
{/if}
{/if}
{/foreach} {* Itération sur les versements *}
</fieldset>
</details>
</fieldset> {* fin versements d'une personne *}
</details> {* fin versements d'une personne *}
</details> {* fin tarif *}
<input type="submit" value="Générer les reçus" onclick="return verifierChoix(this.form)">
</form>
@ -64,14 +68,25 @@
{literal}
<script type="text/javascript">
// ouvrir/fermer les détails
document.querySelector('#open_details').onclick = () => {
document.querySelectorAll('details').forEach((e) => {
// ouvrir/fermer les détails des activités
document.querySelector('#open_details_activite').onclick = () => {
document.querySelectorAll('details.activite').forEach((e) => {
e.setAttribute('open', 'open');
});
};
document.querySelector('#close_details').onclick = () => {
document.querySelectorAll('details').forEach((e) => {
document.querySelector('#close_details_activite').onclick = () => {
document.querySelectorAll('details.activite').forEach((e) => {
e.removeAttribute('open');
});
};
// ouvrir/fermer les détails des personnes
document.querySelector('#open_details_personne').onclick = () => {
document.querySelectorAll('details.personne').forEach((e) => {
e.setAttribute('open', 'open');
});
};
document.querySelector('#close_details_personne').onclick = () => {
document.querySelectorAll('details.personne').forEach((e) => {
e.removeAttribute('open');
});
};

View file

@ -3,27 +3,33 @@
<h2>Versements par personne</h2>
<form method="post" id="versements_personnes" action="generer_personnes.php">
<fieldset class="versements" id="versements_global">
<input type="checkbox" class="check_global" id="check_global" onclick="cocherDecocherToutesLesPersonnes(this.form, check_global)" />
<fieldset class="noprint">
{* <div class="noprint"> *}
<input type="checkbox" class="check_global" id="check_global"
onclick="cocherDecocherToutesLesPersonnes(check_global)" />
<label for="check_global">Cliquer pour cocher toutes les lignes</label>
</fieldset>
<button type="button" data-icon="↑" class="icn-btn" id="close_details_personne">Replier toutes les personnes</button>
<button type="button" data-icon="↓" class="icn-btn" id="open_details_personne">Déplier toutes les personnes</button>
{* </div> *}
</fieldset>
<form method="post" id="versements_personnes" action="generer_personnes.php">
{* Itération sur les personnes *}
{foreach from=$lesVersements key="i" item="versement"}
{if $i == 0}
{* 1ère personne *}
<?php
$personneCourante = $versement->idUser;
$personneCourante = $versement->idUser;
?>
{afficher_debut_personne versement=$versement}
{afficher_versement versement=$versement rang=$i}
{elseif $versement.idUser != $personneCourante}
{* changement de personne *}
</fieldset>
</details>
<?php
$personneCourante = $versement->idUser;
$personneCourante = $versement->idUser;
?>
{afficher_debut_personne versement=$versement}
{afficher_versement versement=$versement rang=$i}
@ -33,6 +39,7 @@
{/if}
{/foreach} {* Itération sur les personnes *}
</fieldset>
</details>
<input type="submit" value="Générer les reçus" onclick="return verifierChoix(this.form)">
</form>
@ -40,5 +47,21 @@
{* scripts pour cases à cocher *}
<script src="script.js"></script>
{literal}
<script type="text/javascript">
// ouvrir/fermer les détails
document.querySelector('#open_details_personne').onclick = () => {
document.querySelectorAll('details.personne').forEach((e) => {
e.setAttribute('open', 'open');
});
};
document.querySelector('#close_details_personne').onclick = () => {
document.querySelectorAll('details.personne').forEach((e) => {
e.removeAttribute('open');
});
};
</script>
{/literal}
<!-- footer -->
{include file="admin/_foot.tpl"}
{include file="admin/_foot.tpl"}