main.js

import { AUTHORS, COLS, D } from "./data.js";

const append = (type, par) => {
    const el = document.createElement(type);
    el.style.textAlign = "center";
    el.style.padding = "3px";
    par.appendChild(el);
    return el;
};

const parse_efficiency = (s) => {
    const A = s.split("/");
    if (A.length == 1) { return +s; }
    const V = A.map(a => {
        if (a[0] == "(") { a = a.slice(1, a.length - 1); }
        const C = a.split("+");
        let v = 0;
        for (const c of C) {
            const B = c.split("r");
            if (B.length == 1) { v += +c; }
            else { v += ((B[0] == "") ? 1 : (+B[0]))*(B[1]**0.5); }
        }
        return v;
    });
    return V[0]/V[1];
};

const type_cmp = {
    I: 0,
    D: 1,
    P: 2,
    S: 3,
    F: 4,
    C: 5,
    f: 6,
};

window.onload = () => {
    const mail = document.getElementById("mail");
    mail.setAttribute("href", "mailto:checkerb" + "oards@m" + "it.e" + "du");
    const COLI = {};
    for (let i = 0; i < COLS.length; ++i) { COLI[COLS[i]] = i; }
    const main = document.getElementById("main");
    main.setAttribute("width", "100%");
    const table = append("table", main);
    table.setAttribute("width", "100%");
    const header_row = append("tr", table);
    for (const c of COLS) {
        if ((c == "site") || (c == "link")) { continue; }
        const td = append("th", header_row);
        td.style.background = "lightgray";
        td.innerHTML = c;
    }
    D.sort((a, b) => {
        const ag = a[COLI.size];
        const bg = b[COLI.size];
        if (ag != bg) { return ag - bg; }
        const ae = parse_efficiency(a[COLI.efficiency]);
        const be = parse_efficiency(b[COLI.efficiency]);
        if (be != ae) { return be - ae; }
        const at = a[COLI.type][0];
        const bt = b[COLI.type][0];
        if (at != bt) { return type_cmp[at] - type_cmp[bt]; }
        const ay = a[COLI.year];
        const by = b[COLI.year];
        if (ay != by) { return ay - by; }
        return a[COLI["#"]] - b[COLI["#"]];
    });
    const best = new Map();
    for (let i = 0; i < D.length; ++i) {
        const A = D[i];
        const row = append("tr", table);
        const line = {};
        for (const c of COLS) { line[c] = A[COLI[c]]; }
        let mark = false;
        for (const c of line.type) {
            if (c == "f") { mark = false; break; }
            const k = `${line.size},${c}`;
            const e = best.get(k) ?? line.efficiency;
            if (e == line.efficiency) {
                mark = true;
                best.set(k, i);
                if (c == "S") { best.set(`${line.size},C`, i); }
                if (c == "F") { best.set(`${line.size},C`, i); }
            }
        }
        for (const c of COLS) {
            if ((c == "site") || (c == "link")) { continue; }
            const td = append("td", row);
            const val = line[c];
            if (c == "cp") {
                if (val != 0) {
                    const a = append("a", td);
                    a.setAttribute("href", `./fold/${
                        line.size  }x${
                        line.size  }_${
                        line.type  }_${
                        line.author}_${
                        line.year  }_${
                        line["#"]  }.fold`);
                    a.innerHTML = ".fold";
                }
            } else if (c == "size") {
                td.innerHTML = `${val}x${val}`;
            } else if (c == "efficiency") {
                td.innerHTML = `${val} = ${parse_efficiency(val).toFixed(3)}`;
            } else if (c == "notes") {
                td.style.textAlign = "left";
                if (line.site == "") {
                    td.innerHTML = val;
                } else {
                    td.innerHTML = `<a href=${line.link}>${line.site}</a>` + (
                        (line.notes == "") ? "" : `, ${line.notes}`
                    );
                }
            } else if (c == "author") {
                td.innerHTML = AUTHORS[val];
            } else {
                td.innerHTML = val;
            }
            td.style.background = (mark) ?  "white" : "lightgray";
        }
    }
    const csv = document.getElementById("csv");
    const head = [];
    for (const c of COLS) {
        head.push(c);
        if (c == "efficiency") {
            head.push("efficiency (numeric)");
        }
    }
    const L = [head];
    for (const A of D) {
        const line = [];
        for (const c of COLS) {
            const v = A[COLI[c]];
            if (c == "efficiency") {
                line.push(`(${v})`);
                line.push(parse_efficiency(v));
            } else if (c == "author") {
                line.push(AUTHORS[v]);
            } else if (c == "cp") {
                line.push((v == 1) ? true : false);
            } else if ((c == "notes") || (c == "site")) {
                line.push(`"${v} "`);
            } else {
                line.push(v);
            }
        }
        line.join(",");
        L.push(line);
    }
    const csv_data = new Blob([L.join("\n")], {type: "text/plain"});
    csv.setAttribute("download", "checkerboard.csv");
    csv.setAttribute("href", window.URL.createObjectURL(csv_data));
};