/ * *
* @ description Takes care of every action a photo can handle and execute .
* @ copyright 2015 by Tobias Reich
* /
photo = {
json : null ,
cache : null
}
photo . getID = function ( ) {
let id = null
if ( photo . json ) id = photo . json . id
else id = $ ( '.photo:hover, .photo.active' ) . attr ( 'data-id' )
if ( $ . isNumeric ( id ) === true ) return id
else return false
}
photo . load = function ( photoID , albumID ) {
let params = {
photoID ,
albumID ,
password : password . value
}
api . post ( 'Photo::get' , params , function ( data ) {
const checkPasswd = function ( ) {
if ( password . value !== '' ) photo . load ( photoID , albumID )
else setTimeout ( checkPasswd , 250 )
}
if ( data === 'Warning: Photo private!' ) {
lychee . content . show ( )
lychee . goto ( '' )
return false
}
if ( data === 'Warning: Wrong password!' ) {
checkPasswd ( )
return false
}
photo . json = data
if ( ! visible . photo ( ) ) view . photo . show ( )
view . photo . init ( )
lychee . imageview . show ( )
setTimeout ( ( ) => {
lychee . content . show ( )
//photo.preloadNext(photoID, albumID);
} , 300 )
} )
}
// Preload the next photo for better response time
photo . preloadNext = function ( photoID ) {
// Never preload on mobile devices with bare RAM and
// mostly mobile internet
// {{ code }}
if ( album . json &&
album . json . content &&
album . json . content [ photoID ] &&
album . json . content [ photoID ] . nextPhoto != '' ) {
let nextPhoto = album . json . content [ photoID ] . nextPhoto ,
url = album . json . content [ nextPhoto ] . url
photo . cache = new Image ( )
photo . cache . src = url
photo . cache . onload = ( ) => photo . cache = null
}
}
photo . parse = function ( ) {
if ( ! photo . json . title ) photo . json . title = 'Untitled'
}
photo . previous = function ( animate ) {
if ( photo . getID ( ) !== false &&
album . json &&
album . json . content [ photo . getID ( ) ] &&
album . json . content [ photo . getID ( ) ] . previousPhoto !== '' ) {
let delay = 0
if ( animate === true ) {
delay = 200
$ ( '#image' ) . css ( {
WebkitTransform : 'translateX(100%)' ,
MozTransform : 'translateX(100%)' ,
transform : 'translateX(100%)' ,
opacity : 0
} )
}
setTimeout ( ( ) => {
if ( photo . getID ( ) === false ) return false
lychee . goto ( album . getID ( ) + '/' + album . json . content [ photo . getID ( ) ] . previousPhoto )
} , delay )
}
}
photo . next = function ( animate ) {
if ( photo . getID ( ) !== false &&
album . json &&
album . json . content [ photo . getID ( ) ] &&
album . json . content [ photo . getID ( ) ] . nextPhoto !== '' ) {
let delay = 0
if ( animate === true ) {
delay = 200
$ ( '#image' ) . css ( {
WebkitTransform : 'translateX(-100%)' ,
MozTransform : 'translateX(-100%)' ,
transform : 'translateX(-100%)' ,
opacity : 0
} )
}
setTimeout ( ( ) => {
if ( photo . getID ( ) === false ) return false
lychee . goto ( album . getID ( ) + '/' + album . json . content [ photo . getID ( ) ] . nextPhoto )
} , delay )
}
}
photo . duplicate = function ( photoIDs ) {
if ( ! photoIDs ) return false
if ( photoIDs instanceof Array === false ) photoIDs = [ photoIDs ]
albums . refresh ( )
let params = {
photoIDs : photoIDs . join ( )
}
api . post ( 'Photo::duplicate' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
else album . load ( album . getID ( ) )
} )
}
photo . delete = function ( photoIDs ) {
let action = { } ,
cancel = { } ,
msg = '' ,
photoTitle = ''
if ( ! photoIDs ) return false
if ( photoIDs instanceof Array === false ) photoIDs = [ photoIDs ]
if ( photoIDs . length === 1 ) {
// Get title if only one photo is selected
if ( visible . photo ( ) ) photoTitle = photo . json . title
else photoTitle = album . json . content [ photoIDs ] . title
// Fallback for photos without a title
if ( photoTitle === '' ) photoTitle = 'Untitled'
}
action . fn = function ( ) {
let nextPhoto ,
previousPhoto
basicModal . close ( )
photoIDs . forEach ( function ( id , index , array ) {
// Change reference for the next and previous photo
if ( album . json . content [ id ] . nextPhoto !== '' || album . json . content [ id ] . previousPhoto !== '' ) {
nextPhoto = album . json . content [ id ] . nextPhoto
previousPhoto = album . json . content [ id ] . previousPhoto
album . json . content [ previousPhoto ] . nextPhoto = nextPhoto
album . json . content [ nextPhoto ] . previousPhoto = previousPhoto
}
delete album . json . content [ id ]
view . album . content . delete ( id )
} )
albums . refresh ( )
// Go to next photo if there is a next photo and
// next photo is not the current one. Show album otherwise.
if ( visible . photo ( ) && nextPhoto !== '' && nextPhoto !== photo . getID ( ) ) lychee . goto ( album . getID ( ) + '/' + nextPhoto )
else if ( ! visible . albums ( ) ) lychee . goto ( album . getID ( ) )
let params = {
photoIDs : photoIDs . join ( )
}
api . post ( 'Photo::delete' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
if ( photoIDs . length === 1 ) {
action . title = 'Delete Photo'
cancel . title = 'Keep Photo'
msg = ` <p>Are you sure you want to delete the photo ' ${ photoTitle } '? This action can't be undone!</p> `
} else {
action . title = 'Delete Photo'
cancel . title = 'Keep Photo'
msg = ` <p>Are you sure you want to delete all ${ photoIDs . length } selected photo? 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
}
}
} )
}
photo . setTitle = function ( photoIDs ) {
let oldTitle = '' ,
msg = ''
if ( ! photoIDs ) return false
if ( photoIDs instanceof Array === false ) photoIDs = [ photoIDs ]
if ( photoIDs . length === 1 ) {
// Get old title if only one photo is selected
if ( photo . json ) oldTitle = photo . json . title
else if ( album . json ) oldTitle = album . json . content [ photoIDs ] . title
oldTitle = oldTitle . replace ( /'/g , ''' )
}
const action = function ( data ) {
basicModal . close ( )
let newTitle = data . title
// Remove html from input
newTitle = lychee . removeHTML ( newTitle )
if ( visible . photo ( ) ) {
photo . json . title = ( newTitle === '' ? 'Untitled' : newTitle )
view . photo . title ( )
}
photoIDs . forEach ( function ( id , index , array ) {
album . json . content [ id ] . title = newTitle
view . album . content . title ( id )
} )
let params = {
photoIDs : photoIDs . join ( ) ,
title : newTitle
}
api . post ( 'Photo::setTitle' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
let input = ` <input class='text' name='title' type='text' maxlength='50' placeholder='Title' value=' ${ oldTitle } '> `
if ( photoIDs . length === 1 ) msg = ` <p>Enter a new title for this photo: ${ input } </p> `
else msg = ` <p>Enter a title for all ${ photoIDs . length } selected photos: ${ input } </p> `
basicModal . show ( {
body : msg ,
buttons : {
action : {
title : 'Set title' ,
fn : action
} ,
cancel : {
title : 'Cancel' ,
fn : basicModal . close
}
}
} )
}
photo . setAlbum = function ( photoIDs , albumID ) {
let nextPhoto ,
previousPhoto
if ( ! photoIDs ) return false
if ( photoIDs instanceof Array === false ) photoIDs = [ photoIDs ]
if ( visible . photo ) lychee . goto ( album . getID ( ) )
photoIDs . forEach ( function ( id , index , array ) {
// Change reference for the next and previous photo
if ( album . json . content [ id ] . nextPhoto !== '' || album . json . content [ id ] . previousPhoto !== '' ) {
nextPhoto = album . json . content [ id ] . nextPhoto
previousPhoto = album . json . content [ id ] . previousPhoto
album . json . content [ previousPhoto ] . nextPhoto = nextPhoto
album . json . content [ nextPhoto ] . previousPhoto = previousPhoto
}
album . json . content [ id ] = null
view . album . content . delete ( id )
} )
albums . refresh ( )
let params = {
photoIDs : photoIDs . join ( ) ,
albumID
}
api . post ( 'Photo::setAlbum' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
photo . setStar = function ( photoIDs ) {
if ( ! photoIDs ) return false
if ( visible . photo ( ) ) {
photo . json . star = ( photo . json . star === '0' ? '1' : '0' )
view . photo . star ( )
}
photoIDs . forEach ( function ( id , index , array ) {
album . json . content [ id ] . star = ( album . json . content [ id ] . star === '0' ? '1' : '0' )
view . album . content . star ( id )
} )
albums . refresh ( )
let params = {
photoIDs : photoIDs . join ( )
}
api . post ( 'Photo::setStar' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
photo . setPublic = function ( photoID , e ) {
if ( photo . json . public === '2' ) {
const action = function ( ) {
basicModal . close ( )
lychee . goto ( photo . json . original _album )
}
basicModal . show ( {
body : "<p>This photo is located in a public album. To make this photo private or public, edit the visibility of the associated album.</p>" ,
buttons : {
action : {
title : 'Show Album' ,
fn : action
} ,
cancel : {
title : 'Cancel' ,
fn : basicModal . close
}
}
} )
return false
}
if ( visible . photo ( ) ) {
photo . json . public = ( photo . json . public === '0' ? '1' : '0' )
view . photo . public ( )
if ( photo . json . public === '1' ) contextMenu . sharePhoto ( photoID , e )
}
album . json . content [ photoID ] . public = ( album . json . content [ photoID ] . public === '0' ? '1' : '0' )
view . album . content . public ( photoID )
albums . refresh ( )
api . post ( 'Photo::setPublic' , { photoID } , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
photo . setDescription = function ( photoID ) {
let oldDescription = photo . json . description . replace ( /'/g , ''' )
const action = function ( data ) {
basicModal . close ( )
let description = data . description
// Remove html from input
description = lychee . removeHTML ( description )
if ( visible . photo ( ) ) {
photo . json . description = description
view . photo . description ( )
}
let params = {
photoID ,
description
}
api . post ( 'Photo::setDescription' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
basicModal . show ( {
body : ` <p>Enter a description for this photo: <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
}
}
} )
}
photo . editTags = function ( photoIDs ) {
let oldTags = '' ,
msg = ''
if ( ! photoIDs ) return false
if ( photoIDs instanceof Array === false ) photoIDs = [ photoIDs ]
// Get tags
if ( visible . photo ( ) ) oldTags = photo . json . tags
else if ( visible . album ( ) && photoIDs . length === 1 ) oldTags = album . json . content [ photoIDs ] . tags
else if ( visible . search ( ) && photoIDs . length === 1 ) oldTags = album . json . content [ photoIDs ] . tags
else if ( visible . album ( ) && photoIDs . length > 1 ) {
let same = true
photoIDs . forEach ( function ( id , index , array ) {
if ( album . json . content [ id ] . tags === album . json . content [ photoIDs [ 0 ] ] . tags && same === true ) same = true
else same = false
} )
if ( same === true ) oldTags = album . json . content [ photoIDs [ 0 ] ] . tags
}
// Improve tags
oldTags = oldTags . replace ( /,/g , ', ' )
const action = function ( data ) {
basicModal . close ( )
photo . setTags ( photoIDs , data . tags )
}
let input = ` <input class='text' name='tags' type='text' maxlength='800' placeholder='Tags' value=' ${ oldTags } '> `
if ( photoIDs . length === 1 ) msg = ` <p>Enter your tags for this photo. You can add multiple tags by separating them with a comma: ${ input } </p> `
else msg = ` <p>Enter your tags for all ${ photoIDs . length } selected photos. Existing tags will be overwritten. You can add multiple tags by separating them with a comma: ${ input } </p> `
basicModal . show ( {
body : msg ,
buttons : {
action : {
title : 'Set Tags' ,
fn : action
} ,
cancel : {
title : 'Cancel' ,
fn : basicModal . close
}
}
} )
}
photo . setTags = function ( photoIDs , tags ) {
if ( ! photoIDs ) return false
if ( photoIDs instanceof Array === false ) photoIDs = [ photoIDs ]
// Parse tags
tags = tags . replace ( /(\ ,\ )|(\ ,)|(,\ )|(,{1,}\ {0,})|(,$|^,)/g , ',' )
tags = tags . replace ( /,$|^,|(\ ){0,}$/g , '' )
// Remove html from input
tags = lychee . removeHTML ( tags )
if ( visible . photo ( ) ) {
photo . json . tags = tags
view . photo . tags ( )
}
photoIDs . forEach ( function ( id , index , array ) {
album . json . content [ id ] . tags = tags
} )
let params = {
photoIDs : photoIDs . join ( ) ,
tags
}
api . post ( 'Photo::setTags' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data )
} )
}
photo . deleteTag = function ( photoID , index ) {
let tags
// Remove
tags = photo . json . tags . split ( ',' )
tags . splice ( index , 1 )
// Save
photo . json . tags = tags . toString ( )
photo . setTags ( [ photoID ] , photo . json . tags )
}
photo . share = function ( photoID , service ) {
let link = '' ,
url = photo . getViewLink ( photoID )
switch ( service ) {
case 'twitter' :
link = ` https://twitter.com/share?url= ${ encodeURI ( url ) } `
break
case 'facebook' :
link = ` http://www.facebook.com/sharer.php?u= ${ encodeURI ( url ) } &t= ${ encodeURI ( photo . json . title ) } `
break
case 'mail' :
link = ` mailto:?subject= ${ encodeURI ( photo . json . title ) } &body= ${ encodeURI ( url ) } `
break
case 'dropbox' :
lychee . loadDropbox ( function ( ) {
let filename = photo . json . title + '.' + photo . getDirectLink ( ) . split ( '.' ) . pop ( )
Dropbox . save ( photo . getDirectLink ( ) , filename )
} )
break
default :
link = ''
break
}
if ( link . length !== '' ) location . href = link
}
photo . getSize = function ( ) {
// Size can be 'big', 'medium' or 'small'
// Default is big
// Small is centered in the middle of the screen
let size = 'big' ,
scaled = false ,
hasMedium = photo . json . medium !== '' ,
pixelRatio = window . devicePixelRatio ,
view = {
width : $ ( window ) . width ( ) - 60 ,
height : $ ( window ) . height ( ) - 100
}
// Detect if the photo will be shown scaled,
// because the screen size is smaller than the photo
if ( photo . json . width > view . width || photo . json . height > view . height ) scaled = true
// Calculate pixel ratio of screen
if ( pixelRatio !== undefined && pixelRatio > 1 ) {
view . width = view . width * pixelRatio
view . height = view . height * pixelRatio
}
// Medium available and
// Medium still bigger than screen
if ( hasMedium === true && ( 1920 > view . width && 1080 > view . height ) ) size = 'medium'
// Photo not scaled
// Photo smaller then screen
if ( scaled === false && ( photo . json . width < view . width && photo . json . width < view . height ) ) size = 'small'
return size
}
photo . getArchive = function ( photoID ) {
let link ,
url = ` ${ api . path } ?function=Photo::getArchive&photoID= ${ photoID } `
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=' + password . value
location . href = link
}
photo . getDirectLink = function ( ) {
let url = ''
if ( photo . json && photo . json . url && photo . json . url !== '' ) url = photo . json . url
return url
}
photo . getViewLink = function ( photoID ) {
let url = 'view.php?p=' + photoID
if ( location . href . indexOf ( 'index.html' ) > 0 ) return location . href . replace ( 'index.html' + location . hash , url )
else return location . href . replace ( location . hash , url )
}