pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

remove typescript

Browse Source
This commit is contained in:
Wim Brand
2020-01-20 12:43:43 +01:00
parent 47b8a4c900
commit 129d6915d2
32 changed files with 751 additions and 15929 deletions
Download Patch File Download Diff File Expand all files Collapse all files

356
res/include/script/compiled/home.js
View File

@@ -1,356 +0,0 @@
var FinishedUpload = /** @class */ (function () {
function FinishedUpload() {
}
return FinishedUpload;
}());
var uploader = null;
var finishedUploads = new Array();
var totalUploads = 0;
var queueDiv = document.getElementById("uploads_queue");
var UploadProgressBar = /** @class */ (function () {
function UploadProgressBar(file) {
this.file = file;
this.name = file.name;
this.queueNum = totalUploads;
this.uploadDiv = document.createElement("a");
totalUploads++;
this.uploadDiv.classList.add("file_button");
this.uploadDiv.style.opacity = "0";
this.uploadDiv.innerText = "Queued\n" + this.file.name;
queueDiv.appendChild(this.uploadDiv);
// Browsers don't render the transition if the opacity is set and
// updated in the same frame. So we have to wait a frame (or more)
// before changing the opacity to make sure the transition triggers
var d = this.uploadDiv; // `this` stops working after constructor ends
window.setTimeout(function () { d.style.opacity = "1"; }, 100);
}
UploadProgressBar.prototype.onProgress = function (progress) {
this.uploadDiv.innerText = "Uploading... " + Math.round(progress * 1000) / 10 + "%\n" + this.file.name;
this.uploadDiv.style.background = 'linear-gradient('
+ 'to right, '
+ 'var(--file_background_color) 0%, '
+ 'var(--highlight_color) ' + ((progress * 100)) + '%, '
+ 'var(--file_background_color) ' + ((progress * 100) + 1) + '%)';
};
UploadProgressBar.prototype.onFinished = function (id) {
finishedUploads[this.queueNum] = {
id: id,
name: this.file.name
};
console.log("Upload finished: " + this.file.name + " " + id);
this.uploadDiv.style.background = 'var(--file_background_color)';
this.uploadDiv.href = '/u/' + id;
this.uploadDiv.target = "_blank";
var fileImg = document.createElement("img");
fileImg.src = apiEndpoint + '/file/' + id + '/thumbnail';
fileImg.alt = this.file.name;
var linkSpan = document.createElement("span");
linkSpan.style.color = "var(--highlight_color)";
linkSpan.innerText = window.location.hostname + "/u/" + id;
this.uploadDiv.innerHTML = ""; // Remove uploading progress
this.uploadDiv.appendChild(fileImg);
this.uploadDiv.appendChild(document.createTextNode(this.file.name));
this.uploadDiv.appendChild(document.createElement("br"));
this.uploadDiv.appendChild(linkSpan);
};
UploadProgressBar.prototype.onFailure = function (error) {
this.uploadDiv.innerHTML = ""; // Remove uploading progress
this.uploadDiv.style.background = 'var(--danger_color)';
this.uploadDiv.appendChild(document.createTextNode(this.file.name));
this.uploadDiv.appendChild(document.createElement("br"));
this.uploadDiv.appendChild(document.createTextNode("Upload failed after three tries:"));
this.uploadDiv.appendChild(document.createElement("br"));
this.uploadDiv.appendChild(document.createTextNode(error));
};
return UploadProgressBar;
}());
// List creation
function createListFull(title, anonymous) {
if (uploader.uploading()) {
var cont = confirm("Some files have not finished uploading yet. Creating a list now " +
"will exclude those files.\n\nContinue?");
if (!cont) {
return;
}
}
var postData = {
"title": title,
"anonymous": anonymous,
"files": new Array()
};
for (var i = 0; i < finishedUploads.length; i++) {
if (finishedUploads[i].id == "") {
continue;
}
postData.files.push({
"id": finishedUploads[i].id
});
}
var xhr = new XMLHttpRequest();
xhr.open("POST", apiEndpoint + "/list");
xhr.setRequestHeader("Content-Type", "application/json; charset=UTF-8");
xhr.onreadystatechange = function () {
if (xhr.readyState !== 4) {
return;
}
var resp = JSON.parse(xhr.response);
if (xhr.status < 400) {
// Request is a success
var div = document.createElement("div");
div.className = "file_button";
div.innerHTML = '<img src="' + apiEndpoint + '/list/' + resp.id + '/thumbnail"/>'
+ "List creation finished!<br/>"
+ title + "<br/>"
+ '<a href="/l/' + resp.id + '" target="_blank">' + window.location.hostname + '/l/' + resp.id + '</a>';
document.getElementById("created_lists").appendChild(div);
window.open('/l/' + resp.id, '_blank');
}
else {
console.log("status: " + xhr.status + " response: " + xhr.response);
var div = document.createElement("div");
div.className = "file_button";
div.innerHTML = "List creation failed<br/>"
+ "The server responded with:<br/>"
+ resp.message;
document.getElementById("created_lists").append(div);
}
};
xhr.send(JSON.stringify(postData));
}
function copyText(text) {
// Create a textarea to copy the text from
var ta = document.createElement("textarea");
ta.setAttribute("readonly", "readonly");
ta.style.position = "absolute";
ta.style.left = "-9999px";
ta.value = text; // Put the text in the textarea
// Add the textarea to the DOM so it can be seleted by the user
document.body.appendChild(ta);
ta.select(); // Select the contents of the textarea
var success = document.execCommand("copy"); // Copy the selected text
document.body.removeChild(ta); // Remove the textarea
return success;
}
// Create list button
document.getElementById("btn_create_list").addEventListener("click", function (evt) {
var title = prompt("You are creating a list containing " + finishedUploads.length + " files.\n"
+ "What do you want to call it?", "My New Album");
if (title === null) {
return;
}
createListFull(title, false);
});
var btnCopyLinks = document.getElementById("btn_copy_links");
btnCopyLinks.addEventListener("click", function () {
var text = "";
// Add the text to the textarea
for (var i = 0; i < finishedUploads.length; i++) {
// Example: https://pixeldrain.com/u/abcd1234: Some_file.png
text += window.location.protocol + "//" + window.location.hostname + "/u/" + finishedUploads[i].id +
" " + finishedUploads[i].name + "\n";
}
var defaultButtonText = btnCopyLinks.innerHTML;
// Copy the selected text
if (copyText(text)) {
btnCopyLinks.classList.add("button_highlight");
btnCopyLinks.innerHTML = "Links copied to clipboard!";
// Return to normal
setTimeout(function () {
btnCopyLinks.innerHTML = defaultButtonText;
btnCopyLinks.classList.remove("button_highlight");
}, 60000);
}
else {
btnCopyLinks.classList.add("button_red");
btnCopyLinks.innerHTML = "Copying links failed";
setTimeout(function () {
btnCopyLinks.innerHTML = defaultButtonText;
btnCopyLinks.classList.remove("button_red");
}, 60000);
}
});
var btnCopyBBCode = document.getElementById("btn_copy_bbcode");
btnCopyBBCode.addEventListener("click", function () {
var text = "";
// Add the text to the textarea
for (var i = 0; i < finishedUploads.length; i++) {
// Example: [url=https://pixeldrain.com/u/abcd1234]Some_file.png[/url]
text += "[url=" + window.location.protocol + "//" + window.location.hostname +
"/u/" + finishedUploads[i].id + "]" +
finishedUploads[i].name + "[/url]\n";
}
var defaultButtonText = btnCopyBBCode.innerHTML;
// Copy the selected text
if (copyText(text)) {
btnCopyBBCode.classList.add("button_highlight");
btnCopyBBCode.innerHTML = "BBCode copied to clipboard!";
// Return to normal
setTimeout(function () {
btnCopyBBCode.innerHTML = defaultButtonText;
btnCopyBBCode.classList.remove("button_highlight");
}, 60000);
}
else {
btnCopyBBCode.classList.add("button_red");
btnCopyBBCode.innerHTML = "Copying links failed";
setTimeout(function () {
btnCopyBBCode.innerHTML = defaultButtonText;
btnCopyBBCode.classList.remove("button_red");
}, 60000);
}
});
var Cookie;
(function (Cookie) {
function read(name) {
var result = new RegExp('(?:^|; )' + encodeURIComponent(name) + '=([^;]*)').exec(document.cookie);
return result ? result[1] : null;
}
Cookie.read = read;
function write(name, value, days) {
if (!days) {
days = 365 * 20;
}
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toUTCString();
document.cookie = name + "=" + value + expires + "; path=/";
}
Cookie.write = write;
function remove(name) {
write(name, "", -1);
}
Cookie.remove = remove;
})(Cookie || (Cookie = {}));
var UploadManager = /** @class */ (function () {
function UploadManager() {
this.uploadQueue = new Array();
this.uploadThreads = new Array();
this.maxThreads = 3;
this.finishCallback = null;
}
UploadManager.prototype.uploadFile = function (file) {
console.debug("Adding upload to queue");
this.uploadQueue.push(file);
if (this.uploadThreads.length < this.maxThreads) {
console.debug("Starting upload thread");
var thread_1 = new UploadWorker(this);
this.uploadThreads.push(thread_1);
setTimeout(function () { thread_1.start(); }, 0); // Start a new upload thread
}
else {
for (var i = 0; i < this.uploadThreads.length; i++) {
this.uploadThreads[i].start();
}
}
};
UploadManager.prototype.uploading = function () {
for (var i = 0; i < this.uploadThreads.length; i++) {
if (this.uploadThreads[i].isUploading()) {
return true;
}
}
return false;
};
UploadManager.prototype.grabFile = function () {
if (this.uploadQueue.length > 0) {
return this.uploadQueue.shift();
}
else {
if (!this.uploading() && this.finishCallback !== null) {
this.finishCallback();
}
return undefined;
}
};
return UploadManager;
}());
var UploadWorker = /** @class */ (function () {
function UploadWorker(manager) {
this.tries = 0;
this.uploading = false;
this.manager = manager;
}
UploadWorker.prototype.isUploading = function () { return this.uploading; };
UploadWorker.prototype.start = function () {
if (!this.uploading) {
this.newFile();
}
};
UploadWorker.prototype.newFile = function () {
this.uploading = false;
var file = this.manager.grabFile();
if (file === undefined) { // No more files in the queue. We're finished
console.debug("No files left in queue");
return; // Stop the thread
}
this.uploading = true;
this.tries = 0;
this.upload(file);
};
UploadWorker.prototype.upload = function (file) {
console.debug("Starting upload of " + file.name);
var that = this; // jquery changes the definiton of "this"
var formData = new FormData();
formData.append("name", file.name);
formData.append('file', file.file);
var xhr = new XMLHttpRequest();
xhr.open("POST", apiEndpoint + "/file");
xhr.timeout = 21600000; // 6 hours, to account for slow connections
// Update progess bar on progress
xhr.upload.addEventListener("progress", function (evt) {
if (evt.lengthComputable) {
file.onProgress(evt.loaded / evt.total);
}
});
xhr.onreadystatechange = function () {
if (xhr.readyState !== 4) {
return;
}
if (xhr.status >= 100 && xhr.status < 400) {
var resp = JSON.parse(xhr.response);
// Request is a success
file.onFinished(resp.id);
that.setHistoryCookie(resp.id);
that.newFile(); // Continue uploading on this thread
}
else {
var value, message;
if (xhr.status >= 400) {
var resp = JSON.parse(xhr.response);
value = resp.value;
message = resp.message;
}
console.log("Upload error. status: " + xhr.status + " response: " + xhr.response);
if (that.tries === 3) {
file.onFailure(value, message);
setTimeout(function () { that.newFile(); }, 2000); // Try to continue
return; // Upload failed
}
// Try again
that.tries++;
setTimeout(function () { that.upload(file); }, that.tries * 5000);
}
};
xhr.send(formData);
};
UploadWorker.prototype.setHistoryCookie = function (id) {
// Make sure the user is not logged in, for privacy. This keeps the
// files uploaded while logged in and anonymously uploaded files
// separated
if (Cookie.read("pd_auth_key") !== null) {
return;
}
var uc = Cookie.read("pduploads");
// First upload in this browser
if (uc === null) {
Cookie.write("pduploads", id + ".", undefined);
return;
}
if (uc.length > 2000) {
// Cookie is becoming too long, drop the oldest two files
uc = uc.substring(uc.indexOf(".") + 1).substring(uc.indexOf(".") + 1);
}
Cookie.write("pduploads", uc + id + ".", undefined);
};
return UploadWorker;
}());

