php-phpbb/phpBB/styles/script.js

/**
 * Make some changes to the jQuery core.
 */
$.fn.hide = function() {
	this.animate({opacity: 0}, 300, function() {
		$(this).css('display', 'none')
			.css('opacity', 1);	
	});
}
$.fn.show = function() {
	this.css('opacity', 0)
		.css('display', 'block')
		.animate({opacity: 1}, 300);
}

$.fn.remove_old = $.fn.remove;
$.fn.remove = function() {
	this.animate({opacity: 0}, 300, function() {
		$(this).remove_old();
	});
}


var phpbb = {};

/**
 * Display a simple alert similar to JSs native alert().
 *
 * @param string title Title of the message, eg "Information"
 * @param string msg Message to display. Can be HTML.
 *
 * @return Returns the div created.
 */
phpbb.alert = function(title, msg) {
	var div = $('<div class="jalert"><h3>' + title + '</h3><p>' + msg + '</p></div>');

	$(document).one('click', function(e) {
		if ($(e.target).parents('.jalert').length)
		{
			return true;
		}
		div.remove();
		return false;
	});

	$('body').append(div);
	div.show();
	return div;
}

/**
 * Display a simple yes / no box to the user.
 *
 * @param string msg Message to display. Can be HTML.
 * @param function callback Callback.
 *
 * @return Returns the div created.
 */
phpbb.confirm = function(msg, callback) {
	var div = $('<div class="jalert"><p>' + msg + '</p>\
		<input type="button" class="jalertbut button1" value="Yes" />&nbsp;\
		<input type="button" class="jalertbut button2" value="No" /></div>');

	$('body').append(div);

	$('.jalertbut').bind('click', function(event) {
		div.remove();
		callback(this.value === 'Yes');
		return false;
	});
	div.show();
	return div;
}

/**
 * Works out what to do with the refresh. Don't use this.
 */
function handle_refresh(data, refresh, div)
{
	if (data)
	{
		if (typeof refresh === 'function')
		{
			refresh = refresh(data.url)
		}
		else if (typeof refresh !== 'boolean')
		{
			refresh = false;
		}

		if (refresh)
		{
			setTimeout(function() {
				window.location = data.url;
			}, data.time * 1000);
		}
		else
		{
			setTimeout(function() {
				div.animate({opacity: 0}, 300, function() {
					div.remove();
				});
			}, data.time * 1000);
		}
	}
}


/**
 * This function interacts via AJAX with phpBBs confirm_box function.
 *
 * @param string condition The element to capture.
 * @param bool/function refresh If we are sent back a refresh, should it be
 * 	acted upon? This can either be true / false / a function.
 * @param function callback Callback.
 */
phpbb.confirm_box = function(condition, refresh, callback)
{
	$(condition).click(function() {
		var that = this;
		$.get(this.href, function(res) {
			res = JSON.parse(res);
			console.log(res);
			phpbb.confirm(res.MESSAGE_TEXT, function(del) {
				if (del)
				{
					var path = res.S_CONFIRM_ACTION;
					var data =  $('<form>' + res.S_HIDDEN_FIELDS + '</form>').serialize();
					$.post(path, data + '&confirm=' + res.YES_VALUE, function(res) {
						res = JSON.parse(res);
						var alert = phpbb.alert(res.MESSAGE_TITLE, res.MESSAGE_TEXT);
						if (typeof callback !== 'undefined')
						{
							callback(that);
						}
						handle_refresh(res.REFRESH_DATA, refresh, alert);
					});
				}
			});
		});
		return false;
	});
}

/**
 * Makes a link use AJAX instead of loading an entire page.
 *
 * @param string condition The element to capture.
 * @param bool/function refresh If we are sent back a refresh, should it be
 * 	acted upon? This can either be true / false / a function.
 * @param function callback Callback.
 */
phpbb.ajaxify = function(selector, refresh, callback) {
	$(selector).click(function() {
		var that = this;
		$.get(this.href, function(res) {
			res = JSON.parse(res);
			console.log(res);
			var alert = phpbb.alert(res.MESSAGE_TITLE, res.MESSAGE_TEXT);
			if (typeof callback !== 'undefined')
			{
				callback(that, res);
			}
			handle_refresh(res.REFRESH_DATA, refresh, alert);
		});
		return false;
	});
}

/**
 * AJAXifies a form. This will automatically get the action from the submit.
 *
 * @param string condition The element to capture.
 * @param bool/function refresh If we are sent back a refresh, should it be
 * 	acted upon? This can either be true / false / a function.
 * @param function callback Callback.
 */
phpbb.ajaxify_form = function(selector, refresh, callback)
{
	$(selector + ' input:submit').click(function(e) {
		var act = /action\[([a-z]+)\]/.exec(this.name),
			data = decodeURI($(this).closest('form').serialize()),
			path = $(this).closest('form').attr('action').replace('&amp;', '&'),
			that = this;
		
		if (act)
		{
			data += '&action=' + act[1];
		}
		
		$.post(path, data, function(res) {
			res = JSON.parse(res);
			phpbb.confirm(res.MESSAGE_TEXT, function(del) {
				if (del)
				{
					path = res.S_CONFIRM_ACTION;
					data =  $('<form>' + res.S_HIDDEN_FIELDS + '</form>').serialize();
					$.post(path, data + '&confirm=' + res.YES_VALUE, function(res) {
						res = JSON.parse(res);
						var alert = phpbb.alert(res.MESSAGE_TITLE, res.MESSAGE_TEXT);
						if (typeof callback !== 'undefined')
						{
							callback(that, act[1]);
						}
						handle_refresh(res.REFRESH_DATA, refresh, alert);
					});
				}
			});
		});
		return false;
	});
}


//bind the confirm_boxes
var refresh = function(url) {
	return (url.indexOf('t=') === -1);
}
phpbb.confirm_box('.delete-icon a', refresh, function(el) {
	var pid = el.href.split('&p=')[1];
	$(el).parents('div #p' + pid).remove();
});
phpbb.confirm_box('a[href$="ucp.php?mode=delete_cookies"]', true);


//AJAXify some links
phpbb.ajaxify('a[href*="&bookmark=1"]', false, function(el, res) {
	var text = (res.MESSAGE_TEXT.indexOf('Removed') === -1);
	text = (text) ? 'Remove from bookmarks' : 'Bookmark topic';
	$(el).text(el.title = text);
});
phpbb.ajaxify('a[href*="&watch=topic"]', false, function(el, res) {
	var text = (res.MESSAGE_TEXT.indexOf('no longer subscribed') === -1);
	text = (text) ? 'Unsubscribe topic' : 'Subscribe topic';
	$(el).text(el.title = text);
});
phpbb.ajaxify('a[href*="watch=forum"]', false, function(el, res) {
	var text = (res.MESSAGE_TEXT.indexOf('no longer subscribed') === -1);
	text = (text) ? 'Unsubscribe forum' : 'Subscribe forum';
	$(el).text(el.title = text);
});
phpbb.ajaxify('a[href*="mode=bump"]');
phpbb.ajaxify('a[href*="mark="]'); //captures topics and forums

phpbb.ajaxify_form('.mcp_approve', false, function(el, act) {
	$(el).parents((act === 'approve') ? '.rules' : '.post').remove();
});