/ * *
* @ 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: <input class='text' type='text' placeholder='http://' value='http://'>" , 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 <b>original files will be deleted</b> after the import when possible. <input class='text' type='text' maxlength='100' placeholder='Absolute path to directory' value='" + lychee . location + "uploads/import/'>" , 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 ) ;
}
}