187
res/include/script/compiled/textupload.js
View File

@@ -1,187 +0,0 @@
var uploader = null;
var TextUpload = /** @class */ (function () {
function TextUpload(file, name) {
this.file = file;
this.name = name;
}
TextUpload.prototype.onProgress = function (progress) { return; };
TextUpload.prototype.onFinished = function (id) {
setTimeout(window.location.href = "/u/" + id, 100);
};
TextUpload.prototype.onFailure = function (response, error) {
alert("File upload failed! The server told us this: " + response);
};
return TextUpload;
}());
function uploadText() {
var text = $("#textarea").val();
var blob = new Blob([text], { type: "text/plain" });
var filename = prompt("What do you want to call this piece of textual art?\n\n"
+ "Please add your own file extension, if you want.", "Pixeldrain_Text_File.txt");
if (filename === null) {
return;
}
if (uploader === null) {
uploader = new UploadManager();
}
uploader.uploadFile(new TextUpload(blob, filename));
}
/**
* Prevent the Tab key from moving the cursor outside of the text area
*/
$(document).delegate('#textarea', 'keydown', function (e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 9) {
e.preventDefault();
var start = $(this).get(0).selectionStart;
var end = $(this).get(0).selectionEnd;
// set textarea value to: text before caret + tab + text after caret
$(this).val($(this).val().substring(0, start)
+ "\t"
+ $(this).val().substring(end));
// put caret at right position again
$(this).get(0).selectionStart =
$(this).get(0).selectionEnd = start + 1;
}
});
// Upload the file when ctrl + s is pressed
$(document).bind('keydown', function (e) {
if (e.ctrlKey && (e.which === 83)) {
e.preventDefault();
uploadText();
return false;
}
});
var Cookie;
(function (Cookie) {
function read(name) {
var result = new RegExp('(?:^|; )' + encodeURIComponent(name) + '=([^;]*)').exec(document.cookie);
return result ? result[1] : null;
}
Cookie.read = read;
function write(name, value, days) {
if (!days) {
days = 365 * 20;
}
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toUTCString();
document.cookie = name + "=" + value + expires + "; path=/";
}
Cookie.write = write;
function remove(name) {
write(name, "", -1);
}
Cookie.remove = remove;
})(Cookie || (Cookie = {}));
var UploadManager = /** @class */ (function () {
function UploadManager() {
this.uploadQueue = new Array();
this.uploadThreads = new Array();
this.maxThreads = 3;
}
UploadManager.prototype.uploadFile = function (file) {
console.debug("Adding upload to queue");
this.uploadQueue.push(file);
if (this.uploadThreads.length < this.maxThreads) {
console.debug("Starting upload thread");
var thread_1 = new UploadWorker(this);
this.uploadThreads.push(thread_1);
setTimeout(function () { thread_1.start(); }, 0); // Start a new upload thread
}
else {
for (var i = 0; i < this.uploadThreads.length; i++) {
this.uploadThreads[i].start();
}
}
};
UploadManager.prototype.grabFile = function () {
if (this.uploadQueue.length > 0) {
return this.uploadQueue.shift();
}
else {
return undefined;
}
};
return UploadManager;
}());
var UploadWorker = /** @class */ (function () {
function UploadWorker(manager) {
this.tries = 0;
this.uploading = false;
this.manager = manager;
}
UploadWorker.prototype.start = function () {
if (!this.uploading) {
this.newFile();
}
};
UploadWorker.prototype.newFile = function () {
var file = this.manager.grabFile();
if (file === undefined) {
this.uploading = false;
console.debug("No files left in queue");
return; // Stop the thread
}
this.uploading = true;
this.tries = 0;
this.upload(file);
};
UploadWorker.prototype.upload = function (file) {
console.debug("Starting upload of " + file.name);
var formData = new FormData();
formData.append('file', file.file);
formData.append("name", file.name);
var that = this; // jquery changes the definiton of "this"
$.ajax({
url: "/api/file",
data: formData,
cache: false,
crossDomain: false,
contentType: false,
processData: false,
type: 'POST',
xhr: function () {
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", function (evt) {
if (evt.lengthComputable) {
file.onProgress(evt.loaded / evt.total);
}
}, false);
return xhr;
},
success: function (data) {
file.onFinished(data.id);
that.setHistoryCookie(data.id);
console.log("Done: " + data.id);
that.newFile(); // Continue uploading on this thread
},
error: function (xhr, status, error) {
console.log("status: " + status + " error: " + error);
if (that.tries === 3) {
alert("Upload failed: " + status);
file.onFailure(status, error);
setTimeout(function () { that.newFile(); }, 2000); // Try to continue
return; // Upload failed
}
// Try again
that.tries++;
setTimeout(function () { that.upload(file); }, that.tries * 3000);
}
});
};
UploadWorker.prototype.setHistoryCookie = function (id) {
var uc = Cookie.read("pduploads");
// First upload in this browser
if (uc === null) {
Cookie.write("pduploads", id + ".", undefined);
return;
}
if (uc.length > 2000) {
// Cookie is becoming too long, drop the oldest two files
uc = uc.substring(uc.indexOf(".") + 1).substring(uc.indexOf(".") + 1);
}
Cookie.write("pduploads", uc + id + ".", undefined);
};
return UploadWorker;
}());

