ajout fonctionnalités choix versements

FossilOrigin-Name: 62fb6243e8d4dfb25f2b856342249e827a261366be106680411204b5b58977f2
This commit is contained in:
engel 2022-01-29 14:03:41 +00:00
parent 9bbd9de84f
commit 7b426d3e32
12 changed files with 243 additions and 187 deletions

View file

@ -2,7 +2,7 @@
{include file="%s/templates/_nav.tpl"|args:$plugin_root current_nav="index"}
<h2>Choisir l'année fiscale</h2>
<form>
<form id="formulaire_saisie" method="post" action="action.php">
<fieldset>
{* <legend>Choisir l'année fiscale</legend> *}
<select id="annee_recu" name="annee_recu">
@ -34,8 +34,7 @@
<dd class="radio-btn">
<input type="radio" id="radio_versements_activites" name="choix_versements"
value="versements_activites"
onclick="afficherMasquer(this.form, '.activites', '.tous');" />
value="versements_activites" onclick="afficherMasquer(this.form, '.activites', '.tous');" />
<label for="radio_versements_activites">
<div>
<h5>
@ -51,12 +50,12 @@
<div id="generer_tous" class="tous hidden">
<p class=" submit">
{csrf_field key="generer_tous_recus"}
{button type="submit" name="generer_tous" label="Générer" shape="right" class="main"}
{button type="submit" name="generer_tous" label="Poursuivre" shape="right" class="main"}
</p>
</div>
<div id="liste_activites_tarifs" class="activites hidden">
<h2>Choisir les activités et tarifs concernés par les reçus ainsi que le taux de réduction</h2>
<table class="list">
<table class="List">
<thead>
<tr>
<th>Cocher</th>
@ -78,12 +77,12 @@
<td>
<span class="radio-btn">
<input type="radio" id="taux_normal_{$activite.idTarif}"
name="taux_reduction_{$activite.idTarif}" value="taux_normal" />
name="taux_reduction_{$activite.idTarif}" value="taux_normal" disabled />
<label for="taux_normal_{$activite.idTarif}">normal</label>
</span>
<span class=" radio-btn">
<input type="radio" id="taux_majore_{$activite.idTarif}"
name="taux_reduction_{$activite.idTarif}" value="taux_majore" />
name="taux_reduction_{$activite.idTarif}" value="taux_majore" disabled />
<label for="taux_majore_{$activite.idTarif}">majoré</label>
</span>
</td>
@ -99,17 +98,31 @@
<div id="generer_activites" class="activites hidden">
<p class=" submit">
{csrf_field key="generer_recus_activites"}
{button type="submit" name="generer_activites" label="Générer" shape="right" class="main"}
{button type="submit" name="generer_activites" label="Poursuivre" shape="right" class="main"}
</p>
</div>
</form>
<script defer type="text/javascript" src="script.js"></script>
<script type="text/javascript" src="script.js" defer="defer"></script>
{literal}
<script type="text/javascript">
// function afficherMasquer(formulaire, class1, visible1, class2, visible2) {
// afficher(formulaire, elem1, visible1);
// afficher(formulaire, elem2, visible2);
// }
<script type="text/javascript">
// activer/désactiver les radios
for (var laCase of document.querySelectorAll("input[type=checkbox]")) {
laCase.addEventListener('change', (evt) => {
var idCase = evt.target;
// chercher la ligne englobante (<tr>)
var ligne = idCase.closest("tr");
// itérer sur les radio de cette ligne
var lesRadios = ligne.querySelectorAll('input[type=radio]');
for (var idRadio of lesRadios) {
if (idCase.checked) {
idRadio.disabled = '';
} else {
idRadio.disabled = 'disabled';
}
}
});
}
</script>
{/literal}