275 lines
9.8 KiB
JavaScript
275 lines
9.8 KiB
JavaScript
$(document).ready(function () {
|
|
|
|
var uploadProgress;
|
|
var self = this;
|
|
self.uploadFilter = "all";
|
|
|
|
self.IMPORT_STATUS_CODES = {
|
|
0: {message: $.i18n._("Successfully imported")},
|
|
1: {message: $.i18n._("Pending import")},
|
|
2: {message: $.i18n._("Import failed.")},
|
|
UNKNOWN: {message: $.i18n._("Unknown")}
|
|
};
|
|
if (Object.freeze) {
|
|
Object.freeze(self.IMPORT_STATUS_CODES);
|
|
}
|
|
|
|
Dropzone.options.addMediaDropzone = {
|
|
url: '/rest/media',
|
|
//clickable: false,
|
|
acceptedFiles: acceptedMimeTypes.join() + ",.flac",
|
|
addRemoveLinks: true,
|
|
dictRemoveFile: $.i18n._("Remove"),
|
|
init: function () {
|
|
this.on("sending", function (file, xhr, data) {
|
|
data.append("csrf_token", $("#csrf").val());
|
|
});
|
|
|
|
this.on("addedfile", function (file, xhr, data) {
|
|
var el = $(file.previewElement);
|
|
uploadProgress = true;
|
|
el.find(".dz-remove").prependTo(el.find(".dz-details"));
|
|
el.find(".dz-error-message").appendTo(el.find(".dz-error-mark"));
|
|
});
|
|
|
|
this.on("success", function (file, xhr, data) {
|
|
//Refresh the upload table:
|
|
self.recentUploadsTable.fnDraw(); //Only works because we're using bServerSide
|
|
//In DataTables 1.10 and greater, we can use .fnAjaxReload()
|
|
});
|
|
this.on("complete", function() {
|
|
uploadProgress = false;
|
|
});
|
|
}
|
|
};
|
|
|
|
/*
|
|
var uploader = new plupload.Uploader({
|
|
runtimes: 'html5, flash, html4',
|
|
browse_button: 'pickfiles',
|
|
container: $("#container"),
|
|
url : baseUrl+'rest/media',
|
|
filters : [
|
|
{title: "Audio Files", extensions: "ogg,mp3,oga,flac,wav,m4a,mp4,opus,aac,oga,mp1,mp2,wma,au"}
|
|
],
|
|
multipart_params : {
|
|
"csrf_token" : $("#csrf").attr('value')
|
|
},
|
|
|
|
init: {
|
|
PostInit: function() {
|
|
document.getElementById('filelist').innerHTML = '';
|
|
|
|
document.getElementById('uploadfiles').onclick = function() {
|
|
uploader.start();
|
|
return false;
|
|
};
|
|
},
|
|
|
|
FilesAdded: function(up, files) {
|
|
plupload.each(files, function(file) {
|
|
document.getElementById('filelist').innerHTML += '<div id="' + file.id + '">' + file.name + ' (' + plupload.formatSize(file.size) + ') <b></b></div>';
|
|
});
|
|
},
|
|
|
|
UploadProgress: function(up, file) {
|
|
document.getElementById(file.id).getElementsByTagName('b')[0].innerHTML = '<span>' + file.percent + "%</span>";
|
|
},
|
|
|
|
Error: function(up, err) {
|
|
document.getElementById('console').innerHTML += "\nError #" + err.code + ": " + err.message;
|
|
}
|
|
}
|
|
});
|
|
|
|
uploader.init();
|
|
*/
|
|
|
|
|
|
/*
|
|
$("#plupload_files").pluploadQueue({
|
|
// General settings
|
|
runtimes : 'gears, html5, html4',
|
|
url : baseUrl+'rest/media',
|
|
//chunk_size : '5mb', //Disabling chunking since we're using the File Upload REST API now
|
|
unique_names : 'true',
|
|
multiple_queues : 'true',
|
|
filters : [
|
|
{title: "Audio Files", extensions: "ogg,mp3,oga,flac,wav,m4a,mp4,opus,aac,oga,mp1,mp2,wma,au"}
|
|
],
|
|
multipart_params : {
|
|
"csrf_token" : $("#csrf").attr('value'),
|
|
}
|
|
});
|
|
|
|
uploader = $("#plupload_files").pluploadQueue();
|
|
|
|
uploader.bind('FileUploaded', function(up, file, json)
|
|
{
|
|
//Refresh the upload table:
|
|
self.recentUploadsTable.fnDraw(); //Only works because we're using bServerSide
|
|
//In DataTables 1.10 and greater, we can use .fnAjaxReload()
|
|
});
|
|
|
|
var uploadProgress = false;
|
|
|
|
uploader.bind('QueueChanged', function(){
|
|
uploadProgress = (uploader.files.length > 0);
|
|
});
|
|
|
|
uploader.bind('UploadComplete', function(){
|
|
uploadProgress = false;
|
|
});*/
|
|
|
|
$(window).bind('beforeunload', function () {
|
|
if (uploadProgress) {
|
|
return sprintf($.i18n._("You are currently uploading files. %sGoing to another screen will cancel the upload process. %sAre you sure you want to leave the page?"),
|
|
"\n", "\n");
|
|
}
|
|
});
|
|
|
|
self.renderImportStatus = function (data, type, full) {
|
|
if (typeof data !== "number") {
|
|
console.log("Invalid data type for the import_status.");
|
|
return;
|
|
}
|
|
var statusStr = self.IMPORT_STATUS_CODES.UNKNOWN.message;
|
|
var importStatusCode = data;
|
|
if (self.IMPORT_STATUS_CODES[importStatusCode]) {
|
|
statusStr = self.IMPORT_STATUS_CODES[importStatusCode].message;
|
|
}
|
|
|
|
return statusStr;
|
|
};
|
|
|
|
self.renderFileActions = function (data, type, full) {
|
|
if (full.import_status == 0) {
|
|
return '<a class="deleteFileAction">' + $.i18n._('Delete from Library') + '</a>';
|
|
} else if (full.import_status == 1) {
|
|
//No actions for pending files
|
|
return $.i18n._('N/A');
|
|
} else { //Failed downloads
|
|
return '<a class="deleteFileAction">' + $.i18n._('Clear') + '</a>';
|
|
}
|
|
};
|
|
|
|
$("#recent_uploads_table").on("click", "a.deleteFileAction", function () {
|
|
//Grab the file object for the row that was clicked.
|
|
// Some tips from the DataTables forums:
|
|
// fnGetData is used to get the object behind the row - you can also use
|
|
// fnGetPosition if you need to get the index instead
|
|
file = $("#recent_uploads_table").dataTable().fnGetData($(this).closest("tr")[0]);
|
|
|
|
$.ajax({
|
|
type: 'DELETE',
|
|
url: 'rest/media/' + file.id + "?csrf_token=" + $("#csrf").attr('value'),
|
|
success: function (resp) {
|
|
self.recentUploadsTable.fnDraw();
|
|
},
|
|
error: function () {
|
|
alert($.i18n._("Error: The file could not be deleted. Please try again later."));
|
|
}
|
|
});
|
|
});
|
|
|
|
self.setupRecentUploadsTable = function () {
|
|
recentUploadsTable = $("#recent_uploads_table").dataTable({
|
|
"bJQueryUI": true,
|
|
"bProcessing": false,
|
|
"bServerSide": true,
|
|
"sAjaxSource": '/Plupload/recent-uploads/format/json',
|
|
"sAjaxDataProp": 'files',
|
|
"bSearchable": false,
|
|
"bInfo": true,
|
|
//"sScrollY": "200px",
|
|
"bFilter": false,
|
|
"bSort": false,
|
|
//"sDom": '<"H">frtip<"F"l>',
|
|
"sDom": '<"dataTables_scrolling"frt><"F"lip>',
|
|
"bPaginate": true,
|
|
"sPaginationType": "full_numbers",
|
|
"oLanguage": getDatatablesStrings({
|
|
"sEmptyTable": $.i18n._("No files have been uploaded yet."),
|
|
"sInfoEmpty": $.i18n._("Showing 0 to 0 of 0 uploads"),
|
|
"sInfo": $.i18n._("Showing _START_ to _END_ of _TOTAL_ uploads"),
|
|
"sInfoFiltered": $.i18n._("(filtered from _MAX_ total uploads)"),
|
|
}),
|
|
"aoColumns": [
|
|
{"mData": "artist_name", "sTitle": $.i18n._("Creator")},
|
|
{"mData": "track_title", "sTitle": $.i18n._("Title")},
|
|
{
|
|
"mData": "import_status", "sTitle": $.i18n._("Import Status"),
|
|
"mRender": self.renderImportStatus
|
|
},
|
|
{"mData": "utime", "sTitle": $.i18n._("Uploaded")},
|
|
{
|
|
"mData": "id", "sTitle": $.i18n._("Actions"),
|
|
"mRender": self.renderFileActions
|
|
}
|
|
],
|
|
"fnServerData": function (sSource, aoData, fnCallback) {
|
|
/* Add some extra data to the sender */
|
|
aoData.push({"name": "uploadFilter", "value": self.uploadFilter});
|
|
$.getJSON(sSource, aoData, function (json) {
|
|
fnCallback(json);
|
|
if (json.files) {
|
|
var areAnyFileImportsPending = false;
|
|
for (var i = 0; i < json.files.length; i++) {
|
|
//console.log(file);
|
|
var file = json.files[i];
|
|
if (file.import_status == 1) {
|
|
areAnyFileImportsPending = true;
|
|
}
|
|
}
|
|
if (areAnyFileImportsPending) {
|
|
//alert("pending uploads, starting refresh on timer");
|
|
self.startRefreshingRecentUploads();
|
|
} else {
|
|
self.stopRefreshingRecentUploads();
|
|
}
|
|
|
|
// Update usability hint - in common.js
|
|
getUsabilityHint();
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
return recentUploadsTable;
|
|
};
|
|
|
|
self.startRefreshingRecentUploads = function () {
|
|
if (self.isRecentUploadsRefreshTimerActive()) { //Prevent multiple timers from running
|
|
return;
|
|
}
|
|
self.recentUploadsRefreshTimer = setInterval("self.recentUploadsTable.fnDraw()", 3000);
|
|
};
|
|
|
|
self.isRecentUploadsRefreshTimerActive = function () {
|
|
return (self.recentUploadsRefreshTimer != null);
|
|
};
|
|
|
|
self.stopRefreshingRecentUploads = function () {
|
|
clearInterval(self.recentUploadsRefreshTimer);
|
|
self.recentUploadsRefreshTimer = null;
|
|
};
|
|
|
|
$("#upload_status_all").click(function () {
|
|
self.uploadFilter = "all";
|
|
self.recentUploadsTable.fnDraw();
|
|
});
|
|
$("#upload_status_pending").click(function () {
|
|
self.uploadFilter = "pending";
|
|
self.recentUploadsTable.fnDraw();
|
|
});
|
|
$("#upload_status_failed").click(function () {
|
|
self.uploadFilter = "failed";
|
|
self.recentUploadsTable.fnDraw();
|
|
});
|
|
|
|
//Create the recent uploads table.
|
|
self.recentUploadsTable = self.setupRecentUploadsTable();
|
|
|
|
//$("#recent_uploads_table.div.fg-toolbar").prepend('<b>Custom tool bar! Text/images etc.</b>');
|
|
});
|