Function buildTrashRow

public/js/trashRestoreDelete.js:169–210

(item)

}

function buildTrashRow(item) {
    const row = document.createElement("div");
    row.className = "restore-row";
    row.setAttribute("role", "option");
    row.setAttribute("tabindex", "0");
    row.dataset.trashName = item.trashName;

    const checkbox = document.createElement("input");
    checkbox.type = "checkbox";
    checkbox.value = item.trashName;
    checkbox.className = "restore-checkbox";

    const textWrap = document.createElement("div");
    textWrap.className = "restore-row-text";

    const primary = document.createElement("div");
    primary.className = "restore-primary";
    primary.textContent = item.originalName || item.trashName;

    const meta = document.createElement("div");
    meta.className = "restore-meta";
    const deletedBy = item.deletedBy || tr("unknown_user", "Unknown");
    const trashedDate = item.trashedAt ? new Date(item.trashedAt * 1000).toLocaleString() : "";
    meta.textContent = trashedDate ? `${deletedBy} • ${trashedDate}` : deletedBy;

    textWrap.append(primary, meta);
    row.append(checkbox, textWrap);

    checkbox.addEventListener("change", () => updateRowSelection(row, checkbox.checked));
    row.addEventListener("click", (e) => {
        if (e.target === checkbox) return;
        toggleRow(row, checkbox);
    });
    row.addEventListener("keydown", (e) => {
        if (e.key === " " || e.key === "Enter") {
            e.preventDefault();
            toggleRow(row, checkbox);
        }
    });

    return row;
}

function renderTrashList(trashItems) {
    const { list } = getModalElements();