recusfiscaux/templates/index.tpl

130 lines
5.6 KiB
Smarty
Raw Normal View History

<!-- nav bar -->
{include file="%s/templates/_nav.tpl"|args:$plugin_root current_nav="index"}
<h2>Choisir l'année fiscale</h2>
<form id="formulaire_saisie" method="post" action="action.php">
<fieldset>
{* <legend>Choisir l'année fiscale</legend> *}
<select id="annee_recu" name="annee_recu">
{foreach from=$anneesFiscales item="annee"}
<option value="{$annee}" {if $annee == $anneeCourante - 1} selected{/if}>{$annee}
</option>
{/foreach}
</select>
</fieldset>
<div id="choix_methode">
<h2>Choisir une méthode de génération des reçus</h2>
<fieldset>
{* <legend>Choisir une des méthodes</legend> *}
<dl>
<dd class="radio-btn">
<input type="radio" id="radio_tous_versements" name="choix_versements" value="tous_versements"
onclick="afficherMasquer(this.form, '.tous', '.activites');" />
<label for="radio_tous_versements">
<div>
<h5>
Tous les versements des membres font l'objet d'un reçu, sans
tenir compte des activités et tarifs
</h5>
</div>
</label>
</dd>
<dd class="radio-btn">
<input type="radio" id="radio_versements_activites" name="choix_versements"
value="versements_activites" onclick="afficherMasquer(this.form, '.activites', '.tous');" />
<label for="radio_versements_activites">
<div>
<h5>
Seuls les versements de certaines activités et tarifs font
l'objet d'un reçu
</h5>
</div>
</label>
</dd>
</dl>
</fieldset>
</div>
<div id="generer_tous" class="tous hidden">
<p class=" submit">
{csrf_field key="generer_tous_recus"}
{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">
<thead>
<tr>
<th>Cocher</th>
<th>Activité et Tarif</th>
<th>Taux de réduction</th>
<th>Caractéristiques activité</th>
<th>N° et Compte</th>
</tr>
</thead>
<tbody>
{foreach from=$activitesTarifsComptes item="activite"}
<tr>
<td>
{input type="checkbox" name="tarifs[]" value=$activite.idTarif}
</td>
<td>
<span>{$activite.titreActivite} - {$activite.titreTarif}</span>
</td>
<td>
<span class="radio-btn">
<input type="radio" id="taux_normal_{$activite.idTarif}"
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" disabled />
<label for="taux_majore_{$activite.idTarif}">majoré</label>
</span>
</td>
<td>{if $activite.descActivite != ""}{$activite.descActivite} ; {/if}{$activite.descTarif}</td>
<td>{$activite.numeroCpt} : {$activite.nomCpt}</td>
</tr>
{/foreach}
</tbody>
</table>
<p class="help">Si vous ne savez pas quel taux de réduction utiliser, n'en choisissez aucun</p>
</div>
<div id="generer_activites" class="activites hidden">
<p class=" submit">
{csrf_field key="generer_recus_activites"}
{button type="submit" name="generer_activites" label="Poursuivre" shape="right" class="main"}
</p>
</div>
</form>
<script type="text/javascript" src="script.js" defer="defer"></script>
{literal}
<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}
<!-- footer -->
{include file="admin/_foot.tpl"}