From d72db6897c4eb6638fc43240181218f124958578 Mon Sep 17 00:00:00 2001 From: Alex Vitkov Date: Sat, 13 Feb 2021 16:05:19 +0200 Subject: trash --- loggedin.js | 47 +++++++++++++++++++++++++++++++++++------------ 1 file changed, 35 insertions(+), 12 deletions(-) (limited to 'loggedin.js') diff --git a/loggedin.js b/loggedin.js index 53aa7c7..de0f915 100644 --- a/loggedin.js +++ b/loggedin.js @@ -169,11 +169,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); @@ -399,6 +406,8 @@ function make_window(pwd) { function add_file_visuals(fileview) { + var is_in_trash = focus.pwd.length == 1 && focus.pwd[0] == "trash"; + var visuals = document.createElement('div'); fileview.visuals = visuals; @@ -421,16 +430,27 @@ 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 { + 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(); @@ -451,10 +471,13 @@ 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 { + filename.innerText = fileview.filename; + } visuals.appendChild(img); visuals.appendChild(filename); -- cgit v1.2.3 From 4bd4895ea131541190a5154c5f0de0380ef38842 Mon Sep 17 00:00:00 2001 From: Alex Vitkov Date: Sat, 13 Feb 2021 16:09:07 +0200 Subject: can no longer drag around the fucking trashcan --- loggedin.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) (limited to 'loggedin.js') diff --git a/loggedin.js b/loggedin.js index de0f915..8de7c2b 100644 --- a/loggedin.js +++ b/loggedin.js @@ -104,7 +104,7 @@ 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'; @@ -457,6 +457,10 @@ function add_file_visuals(fileview) { } visuals.ondragstart = (e) => { + if (focus.pwd.length == 0 && fileview.filename == "trash") { + e.preventDefault(); + return; + } begin_drag_fileview(e, fileview); e.preventDefault(); }; -- cgit v1.2.3 From a66f9b08e57ec10a484d6ca658ce52a7096870be Mon Sep 17 00:00:00 2001 From: Alex Vitkov Date: Sat, 13 Feb 2021 16:13:03 +0200 Subject: can no longer rename the fucking trashcan --- loggedin.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) (limited to 'loggedin.js') diff --git a/loggedin.js b/loggedin.js index 8de7c2b..9a37c91 100644 --- a/loggedin.js +++ b/loggedin.js @@ -407,6 +407,7 @@ function make_window(pwd) { function add_file_visuals(fileview) { var is_in_trash = focus.pwd.length == 1 && focus.pwd[0] == "trash"; + var is_trash = focus.pwd.length == 0 && fileview.filename == "trash"; var visuals = document.createElement('div'); fileview.visuals = visuals; @@ -442,7 +443,7 @@ function add_file_visuals(fileview) { if (is_in_trash) { context_list.push(['Restore', () => { restore_from_trash(fileview.filename); }]); context_list.push(['Delete forever', () => { delete_file(fileview.filename); }]); - } else { + } else if (!is_trash) { context_list.push( ['Rename', () => { rename_file(fileview.filename); }], ['Share', () => {alert('not implemented')}], @@ -479,6 +480,8 @@ function add_file_visuals(fileview) { 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; } -- cgit v1.2.3 From 1da51d081ffc4d54a6e31273826f6114ea9adf1d Mon Sep 17 00:00:00 2001 From: Alex Vitkov Date: Sat, 13 Feb 2021 16:25:21 +0200 Subject: icons --- loggedin.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) (limited to 'loggedin.js') diff --git a/loggedin.js b/loggedin.js index 9a37c91..a98ef8b 100644 --- a/loggedin.js +++ b/loggedin.js @@ -406,7 +406,9 @@ function make_window(pwd) { function add_file_visuals(fileview) { - var is_in_trash = focus.pwd.length == 1 && focus.pwd[0] == "trash"; + // 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'); @@ -458,7 +460,7 @@ function add_file_visuals(fileview) { } visuals.ondragstart = (e) => { - if (focus.pwd.length == 0 && fileview.filename == "trash") { + if (is_trash || is_in_trash) { e.preventDefault(); return; } -- cgit v1.2.3 From f31515a86ee23ef9f0cd0edf9c946ec5e9aa2b09 Mon Sep 17 00:00:00 2001 From: Alex Vitkov Date: Sat, 13 Feb 2021 16:47:18 +0200 Subject: image viewer 1.0 --- loggedin.js | 85 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++---- 1 file changed, 80 insertions(+), 5 deletions(-) (limited to 'loggedin.js') diff --git a/loggedin.js b/loggedin.js index a98ef8b..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]); @@ -108,9 +171,21 @@ function openfile_nondir() { 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); } @@ -347,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'); -- cgit v1.2.3