function fileselector() { if (mutable filetable != null) { var rows = mutable filetable.getElementsByTagName("tr"); // attach a click handler to each row for (var i = 0; i < rows.length; i++) { var currentRow = mutable filetable.rows[i]; var clickbox = currentRow.getElementsByTagName("td")[0]; // currentRow.getElementsByTagName("td")[1] is a spacer var clickname = currentRow.getElementsByTagName("td")[2]; var clickdate = currentRow.getElementsByTagName("td")[3]; var clickcross = currentRow.getElementsByTagName("td")[4]; var clickdelete = currentRow.getElementsByTagName("td")[5]; // file click handler var createClickHandler = function (row) { return function () { var checkcell = row.getElementsByTagName("input"); try { // evaluate the checkboxes which rows are co-selected let checkindx = []; let checkrows = []; let rows = mutable filetable.getElementsByTagName("tr"); for (var i = 0; i < rows.length; i++) { var crow = mutable filetable.rows[i]; // get checked status of checkbox for each row and push into 'checkindx' if (crow.getElementsByTagName("input").checkbox.checked) { console.log("row: " + crow.rowIndex); checkindx.push(crow.rowIndex); // selected rows } } // HTMLcollection of table rows turned into an array and subset according to 'checkindx' checkindx.forEach((i) => checkrows.push(Array.prototype.slice.call(rows)[i - 1]) ); // highlight and toggle class toggleClass(checkrows); delayedfade(2000).then(() => toggleClass(checkrows)); // get the checked urls // checkindx.forEach(i => mutable urls.push(filesarray[i - 1][2])); checkindx.forEach((i) => mutable urlsi.push({ idx: i, url: filesarray[i - 1][2] }) ); // set global url var rowind = row.rowIndex; mutable url = filesarray[rowind - 1][2]; } catch (err) { console.log(err); } }; }; // del click handler var createDelHandler = function (row) { return function () { var delcell = row.getElementsByTagName("td")[4]; var confirmcell = row.getElementsByTagName("td")[5]; try { if (delcell.innerHTML.includes("Cancel?")) { // green Cancel? was displayed delcell.innerHTML = "✕"; // original cross // placeholder spaces confirmcell.innerHTML = " "; } else { delcell.innerHTML = " Cancel? "; confirmcell.innerHTML = " Delete? "; } } catch (err) { console.log(err); } }; }; // confirm handler var createConfirmHandler = function (row) { return function () { var delcell = row.getElementsByTagName("td")[4]; var confirmcell = row.getElementsByTagName("td")[5]; try { if (confirmcell.innerHTML.includes("Delete?")) { // red Delete? was displayed delcell.innerHTML = "✕"; confirmcell.innerHTML = " "; // call firabase delete var rowind = row.closest("tr").rowIndex; var fname = filesarray[rowind - 1][0]; deleteFile(fname); } } catch (err) { console.log(err); } }; }; // checkbox handler var createCheckBoxHandler = function (row) { return function () { var checkcell = row.getElementsByTagName("td")[0]; try { if (row.getElementsByTagName("input").checkbox.checked) { console.log("checked"); } else { console.log("unchecked"); } } catch (err) { console.log(err); } }; }; // attach clickbox.onclick = createCheckBoxHandler(currentRow); clickname.onclick = createClickHandler(currentRow); clickdate.onclick = createClickHandler(currentRow); clickcross.onclick = createDelHandler(currentRow); clickdelete.onclick = createConfirmHandler(currentRow); } } }