diff options
Diffstat (limited to 'loggedin.js')
-rw-r--r-- | loggedin.js | 143 |
1 files changed, 125 insertions, 18 deletions
diff --git a/loggedin.js b/loggedin.js index 53aa7c7..fff6054 100644 --- a/loggedin.js +++ b/loggedin.js @@ -63,6 +63,59 @@ function on_file_added(_e) { } } +// https://stackoverflow.com/questions/7370943/retrieving-binary-file-content-using-javascript-base64-encode-it-and-reverse-de +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 + + // Main loop deals with bytes in chunks of 3 + for (var i = 0; i < mainLength; i = i + 3) { + // Combine the three bytes into a single integer + chunk = (bytes[i] << 16) | (bytes[i + 1] << 8) | bytes[i + 2] + + // Use bitmasks to extract 6-bit segments from the triplet + a = (chunk & 16515072) >> 18 // 16515072 = (2^6 - 1) << 18 + b = (chunk & 258048) >> 12 // 258048 = (2^6 - 1) << 12 + c = (chunk & 4032) >> 6 // 4032 = (2^6 - 1) << 6 + d = chunk & 63 // 63 = 2^6 - 1 + + // Convert the raw binary segments to the appropriate ASCII encoding + base64 += encodings[a] + encodings[b] + encodings[c] + encodings[d] + } + + // Deal with the remaining bytes and padding + if (byteRemainder == 1) { + chunk = bytes[mainLength] + + a = (chunk & 252) >> 2 // 252 = (2^6 - 1) << 2 + + // Set the 4 least significant bits to zero + b = (chunk & 3) << 4 // 3 = 2^2 - 1 + + base64 += encodings[a] + encodings[b] + '==' + } else if (byteRemainder == 2) { + chunk = (bytes[mainLength] << 8) | bytes[mainLength + 1] + + a = (chunk & 64512) >> 10 // 64512 = (2^6 - 1) << 10 + b = (chunk & 1008) >> 4 // 1008 = (2^6 - 1) << 4 + + // Set the 2 least significant bits to zero + c = (chunk & 15) << 2 // 15 = 2^4 - 1 + + base64 += encodings[a] + encodings[b] + encodings[c] + '=' + } + + return base64 +} + function update_path_visuals() { var the_path = focus.visuals.getElementsByClassName('path')[0]; @@ -92,6 +145,16 @@ function update_path_visuals() { } function openfile_nondir() { + var mimetype = "text/plain"; + + for (const f of files) { + if (f.filename == focus.pwd[focus.pwd.length - 1]) + mimetype = f.mimetype; + } + + while (focus.filecontents.children.length > 0) + focus.filecontents.removeChild(focus.filecontents.lastChild); + var data = new FormData(); data.append('folder', get_path(focus.pwd.length - 1)); data.append('filename', focus.pwd[focus.pwd.length - 1]); @@ -104,13 +167,25 @@ function openfile_nondir() { xhr.open('POST', '/php/readfile.php', true); - focus.filecontents.innerText = "Loading..."; + focus.filecontents.innerText = ""; focus.filecontents.style.display = 'block'; focus.foldercontents.style.display = 'none'; - xhr.onload = function () { - focus.filecontents.innerText = xhr.responseText; - }; + if (mimetype.split("/")[0] == "image") { + xhr.responseType = 'arraybuffer'; + xhr.onload = function () { + var b = base64ArrayBuffer(xhr.response); + var image = new Image(); + image.src = `data:image/png;base64,${b}`; + focus.filecontents.appendChild(image); + } + } + else { + xhr.onload = function () { + focus.filecontents.innerText = xhr.responseText; + }; + } + xhr.send(data); } @@ -169,11 +244,18 @@ function move_to_trash(filename) { move_file("/trash", filename, path_combine(get_path(), filename)); } -function delete_file(filename) { - var file_full_path = path_combine(get_path(), filename); +function restore_from_trash(filename) { + var split = filename.split("/"); + var new_filename = split.pop(); + var new_directory = "/" + split.join("/"); + move_file(new_directory, filename, new_filename); +} + +function delete_file(filename) { var data = new FormData(); - data.append('path', file_full_path); + data.append('folder', get_path()); + data.append('filename', filename); var xhr = new XMLHttpRequest(); xhr.open('POST', '/php/delete.php', true); @@ -340,8 +422,8 @@ function make_window(pwd) { wnd_html.appendChild(h2); //h2.onmousedown = (e) => { - //begin_drag(e, wnd_html); - // e.preventDefault(); + //begin_drag(e, wnd_html); + // e.preventDefault(); //}; path = document.createElement('div'); @@ -399,6 +481,11 @@ function make_window(pwd) { function add_file_visuals(fileview) { + // Are we in a subdirectory of the trash folder + var is_in_trash = focus.pwd.length > 0 && focus.pwd[0] == "trash"; + // Is the current filewview the trash folder itself + var is_trash = focus.pwd.length == 0 && fileview.filename == "trash"; + var visuals = document.createElement('div'); fileview.visuals = visuals; @@ -421,22 +508,37 @@ function add_file_visuals(fileview) { visuals.oncontextmenu = (e) => { if (!dragging) { - context(e, [ + + var context_list = [ ['Open', () => { focus.pwd.push(fileview.filename); openfile(fileview.is_directory); - }], + }], ['Open in New Window', () => {alert('not implemented')}], - ['Rename', () => { rename_file(fileview.filename); }], - ['Share', () => {alert('not implemented')}], - ['Delete', () => { move_to_trash(fileview.filename); }], - ]); + ]; + + if (is_in_trash) { + context_list.push(['Restore', () => { restore_from_trash(fileview.filename); }]); + context_list.push(['Delete forever', () => { delete_file(fileview.filename); }]); + } else if (!is_trash) { + context_list.push( + ['Rename', () => { rename_file(fileview.filename); }], + ['Share', () => {alert('not implemented')}], + ['Delete', () => { move_to_trash(fileview.filename); }] + ); + } + + context(e, context_list); } e.preventDefault(); e.stopPropagation(); } visuals.ondragstart = (e) => { + if (is_trash || is_in_trash) { + e.preventDefault(); + return; + } begin_drag_fileview(e, fileview); e.preventDefault(); }; @@ -451,10 +553,15 @@ function add_file_visuals(fileview) { visuals.classList.add('file'); filename.classList.add('filename'); - filename.innerText = fileview.filename; - if (fileview.mimetype == "pending") - visuals.classList.add('pending'); + if (is_in_trash) { + var split = fileview.filename.split("/"); + filename.innerText = split[split.length - 1]; + } else if (is_trash) { + filename.innerText = "Trash"; + } else { + filename.innerText = fileview.filename; + } visuals.appendChild(img); visuals.appendChild(filename); |