lychee/src/scripts/multiselect.js

/**
 * @description	Select multiple albums or photos.
 * @copyright	2015 by Tobias Reich
 */

multiselect = {}

multiselect.position = {

	top:	null,
	right:	null,
	bottom:	null,
	left:	null

}

multiselect.bind = function() {

	$('#content')	.on('mousedown', 	function(e) { if (e.which===1) multiselect.show(e) });
	$(document)		.on('mouseup',		function(e) { if (e.which===1) multiselect.getSelection(e) });

	return true;

}

multiselect.show = function(e) {

	if (lychee.publicMode)	return false;
	if (visible.search())	return false;
	if (!visible.albums()&&!visible.album)			return false;
	if ($('.album:hover, .photo:hover').length!==0)	return false;
	if (visible.multiselect())						$('#multiselect').remove();

	sidebar.setSelectable(false);

	multiselect.position.top	= e.pageY;
	multiselect.position.right	= -1 * (e.pageX - $(document).width());
	multiselect.position.bottom	= -1 * (multiselect.position.top - $(window).height());
	multiselect.position.left	= e.pageX;

	$('body').append(build.multiselect(multiselect.position.top, multiselect.position.left));
	$(document).on('mousemove', multiselect.resize);

}

multiselect.selectAll = function() {

	var e,
		newWidth,
		newHeight;

	if (lychee.publicMode)		return false;
	if (visible.search())		return false;
	if (!visible.albums()&&!visible.album)	return false;
	if (visible.multiselect())	$('#multiselect').remove();

	sidebar.setSelectable(false);

	multiselect.position.top	= 70;
	multiselect.position.right	= 40;
	multiselect.position.bottom	= 90;
	multiselect.position.left	= 20;

	$('body').append(build.multiselect(multiselect.position.top, multiselect.position.left));

	newWidth	= $(document).width() - multiselect.position.right + 2;
	newHeight	= $(document).height() - multiselect.position.bottom;

	$('#multiselect').css({
		width: newWidth,
		height: newHeight
	});

	e = {
		pageX: $(document).width() - (multiselect.position.right / 2),
		pageY: $(document).height() - multiselect.position.bottom
	};

	multiselect.getSelection(e);

}

multiselect.resize = function(e) {

	var mouse_x = e.pageX,
		mouse_y = e.pageY,
		newHeight,
		newWidth;

	if (multiselect.position.top===null||
		multiselect.position.right===null||
		multiselect.position.bottom===null||
		multiselect.position.left===null) return false;

	if (mouse_y>=multiselect.position.top) {

		// Do not leave the screen
		newHeight = mouse_y - multiselect.position.top;
		if ((multiselect.position.top+newHeight)>=$(document).height())
			newHeight -= (multiselect.position.top + newHeight) - $(document).height() + 2;

		$('#multiselect').css({
			top:	multiselect.position.top,
			bottom:	'inherit',
			height:	newHeight
		});

	} else {

		$('#multiselect').css({
			top:	'inherit',
			bottom:	multiselect.position.bottom,
			height:	multiselect.position.top - e.pageY
		});

	}

	if (mouse_x>=multiselect.position.left) {

		// Do not leave the screen
		newWidth = mouse_x - multiselect.position.left;
		if ((multiselect.position.left+newWidth)>=$(document).width())
			newWidth -= (multiselect.position.left + newWidth) - $(document).width() + 2;

		$('#multiselect').css({
			right:	'inherit',
			left:	multiselect.position.left,
			width:	newWidth
		});

	} else {

		$('#multiselect').css({
			right:	multiselect.position.right,
			left:	'inherit',
			width:	multiselect.position.left - e.pageX
		});

	}

}

multiselect.stopResize = function() {

	$(document).off('mousemove');

}

multiselect.getSize = function() {

	if (!visible.multiselect()) return false;

	return {
		top:	$('#multiselect').offset().top,
		left:	$('#multiselect').offset().left,
		width:	parseInt($('#multiselect').css('width').replace('px', '')),
		height:	parseInt($('#multiselect').css('height').replace('px', ''))
	};

}

multiselect.getSelection = function(e) {

	var tolerance = 150,
		id,
		ids = [],
		offset,
		size = multiselect.getSize();

	if (visible.contextMenu()) return false;
	if (!visible.multiselect()) return false;

	$('.photo, .album').each(function() {

		offset = $(this).offset();

		if (offset.top>=(size.top-tolerance)&&
			offset.left>=(size.left-tolerance)&&
			(offset.top+206)<=(size.top+size.height+tolerance)&&
			(offset.left+206)<=(size.left+size.width+tolerance)) {

				id = $(this).data('id');

				if (id!=='0'&&id!==0&&id!=='f'&&id!=='s'&&id!=='r'&&id!==null&&id!==undefined) {

					ids.push(id);
					$(this).addClass('active');

				}

			}

	});

	if (ids.length!==0&&visible.album()) contextMenu.photoMulti(ids, e);
	else if (ids.length!==0&&visible.albums()) contextMenu.albumMulti(ids, e);
	else multiselect.close();

}

multiselect.close = function() {

	sidebar.setSelectable(true);

	multiselect.stopResize();

	multiselect.position.top	= null;
	multiselect.position.right	= null;
	multiselect.position.bottom	= null;
	multiselect.position.left	= null;

	lychee.animate('#multiselect', 'fadeOut');
	setTimeout(function() {
		$('#multiselect').remove();
	}, 300);

}