Function listFilesButton

webUi/scripts.js:288–366

(folders)

    });
}
function listFilesButton(folders) {
    _("drop-area").style.display = 'block';
    _("actualFolder").value = folders;
    let previousFolder = folders.substring(0, folders.lastIndexOf('/'));
    if (previousFolder === "") { previousFolder = "/"; }
    httpRequest("GET", "/listfiles?folder=" + folders, {
        onload: (xhr) => {
            if (xhr.status === 200) {
                const responseText = xhr.responseText;
                const lines = responseText.split('\n');
                let tableContent = "<table><tr><th>Name</th><th class='sz'>Size</th><th class='ac'></th><th class='mb'></th></tr>\n";
                tableContent += "<tr><td colspan='4'><a onclick=\"listFilesButton('" + previousFolder + "')\" href='javascript:void(0);'>&#8592; ..</a></td></tr>\n";
                let folder = "";
                const foldersArray = [];
                const filesArray = [];
                lines.forEach((line) => {
                    if (line) {
                        const type = line.substring(0, 2);
                        const path = line.substring(3, line.lastIndexOf(':'));
                        const filename = line.substring(3, line.lastIndexOf(':'));
                        const size = line.substring(line.lastIndexOf(':') + 1);
                        if (type === "pa") {
                            if (path !== "" && folder !== "/") folder = path + (path.endsWith("/") ? "" : "/");
                        } else if (type === "Fo") {
                            foldersArray.push({ path: folder + path, name: filename });
                        } else if (type === "Fi") {
                            filesArray.push({ path: folder + path, name: filename, size });
                        }
                    }
                });
                foldersArray.sort((a, b) => a.name.localeCompare(b.name));
                filesArray.sort((a, b) => a.name.localeCompare(b.name));
                foldersArray.forEach((item) => {
                    const ac = "<span style='cursor:pointer;color:#e0d204' onclick=\"listFilesButton('" + item.path + "')\">&#128193;</span>&nbsp" +
                               "<span style='cursor:pointer' onclick=\"renameFile('" + item.path + "', '" + item.name + "')\">&#9999;</span>&nbsp" +
                               "<span style='cursor:pointer' onclick=\"downloadDeleteButton('" + item.path + "', 'delete')\">&#128465;</span>";
                    tableContent += "<tr><td><a onclick=\"listFilesButton('" + item.path + "')\" href='javascript:void(0);'>" + item.name + "</a></td>" +
                                    "<td class='sz'></td><td class='ac'>" + ac + "</td>" +
                                    "<td class='mb'><button onclick='toggleRow(this)'>&#8942;</button></td></tr>\n" +
                                    "<tr class='mrow' style='display:none'><td colspan='4'>" + ac + "</td></tr>\n";
                });
                filesArray.forEach((item) => {
                    const isBin = item.name.split('.').pop().toLowerCase() === "bin";
                    const fname = item.name + (isBin ? "&nbsp<span style='cursor:pointer' onclick=\"startUpdate('" + item.path + "')\">&#128640;</span>" : "");
                    const ac = (isEditable(item.name) ? "<span style='cursor:pointer' onclick=\"editFile('" + item.path + "')\">&#9998;</span>&nbsp" : "") +
                               "<span style='cursor:pointer' onclick=\"downloadDeleteButton('" + item.path + "', 'download')\">&#11015;</span>&nbsp" +
                               "<span style='cursor:pointer' onclick=\"renameFile('" + item.path + "', '" + item.name + "')\">&#9999;</span>&nbsp" +
                               "<span style='cursor:pointer' onclick=\"downloadDeleteButton('" + item.path + "', 'delete')\">&#128465;</span>";
                    tableContent += "<tr><td>" + fname + "</td>" +
                                    "<td class='sz'>" + item.size + "</td><td class='ac'>" + ac + "</td>" +
                                    "<td class='mb'><button onclick='toggleRow(this)'>&#8942;</button></td></tr>\n" +
                                    "<tr class='mrow' style='display:none'><td colspan='4'><span style='color:var(--dim);font-size:.75rem'>" + item.size + "</span>&nbsp;&nbsp;" + ac + "</td></tr>\n";
                });
                tableContent += "</table>";
                _("details").innerHTML = tableContent;
            } else {
                console.error("Request Error: " + xhr.status);
            }