164
res/include/script/dependencies/UploadManager.js Normal file
View File

@@ -0,0 +1,164 @@
class UploadManager {
constructor(apiAddress, uploadsFinished) {let um = this;
um.apiAddress = apiAddress;
// Callback function for when the queue is empty
um.uploadsFinished = uploadsFinished;
// Counts the total number of upload jobs
um.jobCounter = 0;
// Queue of files to be uploaded. Format:
// {
// jobID: number,
// file: Blob,
// name: string,
// onProgress: function,
// onFinished: function,
// onFailure: function,
// tries: number
// }
um.uploadQueue = [];
// Here we put successful jobs. The array should be sorted by job ID.
// Format:
// { jobID: number, fileID: string, fileName: string }
um.uploadLog = [];
// Max number of uploading threads at once
um.maxWorkers = 3;
// Threads which are currently uploading
um.activeWorkers = 0;
// Total number of jobs accepted
um.jobCounter = 0;
}
finishedUploads() {let um = this;
um.uploadLog.sort(function(a, b) {
return a.jobID - b.jobID;
})
return um.uploadLog;
}
addFile(
file, // Blob
name, // string
onProgress, // func (progress: number)
onFinished, // func (id: string)
onFailure // func (errorID: string, errorMessage: string)
) {let um = this;
um.uploadQueue.push({
jobID: um.jobCounter,
file: file,
name: name,
onProgress: onProgress,
onFinished: onFinished,
onFailure: onFailure,
tries: 0
});
// Increment the job counter
um.jobCounter++
if (um.activeWorkers < um.maxWorkers) {
// Run the upload function
um.startUpload();
}
}
startUpload() {let um = this;
if (um.uploadQueue.length === 0) {
return; // Nothing to upload
}
if (um.activeWorkers < um.maxWorkers) {
um.activeWorkers++;
um.uploadThread();
}
}
finishUpload() {let um = this;
um.activeWorkers--;
if (
um.uploadQueue.length === 0 &&
um.activeWorkers === 0 &&
typeof(um.uploadsFinished) === "function"
) {
um.uploadsFinished();
return;
}
// Run the upload function for the next file
um.startUpload();
}
uploadThread() {let um = this;
let job = um.uploadQueue.shift(); // Get the first element of the array
console.debug("Starting upload of " + job.name);
let form = new FormData();
form.append("name", job.name);
form.append('file', job.file);
let xhr = new XMLHttpRequest();
xhr.open("POST", um.apiAddress + "/file", true);
xhr.timeout = 21600000; // 6 hours, to account for slow connections
// Report progress updates back to the caller
xhr.upload.addEventListener("progress", function (evt) {
if (evt.lengthComputable && typeof(job.onProgress) === "function") {
job.onProgress(evt.loaded / evt.total);
}
});
xhr.onreadystatechange = function () {
// readystate 4 means the upload is done
if (xhr.readyState !== 4) { return; }
if (xhr.status >= 100 && xhr.status < 400) {
// Request is a success
let resp = JSON.parse(xhr.response);
addUploadHistory(resp.id)
// Log the successful job
um.uploadLog.push({
jobID: job.jobID,
fileID: resp.id,
fileName: job.name
});
if (typeof(job.onFinished) === "function") {
job.onFinished(resp.id);
}
} else if (xhr.status >= 400) {
// Request failed
console.log("Upload error. status: " + xhr.status + " response: " + xhr.response);
let resp = JSON.parse(xhr.response);
if (job.tries === 3) { // Upload failed
job.onFailure(resp.value, resp.message);
} else { // Try again
job.tries++;
um.uploadQueue.push(job);
}
} else {
// Request did not arrive
if (job.tries === 3) { // Upload failed
if (typeof(job.onFailure) === "function") {
job.onFailure(xhr.response, xhr.response);
}
} else { // Try again
job.tries++;
um.uploadQueue.push(job);
}
}
// Finish the upload job
um.finishUpload();
};
xhr.send(form);
}
}

