From dfb48a23e4a7ac455be3a475ebf28027b6d2c148 Mon Sep 17 00:00:00 2001 From: Alex Vitkov Date: Thu, 25 Mar 2021 11:59:30 +0200 Subject: Draggable windows --- build/bundle.js | 932 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 932 insertions(+) create mode 100644 build/bundle.js (limited to 'build/bundle.js') diff --git a/build/bundle.js b/build/bundle.js new file mode 100644 index 0000000..05341d7 --- /dev/null +++ b/build/bundle.js @@ -0,0 +1,932 @@ +(() => { + // temp/util.js + function mk(parent, type, _class) { + var el = document.createElement(type); + parent.appendChild(el); + if (_class) + el.classList.add(_class); + return el; + } + function path_combine(a, b) { + const last_char = a.slice(-1); + if (last_char == "/") + return a + b; + else + return a + "/" + b; + } + function mkcheckbox(parent, label, togglefn) { + var hdiv = mkhdiv(parent); + var write_checkbox = mk(hdiv, "input"); + write_checkbox.type = "checkbox"; + var write_checkbox_label = mk(hdiv, "label"); + write_checkbox_label.innerText = label; + write_checkbox_label.onclick = (_e) => { + write_checkbox.click(); + }; + write_checkbox_label.classList.add("noselect"); + write_checkbox.onchange = (_e) => { + togglefn(write_checkbox.checked); + }; + return hdiv; + } + function mkhdiv(parent) { + var hdiv = mk(parent, "div"); + hdiv.style.display = "flex"; + hdiv.style.alignItems = "center"; + hdiv.style.padding = "0.3rem"; + hdiv.style.gap = "0.3rem"; + return hdiv; + } + function base64ArrayBuffer(arrayBuffer) { + var base64 = ""; + var encodings = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"; + var bytes = new Uint8Array(arrayBuffer); + var byteLength = bytes.byteLength; + var byteRemainder = byteLength % 3; + var mainLength = byteLength - byteRemainder; + var a, b, c, d; + var chunk; + for (var i = 0; i < mainLength; i = i + 3) { + chunk = bytes[i] << 16 | bytes[i + 1] << 8 | bytes[i + 2]; + a = (chunk & 16515072) >> 18; + b = (chunk & 258048) >> 12; + c = (chunk & 4032) >> 6; + d = chunk & 63; + base64 += encodings[a] + encodings[b] + encodings[c] + encodings[d]; + } + if (byteRemainder == 1) { + chunk = bytes[mainLength]; + a = (chunk & 252) >> 2; + b = (chunk & 3) << 4; + base64 += encodings[a] + encodings[b] + "=="; + } else if (byteRemainder == 2) { + chunk = bytes[mainLength] << 8 | bytes[mainLength + 1]; + a = (chunk & 64512) >> 10; + b = (chunk & 1008) >> 4; + c = (chunk & 15) << 2; + base64 += encodings[a] + encodings[b] + encodings[c] + "="; + } + return base64; + } + + // temp/dragging.js + var Draggable = class { + constructor(el) { + this.reparent = true; + this.lockSize = true; + this.onBeforeDragStart = null; + this.onAfterDragEnd = null; + this.customMoveHandler = null; + this.el = el; + } + }; + var dragging = null; + var dragging_offset_x = 0; + var dragging_offset_y = 0; + var dragging_candidate = null; + var dragging_candidate_x; + var dragging_candidate_y; + function set_dragging_candidate(e, candidate) { + dragging_candidate = candidate; + dragging_candidate_x = e.clientX; + dragging_candidate_y = e.clientY; + } + function begin_drag(e, d) { + if (d.onBeforeDragStart) + d.onBeforeDragStart(); + set_iframe_enabled(false); + dragging = d; + dragging_candidate = null; + dragging.el.classList.add("dragged"); + var elemRect = dragging.el.getBoundingClientRect(); + dragging_offset_x = e.clientX - elemRect.left; + dragging_offset_y = -e.clientY + elemRect.top; + if (dragging.lockSize) { + dragging.el.style.left = e.clientX - dragging_offset_x + "px"; + dragging.el.style.top = e.clientY + dragging_offset_y + "px"; + dragging.el.style.width = elemRect.width + "px"; + dragging.el.style.height = elemRect.height + "px"; + dragging.el.style.position = "absolute"; + } + if (dragging.reparent) + document.body.appendChild(dragging.el); + } + function end_drag(_e) { + set_iframe_enabled(true); + dragging.el.classList.remove("dragged"); + if (dragging.onAfterDragEnd) + dragging.onAfterDragEnd(); + dragging = null; + } + function set_iframe_enabled(en) { + const frames = document.getElementsByTagName("iframe"); + for (var i = 0; i < frames.length; i++) + frames.item(i).hidden = !en; + } + document.body.onmouseup = (_e) => { + if (dragging_candidate) + dragging_candidate = null; + if (dragging) + end_drag(_e); + }; + document.body.onmousemove = (e) => { + if (dragging) { + const x = e.clientX - dragging_offset_x; + const y = e.clientY + dragging_offset_y; + if (dragging.customMoveHandler) { + dragging.customMoveHandler(x, y); + } else { + dragging.el.style.left = x + "px"; + dragging.el.style.top = y + "px"; + } + } else if (dragging_candidate) { + var d = Math.abs(e.clientX - dragging_candidate_x) + Math.abs(e.clientY - dragging_candidate_y); + if (d > 15) + begin_drag(e, dragging_candidate); + } + }; + function oncontextmenu_hook(e) { + if (dragging) { + end_drag(e); + e.preventDefault(); + } + } + + // temp/window.js + var windows = []; + var focused_window = null; + var depth = 20; + var WindowResizeHandleDraggable = class extends Draggable { + constructor(window2, el, xDir, yDir) { + super(el); + this.window = window2; + this.reparent = false; + this.lockSize = false; + this.xDir = xDir; + this.yDir = yDir; + this.customMoveHandler = (x, y) => { + if (this.xDir == -1) { + const oldX = parseInt(this.window.style.left.slice(0, -2)); + const oldWidth = parseInt(this.window.style.width.slice(0, -2)); + this.window.style.left = x + "px"; + this.window.style.width = (oldWidth + (oldX - x)).toString() + "px"; + } + if (this.yDir == -1) { + const oldY = parseInt(this.window.style.top.slice(0, -2)); + const oldHeight = parseInt(this.window.style.height.slice(0, -2)); + this.window.style.top = y + "px"; + this.window.style.height = (oldHeight + (oldY - y)).toString() + "px"; + } + if (this.xDir == 1) { + const oldX = parseInt(this.window.style.left.slice(0, -2)); + this.window.style.width = (x - oldX).toString() + "px"; + } + if (this.yDir == 1) { + const oldY = parseInt(this.window.style.top.slice(0, -2)); + this.window.style.height = (y - oldY).toString() + "px"; + } + }; + } + }; + var BaseWindow = class { + constructor(pwd, x, y, w, h) { + this.pwd = pwd; + this.visuals = null; + this.h2 = null; + this.fileview = null; + this.files = []; + this.txt_editor = null; + make_window_base(this, pwd, x, y, w, h); + } + destroy() { + var index = windows.indexOf(this); + if (index >= 0) + windows.splice(index, 1); + this.visuals.parentNode.removeChild(this.visuals); + if (this == focused_window) + focused_window = null; + } + focus() { + if (focused_window == this) + return; + if (focused_window) + focused_window.visuals.classList.remove("focus"); + focused_window = this; + this.visuals.classList.add("focus"); + this.visuals.style.zIndex = (depth++).toString(); + } + get_path(max_length) { + if (max_length == void 0) { + max_length = this.pwd.length; + } + var path = "/"; + for (let i = 0; i < max_length; i++) { + path += this.pwd[i]; + if (i != max_length - 1) + path += "/"; + } + return path; + } + }; + function mkdraghandle(wnd, _class, x, y) { + const d = mk(wnd.grid, "div", _class); + const dd = new WindowResizeHandleDraggable(wnd.visuals, d, x, y); + d.onmousedown = (e) => begin_drag(e, dd); + } + function make_window_base(wnd, pwd, x, y, w, h) { + windows.push(wnd); + wnd.visuals = mk(document.body, "div", "window"); + wnd.grid = mk(wnd.visuals, "div", "windowgrid"); + wnd.wc = mk(wnd.grid, "div", "wc"); + wnd.visuals.style.width = w + "px"; + wnd.visuals.style.height = h ? h + "px" : "unset"; + wnd.visuals.style.position = "absolute"; + wnd.visuals.style.left = x + "px"; + wnd.visuals.style.top = y + "px"; + wnd.h2 = mk(wnd.wc, "h2"); + mkdraghandle(wnd, "nw-resize", -1, -1); + mkdraghandle(wnd, "w-resize", -1, 0); + mkdraghandle(wnd, "sw-resize", -1, 1); + mkdraghandle(wnd, "s-resize", 0, 1); + mkdraghandle(wnd, "se-resize", 1, 1); + mkdraghandle(wnd, "e-resize", 1, 0); + mkdraghandle(wnd, "ne-resize", 1, -1); + mkdraghandle(wnd, "n-resize", 0, -1); + wnd.visuals.onmousedown = (_e) => { + wnd.focus(); + }; + wnd.h2.onmousedown = (e) => { + if (!dragging) + set_dragging_candidate(e, new Draggable(wnd.visuals)); + }; + return wnd; + } + + // temp/upload_form.js + var upload_form = document.getElementById("upload_form"); + var filename_input = document.getElementById("filename"); + var override_input = document.getElementById("override_input"); + var upload_parent_directory = document.getElementById("upload_parent_directory"); + var the_file = document.getElementById("the_file"); + var override_file = false; + var override_file_filename = ""; + var override_file_path = ""; + function show_upload_dialog() { + override_file = false; + the_file.click(); + } + function show_upload_dialog_replace_file(folder, filename) { + override_file = true; + override_file_path = folder; + override_file_filename = filename; + the_file.click(); + } + function on_file_added(_e) { + if (the_file.files.length >= 1) { + if (override_file) { + filename_input.value = override_file_filename; + override_input.value = "1"; + upload_parent_directory.value = override_file_path; + console.log(filename_input.value, override_input.value, upload_parent_directory.value); + } else { + filename_input.value = the_file.files[0].name; + override_input.value = "0"; + upload_parent_directory.value = focused_window.get_path(); + } + fetch(upload_form.action, { + method: upload_form.method, + body: new FormData(upload_form) + }).then((resp) => { + if (resp.status == 200) { + focused_window.openfile(true); + } else { + alert("Upload failed"); + } + }, () => { + alert("Upload failed"); + }); + } else { + alert("No files selected"); + } + } + the_file.onchange = (e) => { + on_file_added(e); + }; + + // temp/share_window.js + var ShareWindow = class extends BaseWindow { + constructor(folder, filename, x, y, w) { + super(null, x, y, w, 0); + make_share_window(this, folder, filename); + } + }; + function make_share_window(wnd, folder, filename) { + wnd.h2.style.display = "flex"; + var heading = mk(wnd.h2, "span", "wndtitle"); + heading.innerText = "Share " + filename; + var x_button = mk(wnd.h2, "button", "close_button"); + x_button.innerText = "X"; + x_button.onclick = () => { + wnd.destroy(); + }; + wnd.contents = mk(wnd.visuals, "div", "share_dialog_contents"); + wnd.contents.style.padding = "0.5rem"; + var data = { + write_permissions: false, + private: false, + has_password: false, + password: "", + userlist: [] + }; + var userlist, add_user; + mkcheckbox(wnd.contents, "Private link", (toggled) => { + add_user.style.display = toggled ? "block" : "none"; + userlist.style.display = toggled ? "block" : "none"; + data.private = toggled; + }); + userlist = mk(wnd.contents, "div"); + userlist.style.display = "none"; + add_user = mk(wnd.contents, "button"); + add_user.innerText = "Add user"; + add_user.style.display = "none"; + add_user.onclick = (_e) => { + var i = mk(userlist, "input"); + i.value = "John Doe"; + let index = data.userlist.length; + data.userlist.push(i.value); + i.onchange = (_e2) => { + data.userlist[index] = i.value; + }; + }; + add_user.click(); + mkcheckbox(wnd.contents, "Give write permissions", (toggled) => { + data.write_permissions = toggled; + }); + let password_container; + mkcheckbox(wnd.contents, "Password protected", (toggled) => { + data.has_password = toggled; + password_container.style.display = toggled ? "flex" : "none"; + }); + password_container = mkhdiv(wnd.contents); + password_container.style.display = "none"; + var password_label = mk(password_container, "label"); + password_label.innerText = "Password"; + var password_input = mk(password_container, "input"); + password_input.type = "password"; + password_input.autocomplete = "off"; + password_input.style.flex = "1 0 0"; + password_input.onchange = (_e) => { + data.password = password_input.value; + }; + var generate_url_button = mk(wnd.contents, "button"); + generate_url_button.innerText = "Generate link"; + generate_url_button.onclick = () => { + var users = ""; + if (data.private) { + users = data.userlist.join(","); + } + var form_data = new FormData(); + form_data.append("folder", folder); + form_data.append("filename", filename); + form_data.append("users", users); + form_data.append("permissions", (data.write_permissions ? 3 : 1).toString()); + form_data.append("password", data.has_password ? data.password : ""); + var xhr = new XMLHttpRequest(); + xhr.open("POST", "/php/share.php", true); + xhr.onload = function() { + alert(xhr.response); + }; + xhr.send(form_data); + wnd.destroy(); + }; + } + + // temp/contextmenu.js + var context_menu = null; + function context(e, entries) { + if (context_menu) + context_menu.remove(); + context_menu = mk(document.body, "ul", "context"); + context_menu.onmousedown = (e2) => { + e2.stopPropagation(); + }; + context_menu.onclick = (_e) => { + context_menu.remove(); + context_menu = null; + }; + context_menu.style.left = e.clientX + "px"; + context_menu.style.top = e.clientY + "px"; + for (const e2 of entries) { + const li = document.createElement("li"); + li.innerText = e2[0]; + li.onclick = e2[1]; + context_menu.appendChild(li); + } + } + document.body.onmousedown = (_e) => { + if (context_menu) { + context_menu.remove(); + context_menu = null; + } + }; + function oncontextmenu_hook2(_e) { + if (context_menu) { + context_menu.remove(); + context_menu = null; + } + } + + // temp/explorer.js + var ExplorerWindow = class extends BaseWindow { + constructor(pwd, x, y, w, h, has_close) { + super(pwd, x, y, w, h); + make_window(this, has_close); + } + openfile(is_directory) { + if (is_directory) { + openfile_dir(this); + } else { + openfile_nondir(this); + } + } + }; + var FileView = class { + constructor(filename, wnd, mimetype, is_directory, write_permissions) { + this.filename = filename; + this.wnd = wnd; + this.visuals = null; + this.mimetype = mimetype; + this.is_directory = is_directory; + this.write_permissions = write_permissions; + } + full_path() { + return path_combine(this.wnd.get_path(), this.filename); + } + }; + var FileViewDraggable = class extends Draggable { + constructor(fileview) { + super(fileview.visuals); + this.fileview = fileview; + this.onBeforeDragStart = () => { + this.placeholder = document.createElement("div"); + fileview.visuals.parentNode.insertBefore(this.placeholder, fileview.visuals); + }; + this.onAfterDragEnd = () => { + this.placeholder.parentNode.insertBefore(this.el, this.placeholder); + this.placeholder.remove(); + fileview.visuals.style.removeProperty("position"); + fileview.visuals.style.removeProperty("width"); + fileview.visuals.style.removeProperty("height"); + fileview.visuals.style.removeProperty("left"); + fileview.visuals.style.removeProperty("top"); + }; + } + }; + function make_window(wnd, has_close) { + mk(wnd.h2, "div", "path"); + if (has_close) { + var x_button = mk(wnd.h2, "button", "close_button"); + x_button.innerText = "X"; + x_button.onclick = () => { + wnd.destroy(); + }; + } + { + wnd.foldercontents = mk(wnd.wc, "div", "foldercontents"); + var h3 = mk(wnd.foldercontents, "h3"); + var upload_btn = mk(h3, "button"); + upload_btn.innerText = "Upload"; + upload_btn.onclick = () => { + show_upload_dialog(); + }; + mk(h3, "div", "separator"); + var new_folder_btn = mk(h3, "button"); + new_folder_btn.innerText = "New Folder"; + new_folder_btn.onclick = () => { + new_folder(wnd); + }; + mk(h3, "div", "separator"); + wnd.filegrid = mk(wnd.foldercontents, "div", "files"); + } + { + wnd.filecontentsroot = mk(wnd.wc, "div", "filecontentsroot"); + var h3 = mk(wnd.filecontentsroot, "h3"); + let download_btn = mk(h3, "button"); + download_btn.innerText = "Download"; + download_btn.onclick = () => { + download_file(true); + }; + mk(h3, "div", "separator"); + let share_btn = mk(h3, "button"); + share_btn.innerText = "Share"; + share_btn.onclick = () => { + alert("TODO NOT IMPLEMENTETD"); + }; + mk(h3, "div", "separator"); + wnd.save_btn_container = mk(h3, "div"); + wnd.save_btn_container.style.display = "flex"; + let save_btn = mk(wnd.save_btn_container, "button"); + save_btn.innerText = "Save"; + save_btn.onclick = () => save_open_text_file(wnd); + mk(wnd.save_btn_container, "div", "separator"); + wnd.filecontents = mk(wnd.filecontentsroot, "div", "filecontents"); + } + return wnd; + } + function add_file_visuals(fileview, wnd) { + var is_in_trash = wnd.pwd.length > 0 && wnd.pwd[0] == "trash"; + var is_trash = wnd.pwd.length == 0 && fileview.filename == "trash"; + var is_share = wnd.pwd.length == 0 && fileview.filename == "share"; + var visuals = mk(wnd.filegrid, "div"); + fileview.visuals = visuals; + var img = document.createElement("img"); + var filename = document.createElement("div"); + if (fileview.is_directory) { + if (wnd.get_path() == "/" && fileview.filename == "trash") + img.src = "/mimeicons/user-trash.png"; + else if (wnd.get_path() == "/" && fileview.filename == "share") + img.src = "/mimeicons/user-share.png"; + else + img.src = "/mimeicons/directory.png"; + } else { + img.src = `/mimeicons/${fileview.mimetype.replace("/", "-")}.png`; + } + fileview.visuals.onclick = () => { + wnd.pwd.push(fileview.filename); + if (!fileview.is_directory) { + wnd.opened_file = fileview; + } + wnd.openfile(fileview.is_directory); + }; + visuals.oncontextmenu = (e) => { + if (!dragging) { + var context_list = [ + ["Open", () => { + wnd.pwd.push(fileview.filename); + wnd.openfile(fileview.is_directory); + }], + ["Open in New Window", () => { + var new_pwd = wnd.pwd.slice(); + new_pwd.push(fileview.filename); + var new_wnd = new ExplorerWindow(new_pwd, 100, 100, 800, 600, true); + new_wnd.opened_file = fileview; + new_wnd.openfile(fileview.is_directory); + new_wnd.focus(); + }] + ]; + if (is_in_trash) { + context_list.push(["Restore", () => { + restore_from_trash(wnd, fileview.filename); + }]); + context_list.push(["Delete forever", () => { + delete_file(wnd, fileview.filename); + }]); + } else if (!is_trash && !is_share) { + context_list.push(["Rename", () => { + rename_file(fileview.filename, wnd); + }]); + if (!fileview.is_directory) { + for (let a of actions) { + if (fileview.filename.endsWith(a.extension)) { + context_list.push([a.text, () => { + read_file_contents(true, (x2) => { + const ue = encodeURIComponent(x2); + let url = a.url.replace("$content_urlencoded", ue).replace("$filename", fileview.filename); + if (a.open_in_iframe) { + const wnd2 = new BaseWindow([], 10, 10, 800, 600); + var title = mk(wnd2.h2, "span", "wndtitle"); + title.innerText = fileview.filename; + var x_button = mk(wnd2.h2, "button", "close_button"); + x_button.innerText = "X"; + x_button.onclick = () => { + wnd2.destroy(); + }; + const contents = mk(wnd2.wc, "div", "filecontentsroot"); + const iframe = mk(contents, "iframe"); + iframe.style.flex = "1 0 0"; + iframe.src = url; + wnd2.focus(); + } else { + window.location = url; + } + }, wnd.get_path(), fileview.filename); + }]); + } + } + if (fileview.write_permissions) { + context_list.push(["Replace", () => { + replace_file(false, fileview.filename, wnd); + }]); + } + context_list.push(["Share", () => { + share(false, fileview.filename, wnd); + }], ["Download", () => { + download_file(false, fileview.filename); + }]); + } + context_list.push(["Delete", () => { + move_to_trash(wnd, fileview.filename); + }]); + } + context(e, context_list); + } + e.preventDefault(); + e.stopPropagation(); + }; + visuals.ondragstart = (e) => { + if (is_trash || is_in_trash || is_share) { + e.preventDefault(); + return; + } + begin_drag(e, new FileViewDraggable(fileview)); + e.preventDefault(); + }; + visuals.onmouseup = (e) => { + if (dragging) { + if (fileview.is_directory) { + if (wnd.get_path() == "/" && fileview.filename == "trash") { + move_to_trash(wnd, dragging.fileview.filename); + } else if (wnd.get_path() == "/" && fileview.filename == "share") { + } else { + move_file(dragging.fileview.wnd, wnd, path_combine(wnd.get_path(), fileview.filename), dragging.fileview.filename); + } + } else { + } + end_drag(e); + } + e.preventDefault(); + }; + visuals.classList.add("file"); + filename.classList.add("filename"); + if (is_in_trash) { + var split = fileview.filename.split("/"); + filename.innerText = split[split.length - 1]; + } else if (is_trash) { + filename.innerText = "Trash"; + } else if (is_share) { + var x = mk(filename, "span"); + x.style.fontSize = "0.8rem"; + x.innerText = "Shared with me"; + } else { + filename.innerText = fileview.filename; + } + visuals.appendChild(img); + visuals.appendChild(filename); + } + function openfile_nondir(wnd) { + while (wnd.filecontents.children.length > 0) + wnd.filecontents.removeChild(wnd.filecontents.lastChild); + var data = new FormData(); + data.append("folder", wnd.get_path(wnd.pwd.length - 1)); + data.append("filename", wnd.pwd[wnd.pwd.length - 1]); + var xhr = new XMLHttpRequest(); + update_path_visuals(wnd); + xhr.open("POST", "/php/readfile.php", true); + wnd.filecontents.innerText = ""; + wnd.filecontentsroot.style.display = "flex"; + wnd.foldercontents.style.display = "none"; + let is_image = wnd.opened_file.mimetype.split("/")[0] == "image"; + wnd.save_btn_container.style.display = wnd.opened_file.write_permissions && !is_image ? "flex" : "none"; + if (is_image) { + xhr.responseType = "arraybuffer"; + xhr.onload = function() { + let b = `data:image/png;base64,${base64ArrayBuffer(xhr.response)}`; + wnd.filecontents.style.backgroundImage = `url('${b}')`; + wnd.filecontents.classList.add("imgview"); + }; + } else { + wnd.filecontents.classList.remove("imgview"); + wnd.filecontents.style.backgroundImage = "unset"; + wnd.txt_editor = mk(wnd.filecontents, "pre"); + xhr.onload = function() { + wnd.txt_editor.innerText = xhr.responseText; + if (wnd.opened_file.write_permissions) + wnd.txt_editor.contentEditable = "true"; + }; + } + xhr.send(data); + } + function openfile_dir(wnd) { + update_path_visuals(wnd); + var data = new FormData(); + data.append("path", wnd.get_path()); + var xhr = new XMLHttpRequest(); + xhr.open("POST", "/php/readdir.php", true); + xhr.onload = function() { + for (const f of wnd.files) + f.visuals.remove(); + wnd.files = []; + var json = JSON.parse(xhr.responseText); + if (!json) + return; + for (const f of json) { + var view = new FileView(f.name, wnd, f.mimetype, f.is_directory && f.is_directory != "0", f.can_edit && f.can_edit != "0"); + wnd.files.push(view); + } + wnd.files.sort((a, b) => { + if (wnd.pwd.length == 0 && a.filename == "share") + return -10; + if (wnd.pwd.length == 0 && b.filename == "share") + return 10; + if (wnd.pwd.length == 0 && a.filename == "trash") + return 10; + if (wnd.pwd.length == 0 && b.filename == "trash") + return -10; + if (a.is_directory && !b.is_directory) + return -1; + if (!a.is_directory && b.is_directory) + return 1; + return a.filename.localeCompare(b.filename); + }); + for (const f of wnd.files) { + add_file_visuals(f, wnd); + } + }; + xhr.send(data); + wnd.filecontentsroot.style.display = "none"; + wnd.foldercontents.style.display = "flex"; + wnd.foldercontents.onmouseup = () => { + if (dragging && dragging instanceof FileViewDraggable) { + move_file(dragging.fileview.wnd, wnd, wnd.get_path(), dragging.fileview.filename); + } + }; + } + function move_to_trash(wnd, filename) { + move_file(wnd, wnd, "/trash", filename, path_combine(wnd.get_path(), filename)); + } + function restore_from_trash(wnd, filename) { + var split = filename.split("/"); + var new_filename = split.pop(); + var new_directory = "/" + split.join("/"); + move_file(wnd, wnd, new_directory, filename, new_filename); + } + function delete_file(wnd, filename) { + var data = new FormData(); + data.append("folder", wnd.get_path()); + data.append("filename", filename); + var xhr = new XMLHttpRequest(); + xhr.open("POST", "/php/delete.php", true); + xhr.onload = function() { + wnd.openfile(true); + }; + xhr.send(data); + } + function rename_file(filename, wnd) { + var new_name = prompt(`Rename ${filename} to`, filename); + if (!new_name) + return; + var data = new FormData(); + data.append("folder", wnd.get_path()); + data.append("old_filename", filename); + data.append("new_filename", new_name); + var xhr = new XMLHttpRequest(); + xhr.open("POST", "/php/rename.php", true); + xhr.onload = function() { + wnd.openfile(true); + }; + xhr.send(data); + } + function move_file(srcwnd, dstwnd, new_folder2, filename, new_filename) { + if (!new_filename) + new_filename = filename; + var data = new FormData(); + data.append("old_folder", srcwnd.get_path()); + data.append("new_folder", new_folder2); + data.append("filename", filename); + data.append("new_filename", new_filename); + var xhr = new XMLHttpRequest(); + xhr.open("POST", "/php/move.php", true); + xhr.onload = () => { + srcwnd.openfile(true); + dstwnd.openfile(true); + }; + xhr.send(data); + } + function new_folder(wnd) { + var dirname = prompt(`Directory name`, "New Folder"); + if (!dirname) + return; + var data = new FormData(); + data.append("parent_directory", wnd.get_path()); + data.append("dirname", dirname); + var xhr = new XMLHttpRequest(); + xhr.open("POST", "/php/mkdir.php", true); + xhr.onload = function() { + wnd.openfile(true); + }; + xhr.send(data); + } + function replace_file(in_file, filename, wnd) { + if (in_file) { + var folder = wnd.get_path(wnd.pwd.length - 1); + filename = wnd.pwd[wnd.pwd.length - 1]; + } else { + var folder = wnd.get_path(); + } + show_upload_dialog_replace_file(folder, filename); + } + function update_path_visuals(wnd) { + var the_path = wnd.visuals.getElementsByClassName("path")[0]; + while (the_path.children.length > 0) + the_path.removeChild(the_path.lastChild); + for (let i = -1; i < wnd.pwd.length; i++) { + var d; + if (i >= 0) { + d = wnd.pwd[i]; + var separator_div = mk(the_path, "div", "separator"); + separator_div.innerText = "\xBB"; + } else + d = "Root"; + var entry = mk(the_path, "button", "pathentry"); + entry.innerText = d; + entry.onclick = (_e) => { + if (length < wnd.pwd.length) { + wnd.pwd.length = i + 1; + openfile_dir(wnd); + } + }; + entry.onmouseup = (e) => { + if (dragging && dragging instanceof FileViewDraggable) { + var new_folder2 = wnd.get_path(i + 1); + move_file(dragging.fileview.wnd, wnd, new_folder2, dragging.fileview.filename); + end_drag(e); + e.preventDefault(); + e.stopPropagation(); + } + }; + } + } + function download_file(in_file, filename, wnd) { + if (in_file) { + var folder = wnd.get_path(wnd.pwd.length - 1); + filename = wnd.pwd[wnd.pwd.length - 1]; + } else { + var folder = wnd.get_path(); + } + read_file_contents(false, (x) => { + var blob = new Blob([new Uint8Array(x, 0, x.length)]); + var url = URL.createObjectURL(blob); + var a = document.createElement("a"); + a.href = url; + a.download = filename; + document.body.appendChild(a); + a.click(); + setTimeout(() => { + document.body.removeChild(a); + URL.revokeObjectURL(url); + }); + }, folder, filename); + return; + } + function save_open_text_file(wnd) { + const contents = wnd.txt_editor.innerText; + let xhr = new XMLHttpRequest(); + xhr.open("POST", "/php/upload.php", true); + var data = new FormData(); + data.append("parent_directory", wnd.get_path(wnd.pwd.length - 1)); + data.append("filename", wnd.pwd[wnd.pwd.length - 1]); + data.append("content", contents); + data.append("overwrite", "1"); + xhr.send(data); + } + function read_file_contents(text, cb, folder, filename) { + var data = new FormData(); + data.append("folder", folder); + data.append("filename", filename); + let xhr = new XMLHttpRequest(); + xhr.open("POST", "/php/readfile.php", true); + if (text) { + xhr.onload = function() { + cb(xhr.responseText); + }; + } else { + xhr.responseType = "arraybuffer"; + xhr.onload = function() { + cb(xhr.response); + }; + } + xhr.send(data); + } + function share(in_file, filename, wnd) { + if (in_file) { + var folder = wnd.get_path(wnd.pwd.length - 1); + filename = wnd.pwd[wnd.pwd.length - 1]; + } else { + var folder = wnd.get_path(); + } + var sharewnd = new ShareWindow(folder, filename, 400, 400, 400); + sharewnd.focus(); + } + + // temp/main.js + function main() { + var root_window = new ExplorerWindow([], 100, 100, 800, 600, false); + root_window.focus(); + root_window.openfile(true); + } + document.body.oncontextmenu = (e) => { + oncontextmenu_hook2(e); + oncontextmenu_hook(e); + }; + main(); +})(); -- cgit v1.2.3