Ajout directives de style

FossilOrigin-Name: 1b127048e020c713814f73d04cbedf86c74127dda40fa1f5d8bb665e472cd56a
This commit is contained in:
engel 2022-01-15 18:17:18 +00:00
parent 31a0f8fdc3
commit c2a3a77f24
4 changed files with 47 additions and 18 deletions

View File

@ -84,21 +84,29 @@
<?php $idVersements = $versement->idTarif."_".$versement->idUser; ?> <?php $idVersements = $versement->idTarif."_".$versement->idUser; ?>
<h3>Versements de {$versement.Nom} : <span id="total_{$idVersements}">0,00 €</span></h3> <h3>Versements de {$versement.Nom} : <span id="total_{$idVersements}">0,00 €</span></h3>
<fieldset class="versements" id="versements_{$idVersements}"> <fieldset class="versements" id="versements_{$idVersements}">
<input class="check_{$idVersements}" <input
type="checkbox" id="check_{$idVersements}" type="checkbox"
class="check_{$idVersements}"
id="check_{$idVersements}"
onclick="cocherDecocherPersonne(check_{$idVersements}, total_{$idVersements})" /> onclick="cocherDecocherPersonne(check_{$idVersements}, total_{$idVersements})" />
<label for="check_{$idVersements}" style="font-weight:bold;">Cliquer ici pour cocher toutes les lignes</label><br /> <label for="check_{$idVersements}" style="font-weight:bold;">Cliquer pour cocher toutes les lignes</label>
<br />
<hr> <hr>
<?php $currentUser = $versement->idUser; ?> <?php $currentUser = $versement->idUser; ?>
{/if} {/if}
{* afficher les infos du versement de la personne*} {* afficher les infos du versement de la personne*}
<input class="check_{$idVersements}" type="checkbox" <div {if $rang%2==0}class="pair"{else}class="impair"{/if}>
<input
type="checkbox"
class="check_{$idVersements}"
id="check_{$idVersements}_{$rang}" id="check_{$idVersements}_{$rang}"
name="selected[]" value={$rang} name="selected[]"
value={$rang}
onclick="cocherDecocherVersement(check_{$idVersements}_{$rang}, total_{$idVersements})" /> onclick="cocherDecocherVersement(check_{$idVersements}_{$rang}, total_{$idVersements})" />
<label for=check_{$idVersements}_{$rang}></label> <label for=check_{$idVersements}_{$rang}></label>
<span class="montant">{$versement.Versement}</span> <span class="montant">{$versement.Versement}</span>
<span>{$versement.Date|date_format:"%d/%m/%Y"}</span><br /> <span>{$versement.Date|date_format:"%d/%m/%Y"}</span>
</div>
{/if} {/if}
{/foreach} {* Itération sur les versements *} {/foreach} {* Itération sur les versements *}
</fieldset> </fieldset>

View File

@ -22,6 +22,7 @@ foreach ($activites as $num => $activite)
$tpl->assign('activitesTarifsComptes', $activitesTarifsComptes); $tpl->assign('activitesTarifsComptes', $activitesTarifsComptes);
$tpl->assign('lesVersements', $lesVersements); $tpl->assign('lesVersements', $lesVersements);
$tpl->assign('listeParActiviteEtTarif', $activites); $tpl->assign('listeParActiviteEtTarif', $activites);
$tpl->assign('plugin_css', ['style.css']);
// envoyer au template // envoyer au template
$tpl->display(PLUGIN_ROOT . '/templates/index.tpl'); $tpl->display(PLUGIN_ROOT . '/templates/index.tpl');

View File

@ -9,21 +9,21 @@
function cocherDecocherPersonne(idCase, idTotal) { function cocherDecocherPersonne(idCase, idTotal) {
// chercher le fieldset englobant // chercher le fieldset englobant
var fieldset = idCase.closest("fieldset"); var fieldset = idCase.closest("fieldset");
var listeCheck = fieldset.getElementsByTagName("input"); var listeCases = fieldset.querySelectorAll("input[type=checkbox]");
var listeMontants = fieldset.querySelectorAll("span.montant"); for (var i = 1; i < listeCases.length; ++i)
for (var i = 1; i < listeCheck.length; ++i)
{ {
listeCheck[i].checked = listeCheck[0].checked; listeCases[i].checked = idCase.checked;
} }
// changer le message // changer le message
var message = idCase.nextElementSibling; var message = idCase.nextElementSibling;
if (idCase.checked) { if (idCase.checked) {
message.innerHTML = "Cliquer ici pour dé-cocher toutes les lignes"; message.innerHTML = "Cliquer pour dé-cocher toutes les lignes";
} else { } else {
message.innerHTML = "Cliquer ici pour cocher toutes les lignes"; message.innerHTML = "Cliquer pour cocher toutes les lignes";
} }
// calculer et afficher le total // calculer et afficher le total
calculerTotal(listeCheck, listeMontants, idTotal); var listeMontants = fieldset.querySelectorAll("span.montant");
calculerTotal(listeCases, listeMontants, idTotal);
} }
/** /**
@ -36,9 +36,9 @@ function cocherDecocherPersonne(idCase, idTotal) {
*/ */
function cocherDecocherVersement(idCase, idTotal) { function cocherDecocherVersement(idCase, idTotal) {
var fieldset = idCase.closest("fieldset"); var fieldset = idCase.closest("fieldset");
var listeCheck = fieldset.getElementsByTagName("input"); var listeCases = fieldset.querySelectorAll("input[type=checkbox]");
var listeMontants = fieldset.querySelectorAll("span.montant"); var listeMontants = fieldset.querySelectorAll("span.montant");
calculerTotal(listeCheck, listeMontants, idTotal); calculerTotal(listeCases, listeMontants, idTotal);
} }
/** /**
@ -47,11 +47,11 @@ function cocherDecocherVersement(idCase, idTotal) {
* @param listes des montants associés * @param listes des montants associés
* @param id de l'élément afficher le total * @param id de l'élément afficher le total
*/ */
function calculerTotal(listeCheck, listeMontants, idTotal) { function calculerTotal(listeCases, listeMontants, idTotal) {
var total = 0; var total = 0;
for (var i = 1; i < listeCheck.length; ++i) for (var i = 1; i < listeCases.length; ++i)
{ {
if (listeCheck[i].checked) { if (listeCases[i].checked) {
total += Number(listeMontants[i-1].textContent); total += Number(listeMontants[i-1].textContent);
} }
} }

20
www/admin/style.css Normal file
View File

@ -0,0 +1,20 @@
div.pair {
padding : 0.2em;
background: rgba(var(--gSecondColor), 0.2);
}
div.impair {
padding : 0.2em;
/*background: #eeeeee; /*rgba(var(--gSecondColor), 0.5);*/
}
fieldset {
border:2px solid brown;
-webkit-border-radius:8px;
border-radius:8px;
}
fieldset label {
font-weight:bold;
}
div span {
padding-left : 0.5em;
padding-right : 0.5em;
}