68
res/include/script/dependencies/util.js Normal file
View File

@@ -0,0 +1,68 @@
function renderFileButton(apiURL, id, title, subtitle) {
let btn = document.createElement("a");
btn.classList = "file_button";
btn.href = "/u/"+id;
btn.target = "_blank";
let thumbnail = document.createElement("img");
thumbnail.src = apiURL+"/file/"+id+"/thumbnail?width=80&height=80";
thumbnail.alt = title;
let titleSpan = document.createElement("span");
titleSpan.classList = "file_button_title";
titleSpan.innerText = title;
let br = document.createElement("br");
let subtitleSpan = document.createElement("span");
subtitleSpan.classList = "file_button_subtitle";
subtitleSpan.innerText = subtitle;
btn.appendChild(thumbnail);
btn.appendChild(titleSpan);
btn.appendChild(br);
btn.appendChild(subtitleSpan);
return btn;
}
function renderListButton(apiURL, id, title, subtitle) {
let btn = document.createElement("a");
btn.classList = "file_button";
btn.href = "/l/"+id;
btn.target = "_blank";
let thumbnail = document.createElement("img");
thumbnail.src = apiURL+"/list/"+id+"/thumbnail?width=80&height=80";
thumbnail.alt = title;
let titleSpan = document.createElement("span");
titleSpan.classList = "file_button_title";
titleSpan.innerText = title;
let br = document.createElement("br");
let subtitleSpan = document.createElement("span");
subtitleSpan.classList = "file_button_subtitle";
subtitleSpan.innerText = subtitle;
btn.appendChild(thumbnail);
btn.appendChild(titleSpan);
btn.appendChild(br);
btn.appendChild(subtitleSpan);
return btn;
}
function addUploadHistory(fileID) {
// Make sure the user is not logged in, for privacy. This keeps the
// files uploaded while logged in and anonymously uploaded files
// separated
if (document.cookie.includes("pd_auth_key")) { return; }
let uploads = localStorage.getItem("uploaded_files");
if (uploads === null) { uploads = ""; }
// Check if there are not too many values stored
if (uploads.length > 3600) {
// 3600 characters is enough to store 400 file IDs. If we exceed that
// number we'll drop the last two items
uploads = uploads.substring(
uploads.indexOf(",") + 1
).substring(
uploads.indexOf(",") + 1
);
}
// Save the new ID
localStorage.setItem("uploaded_files", fileID + "," + uploads);
}

