Description du script

Ce script est destiné à la page "detail.pl" de Koha. Il a pour objectif d'améliorer la mise en forme du tableau des exemplaires grâce au CSS. Pour ce faire, il ajoute à chaque cellule du tableau un attribut data-label contenant le texte de l'en-tête correspondant.

Explication détaillée de l’algorithme

  1. Déclenchement du script : Le script s'exécute uniquement si l'URL contient "detail.pl".
  2. Sélection du tableau : Il cherche le tableau identifié par #holdings_table.
  3. Récupération des en-têtes : Le script récupère tous les en-têtes du tableau (balises th) et les stocke dans un tableau.
  4. Parcours des lignes : Pour chaque ligne du corps du tableau, le script parcourt chaque cellule (td).
  5. Attribution de data-label : Pour chaque cellule, il affecte un attribut data-label dont la valeur est le texte de l'en-tête correspondant (selon l'indice de la cellule).

Inclusion du code

//CPour mis en forme par le css du tableau des exemplaires 
 if (window.location.pathname.includes("detail.pl")) { 
  const table = document.querySelector("#holdings_table");
  if (table) {
    const headers = Array.from(table.querySelectorAll("thead th"));
    const rows = table.querySelectorAll("tbody tr");

    rows.forEach((row) => {
      const cells = row.querySelectorAll("td");
      cells.forEach((cell, index) => {
        if (headers[index]) {
          cell.setAttribute("data-label", headers[index].textContent.trim());
        }
      });
    });
  }}

Éléments à modifier

Points clés pour les mises à jour de Koha

Dépendances