lychee/js/main.js

/**
 * @name        main.js
 * @author      Philipp Maurer
 * @author      Tobias Reich
 * @copyright   2013 by Philipp Maurer, Tobias Reich
 */

/* Modules */
lychee.init("php/api.php", "");

$(document).ready(function(){

	/* Event Name */
	if (mobileBrowser()) event_name = "touchend";
	else event_name = "click";

	/* Toolbar */
	$("#button_signout").on(event_name, lychee.logout);
	$("#button_download").on(event_name, function() {
		link = $("#image_view #image").css("background-image").replace(/"/g,"").replace(/url\(|\)$/ig, "");
		window.open(link,"_newtab");
	});
	$("#button_share").on(event_name, function(e) {
		if ($("#button_share a.active").length) contextMenu.share(lychee.image_view.attr("data-id"), e.pageX, e.pageY);
		else photos.setPublic(e);
	});
	$("#button_share_album").on(event_name, function(e) {
		if ($("#button_share_album a.active").length) contextMenu.share_album(lychee.content.attr("data-id"), e.pageX, e.pageY);
		else albums.setPublic(e);
	});
	$("#button_trash_album").on(event_name, function() { albums.deleteDialog(lychee.content.attr("data-id")) });
	$("#button_move").on(event_name, function(e) { contextMenu.move(lychee.image_view.attr("data-id"), e.pageX, e.pageY) });
	$("#button_trash").on(event_name, function() { photos.deleteDialog() });
	$("#button_edit_album").on(event_name, function() { albums.setTitle() });
	$("#button_edit").on(event_name, function() { photos.setTitle() });
	$("#button_info").on(event_name, function() { photos.showInfobox() });
	$("#button_archive").on(event_name, function() { albums.getArchive() });
	$("#button_star").on(event_name, function() { photos.setStar() });
	$(".copylink").on(event_name, function() { $(this).select() });

	/* Search */
	$("#search").on("keyup click", function() { search.find($(this).val()) });

	/* Back Buttons */
	$("#button_back_home").on(event_name, function() { lychee.goto("") });
	$("#button_back").on(event_name, function() { lychee.goto("a" + lychee.content.attr("data-id")) });

	/* Image View */
	$("#image_view")
		.on(event_name, "a#previous", photos.previous)
		.on(event_name, "a#next", photos.next);

	/* Infobox */
	$("#infobox")
		.on(event_name, ".header a", function() { photos.hideInfobox() })
		.on(event_name, "#edit_title", function() { photos.setTitle() })
		.on(event_name, "#edit_description", function() { photos.setDescription() });

	/* Keyboard */
	Mousetrap
		.bind('n', function(e) { $("body").append(build.addModal) })
		.bind('u', function(e) { $("#auswahl").html(""); $("#upload_files").click() })
		.bind('s', function(e) { if (visible.imageview()) $("#button_star").click() })
		.bind('f', function(e) { if (visible.imageview()) $("#button_download").click() })
		.bind('i', function(e) { if (visible.imageview()) photos.showInfobox() })
		.bind('backspace', function(e) { if (visible.imageview()) photos.deleteDialog() })
		.bind('left', function(e) { if (visible.imageview()) photos.previous() })
		.bind('right', function(e) { if (visible.imageview()) photos.next() });

	Mousetrap.bindGlobal('enter', function(e) {
		if ($(".message .button.active").length) $(".message .button.active").addClass("pressed").click()
	});

	Mousetrap.bindGlobal('esc', function(e) {
		e.preventDefault();
		if ($(".message").length) lychee.closeModal();
		else if (visible.infobox()) photos.hideInfobox();
		else if (visible.imageview()) lychee.goto("a" + lychee.content.attr("data-id"));
		else if (visible.albums()&&$("#search").val().length!=0) search.reset();
	});

	/* Document */
	$(document)

		/* Login */
		.on(event_name, "#button_signin", function() { lychee.showLogin() })
		.on("keyup", "#password", function() { if ($(this).val().length>0) $(this).removeClass("error") })

		/* Toolbar */
		.on(event_name, "#title.editable", function() { if (visible.imageview()) photos.setTitle(); else albums.setTitle(); })

		/* Navigation */
		.on("click", ".album", function() { lychee.goto("a" + $(this).attr("data-id")) })
		.on("click", ".photo", function() {
			if (lychee.content.attr("data-id")!="") lychee.goto("a" + lychee.content.attr("data-id") + "p" + $(this).attr("data-id"));
			else lychee.goto("a" + $(this).attr("data-album-id") + "p" + $(this).attr("data-id"));
		})

		/* Modal */
		.on(event_name, ".message .close", lychee.closeModal)

		/* Add Dialog */
		.on(event_name, ".button_add", function() { $("body").append(build.addModal) })
		.on(event_name, "#add_album", albums.add)
		.on(event_name, "#add_link", lychee.importUrl)
		.on(event_name, "#add_photo", function() { $("#auswahl").html(""); $("#upload_files").click() })

		/* Upload */
		.on("change", "#upload_files", function() { lychee.closeModal(); lychee.upload(this.files); })

		/* Context Menu */
		.on("contextmenu", ".photo", contextMenu.photo)
		.on("contextmenu", ".album", contextMenu.album)
		.on(event_name, ".contextmenu_bg", contextMenu.close)

		/* Infobox */
		.on(event_name, "#infobox_overlay", function() { photos.hideInfobox() })

		/* Controls */
		.bind("mouseenter", lychee.showControls)
		.bind("mouseleave", lychee.hideControls)

		/* Upload */
		.on("dragover", function(e) { e.preventDefault(); }, false)
		.on("drop", function(e) {
			e.stopPropagation();
			e.preventDefault();
			lychee.upload(e.originalEvent.dataTransfer.files);
			return true;
		});

	/* Init */
	lychee.ready();

});