Les bibliothécaires référent·e·s
Auteur·rice·s
Viviane Babeix
Julien Rabaud
Date de publication
24 mars 2025
Par Collège
Code
uniqueColleges = Array.from(new Set(data.map(row => row.Collège))).sort();
// Ajouter une option "Aucun" pour forcer une sélection explicite
uniqueCollegesWithNone = ["Aucun", ...uniqueColleges];
viewof selectedCollege = Inputs.select(uniqueCollegesWithNone, { label: "Choisissez :", value: "Aucun" });
// Générer le tableau uniquement si une valeur est sélectionnée
selectedCollege !== "Aucun" ? html`
<table class="table-striped table-hover table">
<caption>Parcours pour le collège ${selectedCollege}</caption>
<colgroup>
<col style="width: 55%">
<col style="width: 20%">
<col style="width: 25%">
</colgroup>
<thead>
<tr class="header">
<th style="text-align: left;">Parcours</th>
<th style="text-align: center;">Campus</th>
<th style="text-align: center;">Référent·e</th>
</tr>
</thead>
<tbody>
${data.filter(row => row.Collège === selectedCollege).map(row => html`
<tr>
<td style="text-align: left;">${row.Parcours}</td>
<td style="text-align: center;">${row.Campus}</td>
<td style="text-align: center;">${row.Contact}</td>
</tr>
`)}
</tbody>
</table>
` : html`<p class="selectionnez">Sélectionnez un collège pour afficher le tableau.</p>`;
Par Référent·e
Code
uniqueContacts = Array.from(new Set(data.map(row => row.Contact))).sort();
// Ajouter une option "Aucun" pour forcer une sélection explicite
uniqueContactsWithNone = ["Aucun", ...uniqueContacts];
viewof selectedContact = Inputs.select(uniqueContactsWithNone, { label: "Choisissez :", value: "Aucun" });
// Générer le tableau uniquement si une valeur est sélectionnée
selectedContact !== "Aucun" ? html`
<table class="table-striped table-hover table">
<caption>Parcours pour ${selectedContact}</caption>
<colgroup>
<col style="width: 15%">
<col style="width: 40%">
<col style="width: 45%">
</colgroup>
<thead>
<tr class="header">
<th style="text-align: left;">Collège</th>
<th style="text-align: left;">Mention</th>
<th style="text-align: left;">Parcours</th>
</tr>
</thead>
<tbody>
${data.filter(row => row.Contact === selectedContact).map(row => html`
<tr>
<td style="text-align: left;">${row.Collège}</td>
<td style="text-align: left;">${row.Mention}</td>
<td style="text-align: left;">${row.Parcours}</td>
</tr>
`)}
</tbody>
</table>
` : html`<p class="selectionnez">Sélectionnez un·e référent·e pour afficher le tableau.</p>`;Tableau général
Afficher le contenu de
Masters.csv