All papers

lang = "en"
root = "./"

import { strings } from "/assets/strings.js"
import { paperLink, fmt, papersCSV, papersBibTeX, papersRIS, downloadButton } from "/assets/catalog.js"
t = strings[lang]
papers = d3.json(root + "data/papers.json")
htl.html`<p>${t.papersTableIntro}</p>`

viewof rows = Inputs.search(papers, { placeholder: t.filterTable, width: "100%",
                                      format: n => fmt(t.showing, { n, total: papers.length }) })

stamp = new Date().toISOString().slice(0, 10)
htl.html`<div class="export-bar">
  ${downloadButton("CSV", `acg-papers-${stamp}.csv`, "text/csv;charset=utf-8", () => papersCSV(rows))}
  ${downloadButton("BibTeX", `acg-papers-${stamp}.bib`, "application/x-bibtex;charset=utf-8", () => papersBibTeX(rows))}
  ${downloadButton("RIS", `acg-papers-${stamp}.ris`, "application/x-research-info-systems;charset=utf-8", () => papersRIS(rows))}
</div>`

Inputs.table(rows, {
  columns: ["title", "authors", "year", "venue", "themes", "taxa"],
  header: { title: t.title, authors: t.authors, year: t.year, venue: t.venue,
            themes: t.themes, taxa: t.taxa },
  format: {
    title: (x, i, data) => htl.html`<a href="${paperLink(data[i])}" target="_blank" rel="noopener">${x}</a>`,
    authors: x => (x || "").split(";").length > 6 ? x.split(";").slice(0, 6).join(";") + "; et al." : x,
    year: x => x ?? "",
    themes: x => (x || "").split(";").map(s => t.themeNames[s.trim()] || s.trim()).filter(Boolean).join("; ")
  },
  layout: "fixed",
  rows: 25,
  height: 640,
  sort: "year",
  reverse: true
})