/ * *
* @ description Takes care of every action an album can handle and execute .
* @ copyright 2015 by Tobias Reich
* /
upload = { }
upload . show = function ( title , files , callback ) {
basicModal . show ( {
body : build . uploadModal ( title , files ) ,
buttons : {
action : {
title : 'Close' ,
class : 'hidden' ,
fn : basicModal . close
}
} ,
callback
} )
}
upload . notify = function ( title , text ) {
if ( text == null || 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 ) {
let popup = window . webkitNotifications . createNotification ( '' , title , text )
popup . show ( )
}
}
upload . start = {
local : function ( files ) {
let albumID = album . getID ( )
let error = false
let warning = false
const process = function ( files , file ) {
let formData = new FormData ( )
let xhr = new XMLHttpRequest ( )
let pre _progress = 0
let progress = 0
const finish = function ( ) {
window . onbeforeunload = null
$ ( '#upload_files' ) . val ( '' )
if ( error === false && warning === false ) {
// Success
basicModal . close ( )
upload . notify ( 'Upload complete' )
} else if ( error === false && warning === true ) {
// Warning
$ ( '.basicModal #basicModal__action.hidden' ) . show ( )
upload . notify ( 'Upload complete' )
} else {
// Error
$ ( '.basicModal #basicModal__action.hidden' ) . 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
let hasSupportedFiles = false
for ( let 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' , 'Photo::add' )
formData . append ( 'albumID' , albumID )
formData . append ( 'tags' , '' )
formData . append ( 0 , file )
xhr . open ( 'POST' , api . path )
xhr . onload = function ( ) {
let wait = false
let errorText = ''
file . ready = true
// Set status
if ( xhr . status === 200 && xhr . responseText === '1' ) {
// Success
$ ( '.basicModal .rows .row:nth-child(' + ( file . num + 1 ) + ') .status' )
. html ( 'Finished' )
. addClass ( 'success' )
} else {
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.'
error = true
// Error Status
$ ( '.basicModal .rows .row:nth-child(' + ( file . num + 1 ) + ') .status' )
. html ( 'Failed' )
. addClass ( 'error' )
} else if ( xhr . responseText . substr ( 0 , 8 ) === 'Warning:' ) {
errorText = xhr . responseText . substr ( 8 )
warning = true
// Warning Status
$ ( '.basicModal .rows .row:nth-child(' + ( file . num + 1 ) + ') .status' )
. html ( 'Skipped' )
. addClass ( 'warning' )
} else {
errorText = 'Server returned an unknown response. Please take a look at the console of your browser for further details.'
error = true
// Error Status
$ ( '.basicModal .rows .row:nth-child(' + ( file . num + 1 ) + ') .status' )
. html ( 'Failed' )
. addClass ( 'error' )
}
$ ( '.basicModal .rows .row:nth-child(' + ( file . num + 1 ) + ') p.notice' )
. html ( errorText )
. show ( )
// Throw error
if ( error === true ) lychee . error ( 'Upload failed. Server returned the status code ' + xhr . status + '!' , xhr , xhr . responseText )
}
// Check if there are file which are not finished
for ( let 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 !== true ) return false
// Calculate progress
progress = ( e . loaded / e . total * 100 | 0 )
// Set progress when progress has changed
if ( progress > pre _progress ) {
$ ( '.basicModal .rows .row:nth-child(' + ( file . num + 1 ) + ') .status' ) . html ( progress + '%' )
pre _progress = progress
}
if ( progress >= 100 ) {
// Scroll to the uploading file
let scrollPos = 0
if ( ( file . num + 1 ) > 4 ) scrollPos = ( file . num + 1 - 4 ) * 40
$ ( '.basicModal .rows' ) . scrollTop ( scrollPos )
// Set status to processing
$ ( '.basicModal .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 ( let 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 , function ( ) {
// Upload first file
process ( files , files [ 0 ] )
} )
} ,
url : function ( url = '' ) {
let albumID = album . getID ( )
url = ( typeof url === 'string' ? url : '' )
if ( albumID === false ) albumID = 0
const action = function ( data ) {
let files = [ ]
if ( data . link && data . link . length > 3 ) {
basicModal . close ( )
let extension = data . link . split ( '.' ) . pop ( )
if ( extension !== 'jpeg' && extension !== 'jpg' && extension !== 'png' && extension !== 'gif' && extension !== 'webp' ) {
loadingBar . show ( 'error' , 'File format of link not supported.' )
return false
}
files [ 0 ] = {
name : data . link ,
supported : true
}
upload . show ( 'Importing URL' , files , function ( ) {
$ ( '.basicModal .rows .row .status' ) . html ( 'Importing' )
let params = {
url : data . link ,
albumID
}
api . post ( 'Import::url' , params , function ( data ) {
// Same code as in import.dropbox()
if ( data !== true ) {
$ ( '.basicModal .rows .row p.notice' )
. html ( 'The import has been finished, but returned warnings or errors. Please take a look at the log (Settings -> Show Log) for further details.' )
. show ( )
$ ( '.basicModal .rows .row .status' )
. html ( 'Finished' )
. addClass ( 'warning' )
// Show close button
$ ( '.basicModal #basicModal__action.hidden' ) . show ( )
// Log error
lychee . error ( null , params , data )
} else {
basicModal . close ( )
}
upload . notify ( 'Import complete' )
albums . refresh ( )
if ( album . getID ( ) === false ) lychee . goto ( '0' )
else album . load ( albumID )
} )
} )
} else basicModal . error ( 'link' )
}
basicModal . show ( {
body : lychee . html ` <p>Please enter the direct link to a photo to import it: <input class='text' name='link' type='text' placeholder='http://' value=' $ ${ url } '></p> ` ,
buttons : {
action : {
title : 'Import' ,
fn : action
} ,
cancel : {
title : 'Cancel' ,
fn : basicModal . close
}
}
} )
} ,
server : function ( ) {
let albumID = album . getID ( )
if ( albumID === false ) albumID = 0
const action = function ( data ) {
let files = [ ]
files [ 0 ] = {
name : data . path ,
supported : true
}
upload . show ( 'Importing from server' , files , function ( ) {
$ ( '.basicModal .rows .row .status' ) . html ( 'Importing' )
let params = {
albumID ,
path : data . path
}
api . post ( 'Import::server' , params , function ( data ) {
albums . refresh ( )
upload . notify ( 'Import complete' )
if ( data === 'Notice: Import only contained albums!' ) {
// No error, but the folder only contained albums
// Go back to the album overview to show the imported albums
if ( visible . albums ( ) ) lychee . load ( )
else lychee . goto ( '' )
basicModal . close ( )
return true
} else if ( data === 'Warning: Folder empty or no readable files to process!' ) {
// Error because the import could not start
$ ( '.basicModal .rows .row p.notice' )
. html ( 'Folder empty or no readable files to process. Please take a look at the log (Settings -> Show Log) for further details.' )
. show ( )
$ ( '.basicModal .rows .row .status' )
. html ( 'Failed' )
. addClass ( 'error' )
// Log error
lychee . error ( 'Could not start import because the folder was empty!' , params , data )
} else if ( data !== true ) {
// Maybe an error, maybe just some skipped photos
$ ( '.basicModal .rows .row p.notice' )
. html ( 'The import has been finished, but returned warnings or errors. Please take a look at the log (Settings -> Show Log) for further details.' )
. show ( )
$ ( '.basicModal .rows .row .status' )
. html ( 'Finished' )
. addClass ( 'warning' )
// Log error
lychee . error ( null , params , data )
} else {
// No error, everything worked fine
basicModal . close ( )
}
if ( album . getID ( ) === false ) lychee . goto ( '0' )
else album . load ( albumID )
// Show close button
$ ( '.basicModal #basicModal__action.hidden' ) . show ( )
} )
} )
}
basicModal . show ( {
body : lychee . html ` <p>This action will import all photos, folders and sub-folders which are located in the following directory. The <b>original files will be deleted</b> after the import when possible. <input class='text' name='path' type='text' maxlength='100' placeholder='Absolute path to directory' value=' $ ${ lychee . location } uploads/import/'></p> ` ,
buttons : {
action : {
title : 'Import' ,
fn : action
} ,
cancel : {
title : 'Cancel' ,
fn : basicModal . close
}
}
} )
} ,
dropbox : function ( ) {
let albumID = album . getID ( )
if ( albumID === false ) albumID = 0
const success = function ( files ) {
let links = ''
for ( let 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 ( ) {
$ ( '.basicModal .rows .row .status' ) . html ( 'Importing' )
let params = {
url : links ,
albumID
}
api . post ( 'Import::url' , params , function ( data ) {
// Same code as in import.url()
if ( data !== true ) {
$ ( '.basicModal .rows .row p.notice' )
. html ( 'The import has been finished, but returned warnings or errors. Please take a look at the log (Settings -> Show Log) for further details.' )
. show ( )
$ ( '.basicModal .rows .row .status' )
. html ( 'Finished' )
. addClass ( 'warning' )
// Show close button
$ ( '.basicModal #basicModal__action.hidden' ) . show ( )
// Log error
lychee . error ( null , params , data )
} else {
basicModal . close ( )
}
upload . notify ( 'Import complete' )
albums . refresh ( )
if ( album . getID ( ) === false ) lychee . goto ( '0' )
else album . load ( albumID )
} )
} )
}
lychee . loadDropbox ( function ( ) {
Dropbox . choose ( {
linkType : 'direct' ,
multiselect : true ,
success
} )
} )
}
}