/** * @description Takes care of every action an album can handle and execute. * @copyright 2014 by Tobias Reich */ upload = {} upload.show = function(title, files, callback) { upload.close(true); $('body').append(build.uploadModal(title, files)); if (callback!==null&&callback!==undefined) callback(); } upload.notify = function(title, text) { var popup; if (!text||text==='') text = 'You can now manage your new photo(s).'; if (!window.webkitNotifications) return false; if (window.webkitNotifications.checkPermission()!==0) window.webkitNotifications.requestPermission(); if (window.webkitNotifications.checkPermission()===0&&title) { popup = window.webkitNotifications.createNotification('', title, text); popup.show(); } } upload.start = { local: function(files) { var albumID = album.getID(), error = false, process = function(files, file) { var formData = new FormData(), xhr = new XMLHttpRequest(), pre_progress = 0, progress = 0, finish = function() { window.onbeforeunload = null; $('#upload_files').val(''); if (error===false) { // Success upload.close(); upload.notify('Upload complete'); } else { // Error $('.upload_message a.close').show(); upload.notify('Upload complete', 'Failed to upload one or more photos.'); } albums.refresh(); if (album.getID()===false) lychee.goto('0'); else album.load(albumID); }; // Check if file is supported if (file.supported===false) { // Skip file if (file.next!==null) process(files, file.next); else { // Look for supported files // If zero files are supported, hide the upload after a delay var hasSupportedFiles = false; for (var i = 0; i < files.length; i++) { if (files[i].supported===true) { hasSupportedFiles = true; break; } } if (hasSupportedFiles===false) setTimeout(finish, 2000); } return false; } formData.append('function', 'upload'); formData.append('albumID', albumID); formData.append('tags', ''); formData.append(0, file); xhr.open('POST', lychee.api_path); xhr.onload = function() { var wait = false, errorText = ''; file.ready = true; // Set status if (xhr.status===200&&xhr.responseText==='1') { // Success $('.upload_message .rows .row:nth-child(' + (file.num+1) + ') .status') .html('Finished') .addClass('success'); } else { // Error $('.upload_message .rows .row:nth-child(' + (file.num+1) + ') .status') .html('Error') .addClass('error'); if (xhr.responseText.substr(0, 6)==='Error:') errorText = xhr.responseText.substr(6) + ' Please take a look at the console of your browser for further details.'; else errorText = 'Server returned an unknown response. Please take a look at the console of your browser for further details.'; $('.upload_message .rows .row:nth-child(' + (file.num+1) + ') p.notice') .html(errorText) .show(); // Set global error error = true; // Throw error lychee.error('Upload failed. Server returned the status code ' + xhr.status + '!', xhr, xhr.responseText); } // Check if there are file which are not finished for (var i = 0; i < files.length; i++) { if (files[i].ready===false) { wait = true; break; } } // Finish upload when all files are finished if (wait===false) finish(); }; xhr.upload.onprogress = function(e) { if (e.lengthComputable) { // Calculate progress progress = (e.loaded / e.total * 100 | 0); // Set progress when progress has changed if (progress>pre_progress) { $('.upload_message .rows .row:nth-child(' + (file.num+1) + ') .status').html(progress + '%'); pre_progress = progress; } if (progress>=100) { // Scroll to the uploading file var scrollPos = 0; if ((file.num+1)>4) scrollPos = (file.num + 1 - 4) * 40 $('.upload_message .rows').scrollTop(scrollPos); // Set status to processing $('.upload_message .rows .row:nth-child(' + (file.num+1) + ') .status').html('Processing'); // Upload next file if (file.next!==null) process(files, file.next); } } }; xhr.send(formData); }; if (files.length<=0) return false; if (albumID===false||visible.albums()===true) albumID = 0; for (var i = 0; i < files.length; i++) { files[i].num = i; files[i].ready = false; files[i].supported = true; if (i < files.length-1) files[i].next = files[i+1]; else files[i].next = null; // Check if file is supported if (files[i].type!=='image/jpeg'&&files[i].type!=='image/jpg'&&files[i].type!=='image/png'&&files[i].type!=='image/gif') { files[i].ready = true; files[i].supported = false; } } window.onbeforeunload = function() { return 'Lychee is currently uploading!'; }; upload.show('Uploading', files); // Upload first file process(files, files[0]); }, url: function() { var albumID = album.getID(), params, extension, buttons, link, files = []; if (albumID===false) albumID = 0; buttons = [ ['Import', function() { link = $('.message input.text').val(); if (link&&link.length>3) { extension = link.split('.').pop(); if (extension!=='jpeg'&&extension!=='jpg'&&extension!=='png'&&extension!=='gif'&&extension!=='webp') { loadingBar.show('error', 'The file format of this link is not supported.'); return false; } files[0] = { name: link, supported: true } upload.show('Importing URL', files, function() { $('.upload_message .rows .row .status').html('Importing'); }); params = 'importUrl&url=' + escape(encodeURI(link)) + '&albumID=' + albumID; lychee.api(params, function(data) { upload.close(); upload.notify('Import complete'); albums.refresh(); if (album.getID()===false) lychee.goto('0'); else album.load(albumID); if (data!==true) lychee.error(null, params, data); }); } else loadingBar.show('error', 'Link to short or too long. Please try another one!'); }], ['Cancel', function() {}] ]; modal.show('Import from Link', "Please enter the direct link to a photo to import it: ", buttons); }, server: function() { var albumID = album.getID(), params, buttons, files = [], path; if (albumID===false) albumID = 0; buttons = [ ['Import', function() { path = $('.message input.text').val(); files[0] = { name: path, supported: true }; upload.show('Importing from server', files, function() { $('.upload_message .rows .row .status').html('Importing'); }); params = 'importServer&albumID=' + albumID + '&path=' + escape(encodeURI(path)); lychee.api(params, function(data) { upload.close(); upload.notify('Import complete'); albums.refresh(); if (data==='Notice: Import only contains albums!') { if (visible.albums()) lychee.load(); else lychee.goto(''); } else if (album.getID()===false) lychee.goto('0'); else album.load(albumID); if (data==='Notice: Import only contains albums!') return true; else if (data==='Warning: Folder empty!') lychee.error('Folder empty. No photos imported!', params, data); else if (data!==true) lychee.error(null, params, data); }); }], ['Cancel', function() {}] ]; modal.show('Import from Server', "This action will import all photos, folders and sub-folders which are located in the following directory. The original files will be deleted after the import when possible. ", buttons); }, dropbox: function() { var albumID = album.getID(), params, links = ''; if (albumID===false) albumID = 0; lychee.loadDropbox(function() { Dropbox.choose({ linkType: 'direct', multiselect: true, success: function(files) { for (var i = 0; i < files.length; i++) { links += files[i].link + ','; files[i] = { name: files[i].link, supported: true }; } // Remove last comma links = links.substr(0, links.length-1); upload.show('Importing from Dropbox', files, function() { $('.upload_message .rows .row .status').html('Importing'); }); params = 'importUrl&url=' + escape(links) + '&albumID=' + albumID; lychee.api(params, function(data) { upload.close(); upload.notify('Import complete'); albums.refresh(); if (album.getID()===false) lychee.goto('0'); else album.load(albumID); if (data!==true) lychee.error(null, params, data); }); } }); }); } } upload.close = function(force) { if (force===true) { $('.upload_overlay').remove(); } else { $('.upload_overlay').removeClass('fadeIn').css('opacity', 0); setTimeout(function() { $('.upload_overlay').remove() }, 300); } }