forked from ScoDoc/ScoDoc
68 lines
2.2 KiB
Django/Jinja
68 lines
2.2 KiB
Django/Jinja
<div>
|
|
<div class="sco_box_title">Évènements enregistrés pour cet étudiant</div>
|
|
<div id="options-tableau">
|
|
{% if afficher_options != false %}
|
|
<input type="checkbox" id="show_pres" name="show_pres"
|
|
onclick="updateTableau()" {{'checked' if options.show_pres else ''}}>
|
|
<label for="show_pres">afficher les présences</label>
|
|
|
|
<input type="checkbox" id="show_reta" name="show_reta"
|
|
onclick="updateTableau()" {{'checked' if options.show_reta else ''}}>
|
|
<label for="show_reta">afficher les retards</label>
|
|
|
|
<input type="checkbox" id="show_desc" name="show_desc"
|
|
onclick="updateTableau()" {{'checked' if options.show_desc else ''}}>
|
|
<label for="with_desc">afficher les descriptions</label>
|
|
|
|
<a style="margin-left:32px;" href="{{request.url}}&fmt=xlsx">{{scu.ICON_XLS|safe}}</a>
|
|
<br>
|
|
{% endif %}
|
|
<label for="nb_ligne_page">Nombre de lignes par page : </label>
|
|
<input type="number" name="nb_ligne_page" id="nb_ligne_page"
|
|
size="4" step="25" min="10" value="{{options.nb_ligne_page}}"
|
|
onchange="updateTableau()"
|
|
>
|
|
|
|
<label for="n_page">Page n°</label>
|
|
<select name="n_page" id="n_page">
|
|
{% for n in range(1,total_pages+1) %}
|
|
<option value="{{n}}" {{'selected' if n == options.page else ''}}>{{n}}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<br>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
|
{{table.html() | safe}}
|
|
|
|
<script>
|
|
|
|
function updateTableau() {
|
|
const url = new URL(location.href);
|
|
const form = document.getElementById("options-tableau");
|
|
const formValues = form.querySelectorAll("*[name]");
|
|
|
|
formValues.forEach((el) => {
|
|
if (el.type == "checkbox") {
|
|
url.searchParams.set(el.name, el.checked)
|
|
} else {
|
|
url.searchParams.set(el.name, el.value)
|
|
}
|
|
})
|
|
if (!url.href.endsWith("#options-tableau")) {
|
|
location.href = url.href + "#options-tableau";
|
|
} else {
|
|
location.href = url.href;
|
|
}
|
|
}
|
|
|
|
</script>
|
|
|
|
<style>
|
|
.small-font {
|
|
font-size: 9pt;
|
|
}
|
|
</style>
|