22
res/include/script/embedupload.css
View File

@@ -1,22 +0,0 @@
/*
Created on : Oct 21, 2015, 1:15:03 PM
Author : Fornax
*/
.uploadQueueSideBar{
}
.uploadQueueToggleButton{
}
.uploadNotification{
position: fixed;
background-color: #333;
border: 2px #555 outset;
height: 100px;
width: 200px;
right: 10px;
bottom: 10px;
}

14
res/include/script/embedupload.js
View File

@@ -1,14 +0,0 @@
/*
* Made by Fornax
*/
$(document).ready(function () {
// Add the stylesheet
$("head").append('<link rel="stylesheet" type="text/css" href="/res/script/embedupload.css">');
});
var ModularUploader = {
doUpload: function(){
}
};

105
res/include/script/history.js
View File

@@ -1,52 +1,55 @@
var uploads;
$(document).ready(function () {
var uploadString = $.cookie("pduploads");
uploadString = uploadString.slice(0, -1);
uploads = uploadString.split(".");
uploads.reverse();
var timeout = 250;
var itemcount = 0;
$.each(uploads, function (nr, id) {
setTimeout(function () {
$.ajax({
type: "GET",
dataType: "json",
url: apiEndpoint + "/file/" + id + "/info",
async: true,
success: function(data) {
historyAddItem(data);
},
error: function(data) {
historyAddItem(data.responseJSON);
}
});
}, timeout);
timeout = timeout + 100;
itemcount++;
if (itemcount > 1000) {
return false;
}
});
});
function historyAddItem(json) {
if(!json.success){return;}
var date = new Date(json.date_upload);
var uploadItem = '<a href="/u/'+ json.id +'" target="_blank" class="file_button">'
+ '<img src="'+ apiEndpoint + json.thumbnail_href + '?width=80&height=80"'
+ "alt=\"" + json.name + "\" />"
+ '<span style="color: var(--highlight_color);">'+json.name+'</span>'
+ "<br/>"
+ date.getFullYear() + "-"
+ ("00" + (date.getMonth() + 1)).slice(-2) + "-"
+ ("00" + date.getDate()).slice(-2)
+ "</a>";
$("#uploadedFiles").append($(uploadItem).hide().fadeIn(500));
function getCookie(name) {
var result = new RegExp('(?:^|; )' + encodeURIComponent(name) + '=([^;]*)').exec(document.cookie);
return result ? result[1] : null;
}
// Get the uploads from localstorage
let uploadsStr = localStorage.getItem("uploaded_files");
if (uploadsStr === null) { uploadsStr = ""; }
let uploads = Array();
if (uploadsStr != "") {
uploadsStr = uploadsStr.slice(0, -1); // Strip the trailing comma
uploads = uploadsStr.split(",");
}
// Get the uploads from a cookie
uploadsStr = getCookie("pduploads");
if (uploadsStr === null) { uploadsStr = ""; }
if (uploadsStr != "") {
uploadsStr = uploadsStr.slice(0, -1); // Strip the trailing dot
uploads.push(uploadsStr.split(".").reverse());
}
// Render all the items
function getHistoryItem() {
let item = uploads.shift();
if (item === undefined || item === "") { return; }
fetch(
apiEndpoint+"/file/"+item+"/info"
).then(resp => {
if (!resp.ok) {
return Promise.reject();
}
return resp.json();
}).then(resp => {
let date = new Date(resp.date_upload);
document.getElementById("uploaded_files").appendChild(
renderFileButton(
apiEndpoint,
resp.id,
resp.name,
date.getFullYear()+"-"+("00"+(date.getMonth()+1)).slice(-2)+"-"+("00"+date.getDate()).slice(-2)
)
);
getHistoryItem();
}).catch(err => {
console.log("Fetch failed: "+err)
getHistoryItem();
})
}
getHistoryItem();

150
res/include/script/home_plain.js
View File

@@ -1,150 +0,0 @@
// Form upload handlers
// Relay click event to hidden file field
document.getElementById("select_file_button").onclick = function(){
document.getElementById("file_input_field").click()
}
document.getElementById("file_input_field").onchange = function(evt){
handleUploads(evt.target.files);
// This resets the file input field
document.getElementById("file_input_field").nodeValue = "";
}
/*
* Drag 'n Drop upload handlers
*/
document.ondragover = function (e) {
e.preventDefault()
e.stopPropagation()
}
document.ondragenter = function (e) {
e.preventDefault()
e.stopPropagation()
}
document.addEventListener('drop', function(e){
if (e.dataTransfer && e.dataTransfer.files.length > 0) {
e.preventDefault()
e.stopPropagation()
handleUploads(e.dataTransfer.files)
}
})
function handleUploads(files) {
if (uploader === null){
uploader = new UploadManager();
uploader.finishCallback = uploadsFinished;
}
for (var i = 0; i < files.length; i++) {
uploader.uploadFile(new UploadProgressBar(files.item(i)))
}
document.getElementById("instruction_2").style.display = "";
document.getElementById("instruction_3").style.display = "none";
document.getElementById("instruction_3_after").style.display = "none";
}
var shareLink = "";
var shareTitle = "";
async function uploadsFinished() {
let url = window.location.protocol+"//"+window.location.hostname;
if (window.location.port != "") {
url = window.location.protocol+"//"+window.location.hostname+":"+window.location.port;
}
if (finishedUploads.length === 0) {
return;
} else if (finishedUploads.length === 1) {
shareLink = url+"/u/"+finishedUploads[0].id;
shareTitle = "Download "+finishedUploads[0].name+" here";
} else {
let id = await createList(totalUploads+" files", true);
console.log("Automatic list ID "+id);
if (id != "") {
shareLink = url+"/l/"+id;
shareTitle = "View "+totalUploads+" files here";
} else {
alert("Failed to group files. Please create list manually");
}
}
document.getElementById("instruction_3").style.display = "";
document.getElementById("instruction_3_after").style.display = "";
if (window.navigator && window.navigator.share) {
document.getElementById("social_buttons").style.display = "none";
} else {
document.getElementById("navigator_share_button").style.display = "none";
}
}
function shareButton() {
window.navigator.share({
title: "Pixeldrain",
text: shareTitle,
url: shareLink
});
}
document.addEventListener("keydown", function(event){
if (event.ctrlKey || event.altKey) {
return // prevent custom shortcuts from interfering with system shortcuts
}
if (event.which == 67 && !uploader.uploading()) { // C to copy to clipboard
copyLink();
}
});
function copyLink() {
if(copyText(shareLink)) {
console.log('Text copied');
document.querySelector("#btn_copy_link>span").textContent = "Copied!";
document.getElementById("btn_copy_link").classList.add("button_highlight");
} else {
console.log('Copying not supported');
alert("Your browser does not support copying text.");
}
}
function openLink() {
window.open(shareLink, '_blank');
}
function createList(title, anonymous) {
var postData = {
"title": title,
"anonymous": anonymous,
"files": new Array()
};
for (var i = 0; i < finishedUploads.length; i++) {
if (finishedUploads[i] == undefined) {
continue
}
postData.files.push({
"id": finishedUploads[i].id
});
}
return fetch(
apiEndpoint+"/list",
{
method: "POST",
headers: {"Content-Type": "application/json"},
body: JSON.stringify(postData)
}
).then(response => {
if (!response.ok) {
throw new Error("HTTP error "+response.status);
}
return response.json();
}).then(function (response) {
return response.id;
}).catch(function(error) {
console.log(error);
});
}

367
res/include/script/homepage.js Normal file
View File

@@ -0,0 +1,367 @@
class UploadProgressBar {
constructor(uploadManager, queueDiv, file){
this.uploadManager = uploadManager;
this.file = file;
this.name = file.name;
this.uploadDiv = document.createElement("a");
this.uploadDiv.classList.add("file_button");
this.uploadDiv.style.opacity = "0";
this.uploadDiv.innerText = "Queued\n" + this.file.name;
queueDiv.appendChild(this.uploadDiv);
// Start uploading the file
let that = this;
this.uploadManager.addFile(
this.file,
this.name,
function(progress) { that.onProgress(progress); },
function(id) { that.onFinished(id); },
function(val, msg) { that.onFailure(val, msg); }
);
// Browsers don't render the transition if the opacity is set and
// updated in the same frame. So we have to wait a frame (or more)
// before changing the opacity to make sure the transition triggers
var d = this.uploadDiv // `this` stops working after constructor ends
window.setTimeout(function(){d.style.opacity = "1";}, 100)
}
onProgress(progress){
this.uploadDiv.innerText = "Uploading... " + Math.round(progress*1000)/10 + "%\n" + this.name
this.uploadDiv.style.background = 'linear-gradient('
+'to right, '
+'var(--file_background_color) 0%, '
+'var(--highlight_color) '+ ((progress*100)) +'%, '
+'var(--file_background_color) '+ ((progress*100)+1) +'%)'
}
onFinished(id){
console.log("Upload finished: "+this.file.name+" "+id);
this.uploadDiv.style.background = 'var(--file_background_color)'
this.uploadDiv.href = '/u/'+id
this.uploadDiv.target= "_blank"
let fileImg = document.createElement("img")
fileImg.src = apiEndpoint+'/file/'+id+'/thumbnail'
fileImg.alt = this.file.name
let linkSpan = document.createElement("span")
linkSpan.style.color = "var(--highlight_color)"
linkSpan.innerText = domainURL()+"/u/"+id
this.uploadDiv.innerHTML = "" // Remove uploading progress
this.uploadDiv.appendChild(fileImg)
this.uploadDiv.appendChild(document.createTextNode(this.file.name))
this.uploadDiv.appendChild(document.createElement("br"))
this.uploadDiv.appendChild(linkSpan)
}
onFailure(error) {
this.uploadDiv.innerHTML = "" // Remove uploading progress
this.uploadDiv.style.background = 'var(--danger_color)'
this.uploadDiv.appendChild(document.createTextNode(this.file.name))
this.uploadDiv.appendChild(document.createElement("br"))
this.uploadDiv.appendChild(document.createTextNode("Upload failed after three tries:"))
this.uploadDiv.appendChild(document.createElement("br"))
this.uploadDiv.appendChild(document.createTextNode(error))
}
}
let uploader = null;
let shareTitle = "";
let shareLink = "";
function handleUploads(files) {
if (uploader === null){
uploader = new UploadManager(apiEndpoint, uploadsFinished);
}
for (let i = 0; i < files.length; i++) {
new UploadProgressBar(
uploader,
document.getElementById("uploads_queue"),
files.item(i)
);
}
hideShareButtons();
}
function domainURL() {
let url = window.location.protocol+"//"+window.location.hostname;
if (window.location.port != "") {
url = url+":"+window.location.port;
}
return url;
}
function uploadsFinished() {
shareLink = ""
shareTitle = ""
// Get the finished uploads from the uploader
let uploadLog = uploader.finishedUploads();
if (uploadLog.length === 1) {
shareTitle = "Download "+uploadLog[0].name+" here";
shareLink = domainURL()+"/u/"+uploadLog[0].id;
showShareButtons();
} else if (uploadLog.length > 1) {
let title = uploadLog.length + " files";
createList(
title, true,
).then(resp => {
console.log("Automatic list ID "+resp.id);
shareTitle = "View "+title+" here";
shareLink = domainURL()+"/l/"+resp.id;
showShareButtons();
}).catch(err => {
alert("Failed to generate link. Please check your internet connection and try again.\nError: "+err);
});
}
}
function createList(title, anonymous) {
let uploads = uploader.finishedUploads();
let files = Array();
for (let i = 0; i < uploads.length; i++) {
files.push({ "id": uploads[i].fileID });
}
return fetch(
apiEndpoint+"/list",
{
method: "POST",
headers: {"Content-Type": "application/json; charset=UTF-8"},
body: JSON.stringify({
"title": title,
"anonymous": anonymous,
"files": files
})
}
).then(resp => {
if (!resp.ok) {
return Promise.reject("HTTP error: "+resp.status);
}
return resp.json();
})
}
function hideShareButtons() {
document.getElementById("instruction_2").style.display = "";
document.getElementById("instruction_3").style.display = "none";
document.getElementById("instruction_3_after").style.display = "none";
}
function showShareButtons() {
document.getElementById("instruction_3").style.display = "";
document.getElementById("instruction_3_after").style.display = "";
if (window.navigator && window.navigator.share) {
document.getElementById("social_buttons").style.display = "none";
} else {
document.getElementById("navigator_share_button").style.display = "none";
}
}
function copyLink() {
if(copyText(shareLink)) {
console.log('Text copied');
document.querySelector("#btn_copy_link>span").textContent = "Copied!";
document.getElementById("btn_copy_link").classList.add("button_highlight");
} else {
console.log('Copying not supported');
alert("Your browser does not support copying text.");
}
}
function copyText(text) {
// Create a textarea to copy the text from
let ta = document.createElement("textarea");
ta.setAttribute("readonly", "readonly")
ta.style.position = "absolute";
ta.style.left = "-9999px";
ta.value = text; // Put the text in the textarea
// Add the textarea to the DOM so it can be seleted by the user
document.body.appendChild(ta);
ta.select() // Select the contents of the textarea
let success = document.execCommand("copy"); // Copy the selected text
document.body.removeChild(ta); // Remove the textarea
return success;
}
/*
* Upload Handlers
*/
// Relay click event to hidden file field
document.getElementById("upload_file_button").onclick = function() {
document.getElementById("file_input_field").click();
}
document.getElementById("file_input_field").onchange = function(evt){
// Start uploading the files async
window.setTimeout(handleUploads(evt.target.files), 1);
// This resets the file input field
document.getElementById("file_input_field").nodeValue = "";
}
document.getElementById("upload_text_button").onclick = function() {
window.location.href = '/t/';
}
/*
* Drag 'n Drop upload handlers
*/
document.ondragover = function(e) { e.preventDefault(); e.stopPropagation(); }
document.ondragenter = function(e) { e.preventDefault(); e.stopPropagation(); }
document.addEventListener('drop', function(e){
if (e.dataTransfer && e.dataTransfer.files.length > 0) {
e.preventDefault()
e.stopPropagation()
// Run async to not freeze the page
window.setTimeout(handleUploads(e.dataTransfer.files), 1);
}
})
/*
* Share buttons
*/
document.getElementById("btn_social_share").addEventListener("click", function() {
window.navigator.share({
title: "Pixeldrain",
text: shareTitle,
url: shareLink
});
});
document.getElementById("btn_copy_link").addEventListener("click", function() {
copyLink();
});
document.getElementById("btn_open_link").addEventListener("click", function() {
window.open(shareLink, '_blank');
});
document.getElementById("btn_social_email").addEventListener("click", function() {
window.open('mailto:please@set.address?subject=File%20on%20pixeldrain&body=' + shareLink);
});
document.getElementById("btn_social_twitter").addEventListener("click", function() {
window.open('https://twitter.com/share?url=' + shareLink);
});
document.getElementById("btn_social_facebook").addEventListener("click", function() {
window.open('http://www.facebook.com/sharer.php?u=' + shareLink);
});
document.getElementById("btn_social_reddit").addEventListener("click", function() {
window.open('https://www.reddit.com/submit?url=' + shareLink);
});
document.getElementById("btc_social_tumblr").addEventListener("click", function() {
window.open('http://www.tumblr.com/share/link?url=' + shareLink);
});
/*
* Link copy buttons
*/
// Create list button
document.getElementById("btn_create_list").addEventListener("click", function(evt) {
let title = prompt(
"You are creating a list containing " + uploader.finishedUploads().length + " files.\n"
+ "What do you want to call it?", "My New Album"
);
if(title === null){
return;
}
createList(title, false).then(resp => {
document.getElementById("created_lists").appendChild(
renderListButton(
apiEndpoint,
resp.id,
domainURL()+'/l/'+resp.id,
"List creation finished!",
)
);
window.open('/l/'+resp.id, '_blank');
}).catch(err => {
let div = document.createElement("div")
div.className = "file_button";
div.innerHTML = "List creation failed<br/>"
+ "The server responded with:<br/>"
+ err;
document.getElementById("created_lists").append(div);
});
});
let btnCopyLinks = document.getElementById("btn_copy_links");
btnCopyLinks.addEventListener("click", function(){
let text = "";
let uploads = uploader.finishedUploads();
// Add the text to the textarea
for (let i = 0; i < uploads.length; i++) {
// Example: https://pixeldrain.com/u/abcd1234: Some_file.png
text += domainURL()+"/u/"+uploads[i].fileID+" "+uploads[i].fileName+"\n";
}
if (shareLink.includes("/l/")) {
text += "\n"+shareLink+" All "+uploads.length+" files\n";
}
// Copy the selected text
if(copyText(text)){
btnCopyLinks.classList.add("button_highlight");
btnCopyLinks.innerHTML = "Links copied to clipboard!"
}else{
btnCopyLinks.classList.add("button_red");
btnCopyLinks.innerHTML = "Copying links failed"
}
});
let btnCopyBBCode = document.getElementById("btn_copy_bbcode");
btnCopyBBCode.addEventListener("click", function(){
let text = "";
let uploads = uploader.finishedUploads();
// Add the text to the textarea
for (let i = 0; i < uploads.length; i++) {
// Example: [url=https://pixeldrain.com/u/abcd1234]Some_file.png[/url]
text += "[url="+domainURL()+"/u/"+uploads[i].fileID+"]"+uploads[i].fileName+"[/url]\n";
}
if (shareLink.includes("/l/")) {
text += "\n[url="+shareLink+"]All "+uploads.length+" files[/url]\n";
}
// Copy the selected text
if(copyText(text)){
btnCopyBBCode.classList.add("button_highlight");
btnCopyBBCode.innerHTML = "BBCode copied to clipboard!"
}else{
btnCopyBBCode.classList.add("button_red");
btnCopyBBCode.innerHTML = "Copying links failed"
}
});
/*
* Keyboard shortcuts
*/
document.addEventListener("keydown", function(event){
if (event.ctrlKey || event.altKey) {
return // prevent custom shortcuts from interfering with system shortcuts
}
if (event.which === 67 && !uploader.uploading()) { // c
// Copy links to clipboard
copyLink();
} else if (event.which === 85) { // u
// Click the upload button
document.getElementById("file_input_field").click();
} else if (event.which === 84) { // t
// Click the text button
document.getElementById("upload_text_button").click();
}
console.log(event.which)
});

25
res/include/script/openlist.js
View File

@@ -1,25 +0,0 @@
var listItems = new Array();
function addToList(id, desc){
var listEntry = {id: id, desc: desc};
listItems.push(listEntry);
}
function openList(){
var arrayLength = listItems.length;
var url = "/u/"
for (var i = 0; i < arrayLength; i++) {
if (i != 0) {
url = url + ","
}
url = url + listItems[i]["id"]
}
window.open(url)
}
$("#btnOpenAsList").click(function (evt) {
openList();
});

107
res/include/script/paste.js
View File

@@ -1,107 +0,0 @@
/**
* Made by Fornax
* Use if you need to
*/
function uploadText() {
var text = $("#textarea").val();
if(!text.endsWith("\n")){
text += "\n";
}
var blob = new Blob([text], {type: "text/plain"});
startFileUpload(blob);
}
/*
* Upload functions
*/
function startFileUpload(blob) {
formData = new FormData();
formData.append('file', blob);
var filename = prompt("What do you want to call this piece of textual art?\n\n"
+ "Please add your own file extension, if you want.",
"Pixeldrain_Text_File.txt");
if(filename === null){
return;
}
formData.append("name", filename);
jQuery.ajax({
url: "/api/file",
data: formData,
cache: false,
crossDomain: true,
contentType: false,
processData: false,
type: 'POST',
success: function (data) {
fileUploadComplete(data);
}
});
}
function fileUploadComplete(json) {
if (json.success) {
setHistoryCookie(json.id)
setTimeout(window.location.href = "/u/" + json.id, 100);
} else {
alert("File upload failed! The server told us this: " + json.message);
}
}
function setHistoryCookie(id){
uc = Cookie.get("pduploads");
// First upload in this browser
if (uc === null) {
Cookie.set("pduploads", id + ".");
return;
}
if (uc.length > 2000){
// Cookie is becoming too long, drop the oldest two files
uc = uc.substring(
uc.indexOf(".") + 1
).substring(
uc.indexOf(".") + 1
);
}
Cookie.set("pduploads", uc + id + ".");
}
/**
* Prevent the Tab key from moving the cursor outside of the text area
*/
$(document).delegate('#textarea', 'keydown', function (e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 9) {
e.preventDefault();
var start = $(this).get(0).selectionStart;
var end = $(this).get(0).selectionEnd;
// set textarea value to: text before caret + tab + text after caret
$(this).val($(this).val().substring(0, start)
+ "\t"
+ $(this).val().substring(end));
// put caret at right position again
$(this).get(0).selectionStart =
$(this).get(0).selectionEnd = start + 1;
}
});
// Upload the file when ctrl + s is pressed
$(document).bind('keydown', function (e) {
if (e.ctrlKey && (e.which === 83)) {
e.preventDefault();
uploadText();
return false;
}
});

