lychee/src/scripts/photo.js

/**
 * @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: 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("'", '&apos;');
	}

	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("'", '&apos;'),
		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);

}