734 lines
15 KiB
JavaScript
734 lines
15 KiB
JavaScript
/**
|
|
* @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);
|
|
|
|
} |