/ * *
* @ 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 ( ) {
var 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 ) {
var params ,
checkPasswd ;
params = {
photoID ,
albumID ,
password : password . value
}
api . post ( 'Photo::get' , params , function ( data ) {
if ( data === 'Warning: Photo private!' ) {
lychee . content . show ( ) ;
lychee . goto ( '' ) ;
return false ;
}
if ( data === 'Warning: Wrong password!' ) {
checkPasswd = function ( ) {
if ( password . value !== '' ) photo . load ( photoID , albumID ) ;
else setTimeout ( checkPasswd , 250 ) ;
} ;
checkPasswd ( ) ;
return false ;
}
photo . json = data ;
if ( ! visible . photo ( ) ) view . photo . show ( ) ;
view . photo . init ( ) ;
lychee . imageview . show ( ) ;
setTimeout ( function ( ) {
lychee . content . show ( ) ;
//photo.preloadNext(photoID, albumID);
} , 300 ) ;
} ) ;
}
// Preload the next photo for better response time
photo . preloadNext = function ( photoID ) {
var nextPhoto ,
url ;
// 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 != '' ) {
nextPhoto = album . json . content [ photoID ] . nextPhoto ;
url = album . json . content [ nextPhoto ] . url ;
photo . cache = new Image ( ) ;
photo . cache . src = url ;
photo . cache . onload = function ( ) { photo . cache = null } ;
}
}
photo . parse = function ( ) {
if ( ! photo . json . title ) photo . json . title = 'Untitled' ;
}
photo . previous = function ( animate ) {
var delay = 0 ;
if ( photo . getID ( ) !== false &&
album . json &&
album . json . content [ photo . getID ( ) ] &&
album . json . content [ photo . getID ( ) ] . previousPhoto !== '' ) {
if ( animate === true ) {
delay = 200 ;
$ ( '#image' ) . css ( {
WebkitTransform : 'translateX(100%)' ,
MozTransform : 'translateX(100%)' ,
transform : 'translateX(100%)' ,
opacity : 0
} ) ;
}
setTimeout ( function ( ) {
if ( photo . getID ( ) === false ) return false ;
lychee . goto ( album . getID ( ) + '/' + album . json . content [ photo . getID ( ) ] . previousPhoto )
} , delay ) ;
}
}
photo . next = function ( animate ) {
var delay = 0 ;
if ( photo . getID ( ) !== false &&
album . json &&
album . json . content [ photo . getID ( ) ] &&
album . json . content [ photo . getID ( ) ] . nextPhoto !== '' ) {
if ( animate === true ) {
delay = 200 ;
$ ( '#image' ) . css ( {
WebkitTransform : 'translateX(-100%)' ,
MozTransform : 'translateX(-100%)' ,
transform : 'translateX(-100%)' ,
opacity : 0
} ) ;
}
setTimeout ( function ( ) {
if ( photo . getID ( ) === false ) return false ;
lychee . goto ( album . getID ( ) + '/' + album . json . content [ photo . getID ( ) ] . nextPhoto ) ;
} , delay ) ;
}
}
photo . duplicate = function ( photoIDs ) {
var params ;
if ( ! photoIDs ) return false ;
if ( photoIDs instanceof Array === false ) photoIDs = [ photoIDs ] ;
albums . refresh ( ) ;
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 ) {
var 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 ( ) {
var params = '' ,
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 ;
}
album . json . content [ id ] = null ;
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 ( ) ) ;
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 + "'?<br>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?<br>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 ) {
var oldTitle = '' ,
input = '' ,
msg = '' ,
action ;
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 ( "'" , ''' ) ;
}
action = function ( data ) {
var params ,
newTitle = data . title ;
basicModal . close ( ) ;
// 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 ) ;
} ) ;
params = {
photoIDs : photoIDs . join ( ) ,
title : newTitle
}
api . post ( 'Photo::setTitle' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data ) ;
} ) ;
}
input = "<input class='text' data-name='title' type='text' maxlength='30' 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 ) {
var params ,
nextPhoto ,
previousPhoto ;
if ( ! photoIDs ) return false ;
if ( visible . photo ) lychee . goto ( album . getID ( ) ) ;
if ( photoIDs instanceof Array === false ) photoIDs = [ photoIDs ] ;
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 ( ) ;
params = {
photoIDs : photoIDs . join ( ) ,
albumID
}
api . post ( 'Photo::setAlbum' , params , function ( data ) {
if ( data !== true ) lychee . error ( null , params , data ) ;
} ) ;
}
photo . setStar = function ( photoIDs ) {
var params ;
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 ( ) ;
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' ) {
var action ;
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 ) {
var oldDescription = photo . json . description . replace ( "'" , ''' ) ,
action ;
action = function ( data ) {
var params ,
description = data . description ;
basicModal . close ( ) ;
// Remove html from input
description = lychee . removeHTML ( description ) ;
if ( visible . photo ( ) ) {
photo . json . description = description ;
view . photo . description ( ) ;
}
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' data-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 ) {
var oldTags = '' ,
msg = '' ,
input = '' ;
if ( ! photoIDs ) return false ;
if ( photoIDs instanceof Array === false ) photoIDs = [ photoIDs ] ;
// Get tags
if ( visible . photo ( ) ) oldTags = photo . json . tags ;
if ( visible . album ( ) && photoIDs . length === 1 ) oldTags = album . json . content [ photoIDs ] . tags ;
if ( visible . search ( ) && photoIDs . length === 1 ) oldTags = album . json . content [ photoIDs ] . tags ;
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 ) oldTags = album . json . content [ photoIDs [ 0 ] ] . tags ;
}
// Improve tags
oldTags = oldTags . replace ( /,/g , ', ' ) ;
action = function ( data ) {
basicModal . close ( ) ;
photo . setTags ( photoIDs , data . tags ) ;
}
input = "<input class='text' data-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 ) {
var params ;
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 ;
} ) ;
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 ) {
var 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 ) {
var link = '' ,
url = photo . getViewLink ( photoID ) ,
filename = 'unknown' ;
switch ( service ) {
case 0 :
link = 'https://twitter.com/share?url=' + encodeURI ( url ) ;
break ;
case 1 :
link = 'http://www.facebook.com/sharer.php?u=' + encodeURI ( url ) + '&t=' + encodeURI ( photo . json . title ) ;
break ;
case 2 :
link = 'mailto:?subject=' + encodeURI ( photo . json . title ) + '&body=' + encodeURI ( url ) ;
break ;
case 3 :
lychee . loadDropbox ( function ( ) {
filename = photo . json . title + '.' + photo . getDirectLink ( ) . split ( '.' ) . pop ( ) ;
Dropbox . save ( photo . getDirectLink ( ) , filename ) ;
} ) ;
break ;
default :
link = '' ;
break ;
}
if ( link . length > 5 ) 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
var 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 ) {
var 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 ( ) {
var url = '' ;
if ( photo . json &&
photo . json . url &&
photo . json . url !== '' ) url = photo . json . url ;
return url ;
}
photo . getViewLink = function ( photoID ) {
var 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 ) ;
}