Revise paste 7b5177126e48d

const API_URL = "https://raw.githubusercontent.com/sweko/uacs-internet-programming-exams/main/dry-run-mid-term-2024/data/authors.json"; 
let authors = [];
let currentSort = { key: null, direction: 'asc' };

document.addEventListener("DOMContentLoaded", async () => {
  await fetchAuthors();
  initFilters();
  renderTable(authors);
});

async function fetchAuthors() {
  try {
    const res = await fetch(API_URL);
    authors = await res.json();
    console.log(authors);
    console.log(authors);
  } catch (err) {
    console.error("Error fetching authors:", err);
  }
}

function initFilters() {
  const nationalitySet = new Set(authors.map(a => a.nationality));
  const select = document.getElementById("nationality-search");
  nationalitySet.forEach(n => {
    const opt = document.createElement("option");
    opt.value = n;
    opt.textContent = n;
    select.appendChild(opt);
  });

document.querySelectorAll("#name-search, #nationality-search, #alive-search, #year-search")
    .forEach(el => el.addEventListener("input", applyFilters));

document.getElementById("clearFilters").addEventListener("click", () => {
    document.getElementById("name-search").value = "";
    document.getElementById("nationality-search").value = "";
    document.getElementById("alive-search").checked = false;
    document.getElementById("year-search").value = "";
    renderTable(authors);
  });

document.querySelectorAll("th[data-sort]").forEach(th => {
    th.addEventListener("click", () => sortTable(th.dataset.sort));
  });

document.getElementById("close-modal").onclick = () => {
    document.getElementById("booksModal").style.display = "none";
  };
}

function applyFilters() {
  let filtered = [...authors];
  const name = document.getElementById("name-search").value.toLowerCase();
  const nationality = document.getElementById("nationality-search").value;
  const alive = document.getElementById("alive-search").checked;
  const year = parseInt(document.getElementById("year-search").value);

filtered = filtered.filter(a => {
    const isAlive = !a.death_date;
    const { start, end } = getYearsActive(a);
    return (!name || a.name.toLowerCase().includes(name)) &&
           (!nationality || a.nationality === nationality) &&
           (!alive || isAlive) &&
           (!year || (start <= year && year <= end));
  });

renderTable(filtered);
}

function renderTable(data) {
  const tbody = document.querySelector("#authorsTable tbody");
  tbody.innerHTML = "";

data.forEach(a => {
    const row = document.createElement("tr");
    const isAlive = !a.death_date;
    const age = calculateAge(a);
    const { start, end } = getYearsActive(a);
    const yearsActive = `${start} - ${end}`;
    const books = a.bibliography || [];
    const bibliographyCount = books.length;
    const summary = getBibliographySummary(books);

row.innerHTML = `
      <td>${a.id}</td>
      <td>${a.name}</td>
      <td>${a.birth_date}</td>
      <td><input type="checkbox" ${isAlive ? "checked" : ""} disabled></td>
      <td>${age}</td>
      <td>${a.nationality}</td>
      <td>${bibliographyCount}</td>
      <td><a href="#" onclick='openBooksModal(${JSON.stringify(JSON.stringify(books))})'>${summary}</a></td>
      <td>${yearsActive}</td>
    `;
    tbody.appendChild(row);
  });
}

function calculateAge(a) {
  const birth = new Date(a.birth_date);
  const end = a.death_date ? new Date(a.death_date) : new Date();
  return end.getFullYear() - birth.getFullYear();
}

function getBibliographySummary(books) {
  const countByType = {};
  books.forEach(b => countByType[b.type] = (countByType[b.type] || 0) + 1);

const parts = Object.entries(countByType).map(([type, count]) =>
    `${count} ${type}${count > 1 ? "s" : ""}`
  );
  return parts.join(", ");
}

function getYearsActive(a) {
  if (!a.bibliography || a.bibliography.length === 0)
    return { start: "-", end: "-" };

const years = a.bibliography.map(b => b.year);
  const start = Math.min(...years);
  let end = Math.max(...years);
  const currentYear = new Date().getFullYear();
  const isAlive = !a.death_date;

if (!isAlive) end = new Date(a.death_date).getFullYear();
  else if (currentYear - end <= 2) end = "present";

return { start, end };
}

function openBooksModal(booksStr) {
  const books = JSON.parse(booksStr);
  const tbody = document.querySelector("#booksTable tbody");
  tbody.innerHTML = "";

books.sort((a, b) => b.year - a.year)
       .forEach(b => {
         const tr = document.createElement("tr");
         tr.innerHTML = `<td>${b.name}</td><td>${b.year}</td><td>${b.type}</td>`;
         tbody.appendChild(tr);
       });

document.getElementById("booksModal").style.display = "flex";
}

function sortTable(key) {
  const dir = (currentSort.key === key && currentSort.direction === "asc") ? "desc" : "asc";
  currentSort = { key, direction: dir };

const sorted = [...authors].sort((a, b) => compareAuthors(a, b, key, dir));
  document.querySelectorAll("th[data-sort]").forEach(th => th.classList.remove("sort-asc", "sort-desc"));
  document.querySelector(`th[data-sort="${key}"]`).classList.add(dir === "asc" ? "sort-asc" : "sort-desc");
  renderTable(sorted);
}

function compareAuthors(a, b, key, dir) {
  const factor = dir === "asc" ? 1 : -1;
  const valA = getComparableValue(a, key);
  const valB = getComparableValue(b, key);
  return (valA > valB ? 1 : valA < valB ? -1 : 0) * factor;
}