transfer.sh/transfersh-web/scripts/main.js
2014-10-24 17:58:10 +02:00

104 lines
3.7 KiB
JavaScript

$(document).ready(function() {
// Smooth scrolling
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
(function() {
var files = Array()
function upload(file) {
$('.browse').addClass('uploading');
var li = $('<li style="clear:both;"/>');
li.append($('<div><div class="upload-progress"><span></span><div class="bar" style="width:0%;">####################################################</div></div><p>Uploading... ' + file.name + '</p></div>'));
$(li).appendTo($('.queue'));
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", function(e) {
var pc = parseInt((e.loaded / e.total * 100));
$('.upload-progress', $(li)).show();
$('.upload-progress .bar', $(li)).css('width', pc + "%");
$('.upload-progress span ').empty().append(pc + "%");
}, false);
xhr.onreadystatechange = function(e) {
if (xhr.readyState == 4) {
/* $('.upload-progress', $(li)).hide();*/
$('#web').addClass('uploading');
// progress.className = (xhr.status == 200 ? "success" : "failure");
if (xhr.status == 200) {
$(li).html('<a target="_blank" href="' + xhr.responseText + '">' + xhr.responseText + '</a>');
} else {
$(li).html('<span>Error (' + xhr.status + ') during upload of file ' + file.name + '</span>');
}
files.push(xhr.responseText.replace("https://transfer.sh/", "").replace("\n", ""));
// files.push(URI(xhr.responseText).absoluteTo(location.href).toString());
$(".download-zip").attr("href", URI("(" + files.join(",") + ").zip").absoluteTo(location.href).toString());
$(".download-tar").attr("href", URI("(" + files.join(",") + ").tar.gz").absoluteTo(location.href).toString());
$(".all-files").addClass('show');
}
};
// should queue all uploads.
// start upload
xhr.open("PUT", '/' + file.name, true);
xhr.setRequestHeader("X_FILENAME", file.name);
xhr.send(file);
};
$(document).bind("dragenter", function(event) {
event.preventDefault();
}).bind("dragover", function(event) {
event.preventDefault();
// show drop indicator
$('#terminal').addClass('dragged');
$('#web').addClass('dragged');
}).bind("dragleave", function(event) {
$('#terminal').removeClass('dragged');
$('#web').removeClass('dragged');
}).bind("drop dragdrop", function(event) {
var files = event.originalEvent.target.files || event.originalEvent.dataTransfer.files;
$.each(files, function(index, file) {
console.debug(file);
upload(file);
});
event.stopPropagation();
event.preventDefault();
});
$('a.browse').on('click', function(event) {
$("input[type=file]").click();
return (false);
});
$('input[type=file]').on('change', function(event) {
$.each(this.files, function(index, file) {
if (file instanceof Blob) {
upload(file);
}
});
});
})();