lychee/assets/js/multiselect.js

/**
 * @name		Multiselect Module
 * @description	Select multiple albums or photos.
 * @author		Tobias Reich
 * @copyright	2014 by Tobias Reich
 */

multiselect = {

	position: {

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

	},

	show: function(e) {

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

		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);

	},

	selectAll: function() {

		var e;

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

		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);

	},

	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
			});

		}

	},

	stopResize: function() {

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

	},

	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', ''))
		};

	},

	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();

	},

	close: function() {

		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);

	}

};