/ * *
* @ description Takes care of every action an album can handle and execute .
* /
album = {
json : null
}
album . getID = function ( ) {
let id = null
let isID = ( id ) => {
if ( id === '0' || id === 'f' || id === 's' || id === 'r' ) return true
return $ . isNumeric ( id )
}
if ( photo . json ) id = photo . json . album
else if ( album . json ) id = album . json . id
// Search
if ( isID ( id ) === false ) id = $ ( '.album:hover, .album.active' ) . attr ( 'data-id' )
if ( isID ( id ) === false ) id = $ ( '.photo:hover, .photo.active' ) . attr ( 'data-album-id' )
if ( isID ( id ) === true ) return id
else return false
}
album . load = function ( albumID , refresh = false ) {
$ ( '.content' ) . sortable ( {
stop : function ( event , ui ) {
let albumID = ui . item . data ( 'album-id' ) ;
let photoOrder = $ ( '.content' ) . children ( ) . map ( function ( ) {
return $ ( this ) . data ( 'id' ) ;
} ) . get ( ) ;
let params = {
albumID : albumID ,
photoOrder : photoOrder
} ;
api . post ( 'Album::setPosition' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
} ) ;
password . get ( albumID , function ( ) {
if ( refresh === false ) lychee . animate ( '.content' , 'contentZoomOut' )
let startTime = new Date ( ) . getTime ( )
let params = {
albumID ,
password : password . value
}
api . post ( 'Album::get' , params , function ( data ) {
let waitTime = 0
if ( data === 'Warning: Album private!' ) {
if ( document . location . hash . replace ( '#' , '' ) . split ( '/' ) [ 1 ] != undefined ) {
// Display photo only
lychee . setMode ( 'view' )
} else {
// Album not public
lychee . content . show ( )
lychee . goto ( )
}
return false
}
if ( data === 'Warning: Wrong password!' ) {
album . load ( albumID , refresh )
return false
}
album . json = data
// Calculate delay
let durationTime = ( new Date ( ) . getTime ( ) - startTime )
if ( durationTime > 300 ) waitTime = 0
else waitTime = 300 - durationTime
// Skip delay when refresh is true
// Skip delay when opening a blank Lychee
if ( refresh === true ) waitTime = 0
if ( ! visible . albums ( ) && ! visible . photo ( ) && ! visible . album ( ) ) waitTime = 0
setTimeout ( ( ) => {
view . album . init ( )
if ( refresh === false ) {
lychee . animate ( lychee . content , 'contentZoomIn' )
header . setMode ( 'album' )
}
} , waitTime )
} )
} )
}
album . parse = function ( ) {
if ( ! album . json . title ) album . json . title = 'Untitled'
}
album . add = function ( ) {
const action = function ( data ) {
let title = data . title
const isNumber = ( n ) => ( ! isNaN ( parseFloat ( n ) ) && isFinite ( n ) )
basicModal . close ( )
let params = {
title
}
api . post ( 'Album::add' , params , function ( data ) {
if ( data !== false && isNumber ( data ) ) {
albums . refresh ( )
lychee . goto ( data )
} else {
lychee . error ( null , params , data )
}
} )
}
basicModal . show ( {
body : ` <p>Enter a title for the new album: <input class='text' name='title' type='text' maxlength='50' placeholder='Title' value='Untitled'></p> ` ,
buttons : {
action : {
title : 'Create Album' ,
fn : action
} ,
cancel : {
title : 'Cancel' ,
fn : basicModal . close
}
}
} )
}
album . delete = function ( albumIDs ) {
let action = { }
let cancel = { }
let msg = ''
if ( ! albumIDs ) return false
if ( albumIDs instanceof Array === false ) albumIDs = [ albumIDs ]
action . fn = function ( ) {
basicModal . close ( )
let params = {
albumIDs : albumIDs . join ( )
}
api . post ( 'Album::delete' , params , function ( data ) {
if ( visible . albums ( ) ) {
albumIDs . forEach ( function ( id ) {
albums . json . num --
view . albums . content . delete ( id )
albums . deleteByID ( id )
} )
} else {
albums . refresh ( )
lychee . goto ( )
}
if ( data !== true ) lychee . error ( null , params , data )
} )
}
if ( albumIDs . toString ( ) === '0' ) {
action . title = 'Clear Unsorted'
cancel . title = 'Keep Unsorted'
msg = ` <p>Are you sure you want to delete all photos from 'Unsorted'?<br>This action can't be undone!</p> `
} else if ( albumIDs . length === 1 ) {
let albumTitle = ''
action . title = 'Delete Album and Photos'
cancel . title = 'Keep Album'
// Get title
if ( album . json ) albumTitle = album . json . title
else if ( albums . json ) albumTitle = albums . getByID ( albumIDs ) . title
// Fallback for album without a title
if ( albumTitle === '' ) albumTitle = 'Untitled'
msg = lychee . html ` <p>Are you sure you want to delete the album ' $ ${ albumTitle } ' and all of the photos it contains? This action can't be undone!</p> `
} else {
action . title = 'Delete Albums and Photos'
cancel . title = 'Keep Albums'
msg = lychee . html ` <p>Are you sure you want to delete all $ ${ albumIDs . length } selected albums and all of the photos they contain? This action can't be undone!</p> `
}
basicModal . show ( {
body : msg ,
buttons : {
action : {
title : action . title ,
fn : action . fn ,
class : 'red'
} ,
cancel : {
title : cancel . title ,
fn : basicModal . close
}
}
} )
}
album . setTitle = function ( albumIDs ) {
let oldTitle = ''
let msg = ''
if ( ! albumIDs ) return false
if ( albumIDs instanceof Array === false ) albumIDs = [ albumIDs ]
if ( albumIDs . length === 1 ) {
// Get old title if only one album is selected
if ( album . json ) oldTitle = album . json . title
else if ( albums . json ) oldTitle = albums . getByID ( albumIDs ) . title
}
const action = function ( data ) {
basicModal . close ( )
let newTitle = data . title
if ( visible . album ( ) ) {
// Rename only one album
album . json . title = newTitle
view . album . title ( )
if ( albums . json ) albums . getByID ( albumIDs [ 0 ] ) . title = newTitle
} else if ( visible . albums ( ) ) {
// Rename all albums
albumIDs . forEach ( function ( id ) {
albums . getByID ( id ) . title = newTitle
view . albums . content . title ( id )
} )
}
let params = {
albumIDs : albumIDs . join ( ) ,
title : newTitle
}
api . post ( 'Album::setTitle' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
let input = lychee . html ` <input class='text' name='title' type='text' maxlength='50' placeholder='Title' value=' $ ${ oldTitle } '> `
if ( albumIDs . length === 1 ) msg = lychee . html ` <p>Enter a new title for this album: ${ input } </p> `
else msg = lychee . html ` <p>Enter a title for all $ ${ albumIDs . length } selected albums: ${ input } </p> `
basicModal . show ( {
body : msg ,
buttons : {
action : {
title : 'Set Title' ,
fn : action
} ,
cancel : {
title : 'Cancel' ,
fn : basicModal . close
}
}
} )
}
album . setDescription = function ( albumID ) {
let oldDescription = album . json . description
const action = function ( data ) {
let description = data . description
basicModal . close ( )
if ( visible . album ( ) ) {
album . json . description = description
view . album . description ( )
}
let params = {
albumID ,
description
}
api . post ( 'Album::setDescription' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
basicModal . show ( {
body : lychee . html ` <p>Please enter a description for this album: <input class='text' name='description' type='text' maxlength='800' placeholder='Description' value=' $ ${ oldDescription } '></p> ` ,
buttons : {
action : {
title : 'Set Description' ,
fn : action
} ,
cancel : {
title : 'Cancel' ,
fn : basicModal . close
}
}
} )
}
album . setPublic = function ( albumID , modal , e ) {
let password = ''
albums . refresh ( )
if ( modal === true ) {
let text = ''
let action = { }
action . fn = ( ) => {
// Call setPublic function without showing the modal
album . setPublic ( album . getID ( ) , false , e )
}
// Album public = Editing a shared album
if ( album . json . public === '1' ) {
action . title = 'Edit Sharing'
text = 'The sharing-properties of this album will be changed to the following:'
} else {
action . title = 'Share Album'
text = 'This album will be shared with the following properties:'
}
let msg = `
< p class = 'less' > $ { text } < / p >
< form >
< div class = 'choice' >
< label >
< input type = 'checkbox' name = 'hidden' >
< span class = 'checkbox' > $ { build . iconic ( 'check' ) } < / s p a n >
< span class = 'label' > Hidden < / s p a n >
< / l a b e l >
< p > Only people with the direct link can view this album . < / p >
< / d i v >
< div class = 'choice' >
< label >
< input type = 'checkbox' name = 'downloadable' >
< span class = 'checkbox' > $ { build . iconic ( 'check' ) } < / s p a n >
< span class = 'label' > Downloadable < / s p a n >
< / l a b e l >
< p > Visitors of your Lychee can download this album . < / p >
< / d i v >
< div class = 'choice' >
< label >
< input type = 'checkbox' name = 'password' >
< span class = 'checkbox' > $ { build . iconic ( 'check' ) } < / s p a n >
< span class = 'label' > Password protected < / s p a n >
< / l a b e l >
< p > Album only accessible with a valid password . < / p >
< input class = 'text' name = 'passwordtext' type = 'password' placeholder = 'password' value = '' >
< / d i v >
< / f o r m >
`
basicModal . show ( {
body : msg ,
buttons : {
action : {
title : action . title ,
fn : action . fn
} ,
cancel : {
title : 'Cancel' ,
fn : basicModal . close
}
}
} )
if ( album . json . public === '1' && album . json . visible === '0' ) $ ( '.basicModal .choice input[name="hidden"]' ) . click ( )
if ( album . json . downloadable === '1' ) $ ( '.basicModal .choice input[name="downloadable"]' ) . click ( )
$ ( '.basicModal .choice input[name="password"]' ) . on ( 'change' , function ( ) {
if ( $ ( this ) . prop ( 'checked' ) === true ) $ ( '.basicModal .choice input[name="passwordtext"]' ) . show ( ) . focus ( )
else $ ( '.basicModal .choice input[name="passwordtext"]' ) . hide ( )
} )
return true
}
// Set data
if ( basicModal . visible ( ) ) {
// Visible modal => Set album public
album . json . public = '1'
// Set visible
if ( $ ( '.basicModal .choice input[name="hidden"]:checked' ) . length === 1 ) album . json . visible = '0'
else album . json . visible = '1'
// Set downloadable
if ( $ ( '.basicModal .choice input[name="downloadable"]:checked' ) . length === 1 ) album . json . downloadable = '1'
else album . json . downloadable = '0'
// Set password
if ( $ ( '.basicModal .choice input[name="password"]:checked' ) . length === 1 ) {
password = $ ( '.basicModal .choice input[name="passwordtext"]' ) . val ( )
album . json . password = '1'
} else {
password = ''
album . json . password = '0'
}
// Modal input has been processed, now it can be closed
basicModal . close ( )
} else {
// Modal not visible => Set album private
album . json . public = '0'
}
// Set data and refresh view
if ( visible . album ( ) ) {
album . json . visible = ( album . json . public === '0' ) ? '1' : album . json . visible
album . json . downloadable = ( album . json . public === '0' ) ? '0' : album . json . downloadable
album . json . password = ( album . json . public === '0' ) ? '0' : album . json . password
view . album . public ( )
view . album . hidden ( )
view . album . downloadable ( )
view . album . password ( )
if ( album . json . public === '1' ) contextMenu . shareAlbum ( albumID , e )
}
let params = {
albumID ,
public : album . json . public ,
password : password ,
visible : album . json . visible ,
downloadable : album . json . downloadable
}
api . post ( 'Album::setPublic' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
album . share = function ( service ) {
let url = location . href
switch ( service ) {
case 'twitter' :
window . open ( ` https://twitter.com/share?url= ${ encodeURI ( url ) } ` )
break
case 'facebook' :
window . open ( ` http://www.facebook.com/sharer.php?u= ${ encodeURI ( url ) } &t= ${ encodeURI ( album . json . title ) } ` )
break
case 'mail' :
location . href = ` mailto:?subject= ${ encodeURI ( album . json . title ) } &body= ${ encodeURI ( url ) } `
break
}
}
album . getArchive = function ( albumID ) {
let link = ''
let url = ` ${ api . path } ?function=Album::getArchive&albumID= ${ albumID } `
if ( location . href . indexOf ( 'index.html' ) > 0 ) link = location . href . replace ( location . hash , '' ) . replace ( 'index.html' , url )
else link = location . href . replace ( location . hash , '' ) + url
if ( lychee . publicMode === true ) link += ` &password= ${ encodeURIComponent ( password . value ) } `
location . href = link
}
album . merge = function ( albumIDs ) {
let title = ''
let sTitle = ''
let msg = ''
if ( ! albumIDs ) return false
if ( albumIDs instanceof Array === false ) albumIDs = [ albumIDs ]
// Get title of first album
if ( albums . json ) title = albums . getByID ( albumIDs [ 0 ] ) . title
// Fallback for first album without a title
if ( title === '' ) title = 'Untitled'
if ( albumIDs . length === 2 ) {
// Get title of second album
if ( albums . json ) sTitle = albums . getByID ( albumIDs [ 1 ] ) . title
// Fallback for second album without a title
if ( sTitle === '' ) sTitle = 'Untitled'
msg = lychee . html ` <p>Are you sure you want to merge the album ' $ ${ sTitle } ' into the album ' $ ${ title } '?</p> `
} else {
msg = lychee . html ` <p>Are you sure you want to merge all selected albums into the album ' $ ${ title } '?</p> `
}
const action = function ( ) {
basicModal . close ( )
let params = {
albumIDs : albumIDs . join ( )
}
api . post ( 'Album::merge' , params , function ( data ) {
if ( data !== true ) {
lychee . error ( null , params , data )
} else {
albums . refresh ( )
lychee . goto ( )
}
} )
}
basicModal . show ( {
body : msg ,
buttons : {
action : {
title : 'Merge Albums' ,
fn : action ,
class : 'red'
} ,
cancel : {
title : "Don't Merge" ,
fn : basicModal . close
}
}
} )
}