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

Retour au sommet