58
res/include/script/textupload.js Normal file
View File

@@ -0,0 +1,58 @@
function uploadText() {
var text = document.getElementById("textarea").value;
var blob = new Blob([text], {type: "text/plain"});
var filename = prompt("What do you want to call this piece of textual art?\n\n"
+ "Please add your own file extension, if you want.",
"Pixeldrain_Text_File.txt");
if(filename === null){
return;
}
new UploadManager(apiEndpoint, null).addFile(
blob,
filename,
null,
function (id){
addUploadHistory(id);
setTimeout(window.location.href = "/u/" + id, 100);
},
function (response, error) { alert("File upload failed! The server told us this: " + response); }
)
}
// Upload the file when ctrl + s is pressed
document.addEventListener("keydown", function(event) {
if (event.ctrlKey && (event.which === 83)) {
event.preventDefault();
uploadText();
return false;
}
});
/**
* Prevent the Tab key from moving the cursor outside of the text area
*/
document.getElementById("textarea").addEventListener(
'keydown',
function(e) {
if(e.keyCode === 9) { // tab was pressed
// get caret position/selection
var start = this.selectionStart;
var end = this.selectionEnd;
var target = e.target;
var value = target.value;
// set textarea value to: text before caret + tab + text after caret
target.value = value.substring(0, start) + "\t" + value.substring(end);
// put caret at right position again (add one for the tab)
this.selectionStart = this.selectionEnd = start + 1;
// prevent the focus lose
e.preventDefault();
}
},
false
);

3
res/include/style/layout.css
View File

@@ -362,6 +362,9 @@ pre{
float: left;
display: block;
}
.file_button > .file_button_title{
color: var(--highlight_color);
}
/* Form fields */