FILEUP



LOG | FILES | OVERVIEW


F diff --git a/loggedin.js b/loggedin.js --- a/loggedin.js +++ b/loggedin.js
}
}
+ // 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];
}
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]);
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);
}
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);
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');
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;
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();
};
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);
F diff --git a/mimeicons/application-octet-stream.png b/mimeicons/application-octet-stream.png
B Binary files a/mimeicons/application-octet-stream.png and b/mimeicons/application-octet-stream.png differ
F diff --git a/mimeicons/application-pdf.png b/mimeicons/application-pdf.png
B Binary files a/mimeicons/application-pdf.png and b/mimeicons/application-pdf.png differ
F diff --git a/mimeicons/application-rss_xml.png b/mimeicons/application-rss_xml.png
B Binary files a/mimeicons/application-rss_xml.png and b/mimeicons/application-rss_xml.png differ
F diff --git a/mimeicons/application-x-bittorrent.png b/mimeicons/application-x-bittorrent.png
B Binary files a/mimeicons/application-x-bittorrent.png and b/mimeicons/application-x-bittorrent.png differ
F diff --git a/mimeicons/application-x-cd-image.png b/mimeicons/application-x-cd-image.png
B Binary files a/mimeicons/application-x-cd-image.png and b/mimeicons/application-x-cd-image.png differ
F diff --git a/mimeicons/application-x-executable.png b/mimeicons/application-x-executable.png
B Binary files a/mimeicons/application-x-executable.png and b/mimeicons/application-x-executable.png differ
F diff --git a/mimeicons/application-x-object.png b/mimeicons/application-x-object.png
B Binary files a/mimeicons/application-x-object.png and b/mimeicons/application-x-object.png differ
F diff --git a/mimeicons/audio-x-generic.png b/mimeicons/audio-x-generic.png
B Binary files a/mimeicons/audio-x-generic.png and b/mimeicons/audio-x-generic.png differ
F diff --git a/mimeicons/font-x-generic.png b/mimeicons/font-x-generic.png
B Binary files a/mimeicons/font-x-generic.png and b/mimeicons/font-x-generic.png differ
F diff --git a/mimeicons/image-jpeg.png b/mimeicons/image-jpeg.png new file mode 100644
B Binary files /dev/null and b/mimeicons/image-jpeg.png differ
F diff --git a/mimeicons/image-jpg.png b/mimeicons/image-jpg.png new file mode 100644
B Binary files /dev/null and b/mimeicons/image-jpg.png differ
F diff --git a/mimeicons/image-png.png b/mimeicons/image-png.png new file mode 100644
B Binary files /dev/null and b/mimeicons/image-png.png differ
F diff --git a/mimeicons/image-x-generic.png b/mimeicons/image-x-generic.png
B Binary files a/mimeicons/image-x-generic.png and b/mimeicons/image-x-generic.png differ
F diff --git a/mimeicons/package-x-generic.png b/mimeicons/package-x-generic.png
B Binary files a/mimeicons/package-x-generic.png and b/mimeicons/package-x-generic.png differ
F diff --git a/mimeicons/text-html.png b/mimeicons/text-html.png
B Binary files a/mimeicons/text-html.png and b/mimeicons/text-html.png differ
F diff --git a/mimeicons/text-vnd.trolltech.linguist.png b/mimeicons/text-vnd.trolltech.linguist.png
B Binary files a/mimeicons/text-vnd.trolltech.linguist.png and b/mimeicons/text-vnd.trolltech.linguist.png differ
F diff --git a/mimeicons/text-x-c.png b/mimeicons/text-x-c.png new file mode 100644
B Binary files /dev/null and b/mimeicons/text-x-c.png differ
F diff --git a/mimeicons/text-x-changelog.png b/mimeicons/text-x-changelog.png
B Binary files a/mimeicons/text-x-changelog.png and b/mimeicons/text-x-changelog.png differ
F diff --git a/mimeicons/text-x-chdr.png b/mimeicons/text-x-chdr.png
B Binary files a/mimeicons/text-x-chdr.png and b/mimeicons/text-x-chdr.png differ
F diff --git a/mimeicons/text-x-cpp.png b/mimeicons/text-x-cpp.png
B Binary files a/mimeicons/text-x-cpp.png and b/mimeicons/text-x-cpp.png differ
F diff --git a/mimeicons/text-x-csrc.png b/mimeicons/text-x-csrc.png deleted file mode 100644
B Binary files a/mimeicons/text-x-csrc.png and /dev/null differ
F diff --git a/mimeicons/text-x-css.png b/mimeicons/text-x-css.png
B Binary files a/mimeicons/text-x-css.png and b/mimeicons/text-x-css.png differ
F diff --git a/mimeicons/text-x-generic.png b/mimeicons/text-x-generic.png
B Binary files a/mimeicons/text-x-generic.png and b/mimeicons/text-x-generic.png differ
F diff --git a/mimeicons/text-x-go.png b/mimeicons/text-x-go.png
B Binary files a/mimeicons/text-x-go.png and b/mimeicons/text-x-go.png differ
F diff --git a/mimeicons/text-x-javascript.png b/mimeicons/text-x-javascript.png
B Binary files a/mimeicons/text-x-javascript.png and b/mimeicons/text-x-javascript.png differ
F diff --git a/mimeicons/text-x-preview.png b/mimeicons/text-x-preview.png
B Binary files a/mimeicons/text-x-preview.png and b/mimeicons/text-x-preview.png differ
F diff --git a/mimeicons/text-x-python.png b/mimeicons/text-x-python.png
B Binary files a/mimeicons/text-x-python.png and b/mimeicons/text-x-python.png differ
F diff --git a/mimeicons/text-x-script.png b/mimeicons/text-x-script.png
B Binary files a/mimeicons/text-x-script.png and b/mimeicons/text-x-script.png differ
F diff --git a/mimeicons/text-x-vala.png b/mimeicons/text-x-vala.png
B Binary files a/mimeicons/text-x-vala.png and b/mimeicons/text-x-vala.png differ
F diff --git a/mimeicons/video-x-generic.png b/mimeicons/video-x-generic.png
B Binary files a/mimeicons/video-x-generic.png and b/mimeicons/video-x-generic.png differ
F diff --git a/mimeicons/x-office-calendar.png b/mimeicons/x-office-calendar.png
B Binary files a/mimeicons/x-office-calendar.png and b/mimeicons/x-office-calendar.png differ
F diff --git a/mimeicons/x-office-document-template.png b/mimeicons/x-office-document-template.png
B Binary files a/mimeicons/x-office-document-template.png and b/mimeicons/x-office-document-template.png differ
F diff --git a/mimeicons/x-office-document.png b/mimeicons/x-office-document.png
B Binary files a/mimeicons/x-office-document.png and b/mimeicons/x-office-document.png differ
F diff --git a/mimeicons/x-office-drawing-template.png b/mimeicons/x-office-drawing-template.png
B Binary files a/mimeicons/x-office-drawing-template.png and b/mimeicons/x-office-drawing-template.png differ
F diff --git a/mimeicons/x-office-drawing.png b/mimeicons/x-office-drawing.png
B Binary files a/mimeicons/x-office-drawing.png and b/mimeicons/x-office-drawing.png differ
F diff --git a/mimeicons/x-office-presentation-template.png b/mimeicons/x-office-presentation-template.png
B Binary files a/mimeicons/x-office-presentation-template.png and b/mimeicons/x-office-presentation-template.png differ
F diff --git a/mimeicons/x-office-presentation.png b/mimeicons/x-office-presentation.png
B Binary files a/mimeicons/x-office-presentation.png and b/mimeicons/x-office-presentation.png differ
F diff --git a/mimeicons/x-office-spreadsheet-template.png b/mimeicons/x-office-spreadsheet-template.png
B Binary files a/mimeicons/x-office-spreadsheet-template.png and b/mimeicons/x-office-spreadsheet-template.png differ
F diff --git a/mimeicons/x-office-spreadsheet.png b/mimeicons/x-office-spreadsheet.png
B Binary files a/mimeicons/x-office-spreadsheet.png and b/mimeicons/x-office-spreadsheet.png differ