568 lines
12 KiB
JavaScript
568 lines
12 KiB
JavaScript
/**
|
|
* @description Takes care of every action an album can handle and execute.
|
|
* @copyright 2015 by Tobias Reich
|
|
*/
|
|
|
|
album = {
|
|
|
|
json: null
|
|
|
|
}
|
|
|
|
album.getID = function() {
|
|
|
|
var id;
|
|
|
|
if (photo.json) id = photo.json.album;
|
|
else if (album.json) id = album.json.id;
|
|
else id = $('.album:hover, .album.active').attr('data-id');
|
|
|
|
// Search
|
|
if (!id) id = $('.album:hover, .album.active').attr('data-id');
|
|
if (!id) id = $('.photo:hover, .photo.active').attr('data-album-id');
|
|
|
|
if (id) return id;
|
|
else return false;
|
|
|
|
}
|
|
|
|
album.load = function(albumID, refresh) {
|
|
|
|
var startTime,
|
|
params,
|
|
durationTime,
|
|
waitTime;
|
|
|
|
password.get(albumID, function() {
|
|
|
|
if (!refresh) {
|
|
lychee.animate('.album, .photo', 'contentZoomOut');
|
|
lychee.animate('#content .divider', 'fadeOut');
|
|
}
|
|
|
|
startTime = new Date().getTime();
|
|
|
|
params = {
|
|
albumID,
|
|
password: password.value
|
|
}
|
|
|
|
api.post('Album::get', params, function(data) {
|
|
|
|
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
|
|
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(function() {
|
|
|
|
view.album.init();
|
|
|
|
if (!refresh) {
|
|
lychee.animate('.album, .photo', 'contentZoomIn');
|
|
header.setMode('album');
|
|
}
|
|
|
|
}, waitTime);
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
album.parse = function() {
|
|
|
|
if (!album.json.title) album.json.title = 'Untitled';
|
|
|
|
}
|
|
|
|
album.add = function() {
|
|
|
|
var action;
|
|
|
|
action = function(data) {
|
|
|
|
var isNumber,
|
|
title = data.title;
|
|
|
|
basicModal.close();
|
|
|
|
isNumber = function(n) {
|
|
|
|
return !isNaN(parseFloat(n)) && isFinite(n)
|
|
|
|
}
|
|
|
|
if (title.length===0) title = 'Untitled';
|
|
|
|
api.post('Album::add', { title }, function(data) {
|
|
|
|
// Avoid first album to be true
|
|
if (data===true) data = 1;
|
|
|
|
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' data-name='title' type='text' maxlength='30' placeholder='Title' value='Untitled'></p>",
|
|
buttons: {
|
|
action: {
|
|
title: 'Create Album',
|
|
fn: action
|
|
},
|
|
cancel: {
|
|
title: 'Cancel',
|
|
fn: basicModal.close
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
album.delete = function(albumIDs) {
|
|
|
|
var action = {},
|
|
cancel = {},
|
|
msg = '',
|
|
albumTitle = '';
|
|
|
|
if (!albumIDs) return false;
|
|
if (albumIDs instanceof Array===false) albumIDs = [albumIDs];
|
|
|
|
action.fn = function() {
|
|
|
|
var params;
|
|
|
|
basicModal.close();
|
|
|
|
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);
|
|
delete albums.json.albums[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) {
|
|
|
|
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.json.albums[albumIDs].title;
|
|
|
|
msg = "<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 = "<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) {
|
|
|
|
var oldTitle = '',
|
|
input = '',
|
|
msg = '',
|
|
action;
|
|
|
|
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.json.albums[albumIDs].title;
|
|
|
|
if (!oldTitle) oldTitle = '';
|
|
oldTitle = oldTitle.replace("'", ''');
|
|
|
|
}
|
|
|
|
action = function(data) {
|
|
|
|
var params,
|
|
newTitle = data.title;
|
|
|
|
basicModal.close();
|
|
|
|
// Remove html from input
|
|
newTitle = lychee.removeHTML(newTitle);
|
|
|
|
// Set to Untitled when empty
|
|
newTitle = (newTitle==='') ? 'Untitled' : newTitle;
|
|
|
|
if (visible.album()) {
|
|
|
|
album.json.title = newTitle;
|
|
view.album.title();
|
|
|
|
if (albums.json) {
|
|
var id = albumIDs[0];
|
|
albums.json.albums[id].title = newTitle;
|
|
}
|
|
|
|
} else if (visible.albums()) {
|
|
|
|
albumIDs.forEach(function(id) {
|
|
albums.json.albums[id].title = newTitle;
|
|
view.albums.content.title(id);
|
|
});
|
|
|
|
}
|
|
|
|
params = {
|
|
albumIDs: albumIDs.join(),
|
|
title: newTitle
|
|
}
|
|
|
|
api.post('Album::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 (albumIDs.length===1) msg = "<p>Enter a new title for this album: " + input + "</p>";
|
|
else msg = "<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) {
|
|
|
|
var oldDescription = album.json.description.replace("'", '''),
|
|
action;
|
|
|
|
action = function(data) {
|
|
|
|
var params,
|
|
description = data.description;
|
|
|
|
basicModal.close();
|
|
|
|
// Remove html from input
|
|
description = lychee.removeHTML(description);
|
|
|
|
if (visible.album()) {
|
|
album.json.description = description;
|
|
view.album.description();
|
|
}
|
|
|
|
params = {
|
|
albumID,
|
|
description
|
|
}
|
|
|
|
api.post('Album::setDescription', params, function(data) {
|
|
|
|
if (data!==true) lychee.error(null, params, data);
|
|
|
|
});
|
|
|
|
}
|
|
|
|
basicModal.show({
|
|
body: "<p>Please enter a description for this album: <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
|
|
}
|
|
}
|
|
});
|
|
|
|
}
|
|
|
|
album.setPublic = function(albumID, modal, e) {
|
|
|
|
var params,
|
|
password = '';
|
|
|
|
albums.refresh();
|
|
|
|
if (modal===true) {
|
|
|
|
let msg = '',
|
|
text = '',
|
|
action = {};
|
|
|
|
action.fn = function() {
|
|
|
|
// Current 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:';
|
|
}
|
|
|
|
msg = `
|
|
<p class='less'>${ text }</p>
|
|
<form>
|
|
<div class='choice'>
|
|
<label>
|
|
<input type='checkbox' name='visible'>
|
|
<span class='checkbox'>${ build.iconic('check') }</span>
|
|
<span class='label'>Visible</span>
|
|
</label>
|
|
<p>Listed to visitors of your Lychee.</p>
|
|
</div>
|
|
<div class='choice'>
|
|
<label>
|
|
<input type='checkbox' name='downloadable'>
|
|
<span class='checkbox'>${ build.iconic('check') }</span>
|
|
<span class='label'>Downloadable</span>
|
|
</label>
|
|
<p>Visitors of your Lychee can download this album.</p>
|
|
</div>
|
|
<div class='choice'>
|
|
<label>
|
|
<input type='checkbox' name='password'>
|
|
<span class='checkbox'>${ build.iconic('check') }</span>
|
|
<span class='label'>Password protected</span>
|
|
</label>
|
|
<p>Only accessible with a valid password.</p>
|
|
<input class='text' data-name='password' type='password' placeholder='password' value=''>
|
|
</div>
|
|
</form>
|
|
`
|
|
|
|
basicModal.show({
|
|
body: msg,
|
|
buttons: {
|
|
action: {
|
|
title: action.title,
|
|
fn: action.fn
|
|
},
|
|
cancel: {
|
|
title: 'Cancel',
|
|
fn: basicModal.close
|
|
}
|
|
}
|
|
});
|
|
|
|
// Active visible by default (public = 0)
|
|
if ((album.json.public==='1'&&album.json.visible==='1')||
|
|
(album.json.public==='0')) $('.basicModal .choice input[name="visible"]').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[data-name="password"]').show().focus();
|
|
else $('.basicModal .choice input[data-name="password"]').hide();
|
|
|
|
});
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
// Set data
|
|
if (basicModal.visible()) {
|
|
|
|
// Visible modal => Set album public
|
|
album.json.public = '1';
|
|
|
|
// Set visible
|
|
if ($('.basicModal .choice input[name="visible"]:checked').length===1) album.json.visible = '1';
|
|
else album.json.visible = '0';
|
|
|
|
// 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[data-name="password"]').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') ? '0' : 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.downloadable();
|
|
view.album.password();
|
|
|
|
if (album.json.public==='1') contextMenu.shareAlbum(albumID, e);
|
|
|
|
}
|
|
|
|
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) {
|
|
|
|
var link = '',
|
|
url = location.href;
|
|
|
|
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(album.json.title);
|
|
break;
|
|
case 2:
|
|
link = 'mailto:?subject=' + encodeURI(album.json.title) + '&body=' + encodeURI(url);
|
|
break;
|
|
default:
|
|
link = '';
|
|
break;
|
|
}
|
|
|
|
if (link.length>5) location.href = link;
|
|
|
|
}
|
|
|
|
album.getArchive = function(albumID) {
|
|
|
|
var link,
|
|
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=' + password.value;
|
|
|
|
location.href = link;
|
|
|
|
} |