phpbb/phpBB/styles/prosilver/template/ajax.js
Marc Alexander 16c021e986 [ticket/10954] Change behavior of marking topics/forums
It will now display a popup message for 3 seconds which will confirm the
taken action. The amount of DOM traversals have been significantly reduced
and jQuery.each is now used instead of for loops. Additionally, it is now
possible to click on the mark topics/forums read links without triggering
an AJAX error.

PHPBB3-10954
2012-12-14 15:46:45 +01:00

208 lines
5.4 KiB
JavaScript

(function($) { // Avoid conflicts with other libraries
"use strict";
// This callback will mark all forum icons read
phpbb.add_ajax_callback('mark_forums_read', function(res) {
var read_title = res.NO_UNREAD_POSTS;
var unread_title = res.UNREAD_POSTS;
$('li.row').find('dl.forum_unread, dl.forum_unread_subforum, dl.forum_unread_locked').each(function() {
var current_object = $(this);
if (current_object.hasClass('forum_unread'))
{
current_object.removeClass('forum_unread').addClass('forum_read');
}
else if (current_object.hasClass('forum_unread_subforum'))
{
current_object.removeClass('forum_unread_subforum').addClass('forum_read_subforum');
}
else
{
current_object.removeClass('forum_unread_locked').addClass('forum_read_locked');
}
current_object.children('dt[title=' + unread_title + ']').attr('title', read_title);
});
// Update mark forums read links
$('[data-ajax=mark_forums_read]').each(function() {
$(this).attr('href', res.U_MARK_FORUMS);
});
// Hide alert after 3 seconds
setTimeout(function () {
$('#darkenwrapper').trigger('click');
}, 3000);
});
// This callback will mark all topic icons read
phpbb.add_ajax_callback('mark_topics_read', function(res) {
var read_title = res.NO_UNREAD_POSTS;
var unread_title = res.UNREAD_POSTS;
var icons_array = {
'global_unread': 'global_read',
'announce_unread': 'announce_read',
'sticky_unread': 'sticky_read',
'topic_unread': 'topic_read'
};
var icons_state = ['', '_hot', '_hot_mine', '_locked', '_locked_mine', '_mine'];
var unread_class_selectors = '';
var class_array = {};
$.each(icons_array, function(unread_class, read_class) {
$.each(icons_state, function(key, value) {
// Only topics can be hot
if ((value == '_hot' || value == '_hot_mine') && unread_class != 'topic_unread')
{
return true;
}
var current_class = {};
current_class[unread_class + value] = read_class + value;
$.extend(class_array, current_class);
unread_class_selectors += '.' + unread_class + value + ',';
});
});
// Remove trailing comma
unread_class_selectors = unread_class_selectors.substring(0, unread_class_selectors.length - 1);
$('li.row').find(unread_class_selectors).each(function() {
var current_object = $(this);
$.each(class_array, function(unread_class, read_class) {
if (current_object.hasClass(unread_class))
{
current_object.removeClass(unread_class).addClass(read_class);
}
});
current_object.children('dt[title=' + unread_title + ']').attr('title', read_title);
});
// Remove link to first unread post
$('span.icon_topic_newest').each(function() {
$(this).remove();
});
// Update mark topics read links
$('[data-ajax=mark_topics_read]').each(function() {
$(this).attr('href', res.U_MARK_TOPICS);
});
// Hide alert after 3 seconds
setTimeout(function () {
$('#darkenwrapper').trigger('click');
}, 3000);
});
// This callback finds the post from the delete link, and removes it.
phpbb.add_ajax_callback('post_delete', function() {
var el = $(this),
post_id;
if (el.attr('data-refresh') === undefined)
{
post_id = el[0].href.split('&p=')[1];
var post = el.parents('#p' + post_id).css('pointer-events', 'none');
if (post.hasClass('bg1') || post.hasClass('bg2'))
{
var posts1 = post.nextAll('.bg1');
post.nextAll('.bg2').removeClass('bg2').addClass('bg1');
posts1.removeClass('bg1').addClass('bg2');
}
post.fadeOut(function() {
$(this).remove();
});
}
});
// This callback removes the approve / disapprove div or link.
phpbb.add_ajax_callback('post_approve', function(res) {
var remove = (res.approved) ? $(this) : $(this).parents('.post');
$(remove).css('pointer-events', 'none').fadeOut(function() {
$(this).remove();
});
});
// This removes the parent row of the link or form that fired the callback.
phpbb.add_ajax_callback('row_delete', function() {
$(this).parents('tr').remove();
});
// This handles friend / foe additions removals.
phpbb.add_ajax_callback('zebra', function(res) {
var zebra;
if (res.success) {
zebra = $('.zebra');
zebra.first().html(res.MESSAGE_TEXT);
zebra.not(':first').html(' ').prev().html(' ');
}
});
$('[data-ajax]').each(function() {
var $this = $(this),
ajax = $this.attr('data-ajax'),
fn;
if (ajax !== 'false')
{
fn = (ajax !== 'true') ? ajax : null;
phpbb.ajaxify({
selector: this,
refresh: $this.attr('data-refresh') !== undefined,
callback: fn
});
}
});
/**
* This simply appends #preview to the action of the
* QR action when you click the Full Editor & Preview button
*/
$('#qr_full_editor').click(function() {
$('#qr_postform').attr('action', function(i, val) {
return val + '#preview';
});
});
/**
* This AJAXifies the quick-mod tools. The reason it cannot be a standard
* callback / data attribute is that it requires filtering - some of the options
* can be ajaxified, while others cannot.
*/
phpbb.ajaxify({
selector: '#quickmodform',
refresh: true,
filter: function (data) {
var action = $('#quick-mod-select').val();
if (action === 'make_normal')
{
return $(this).find('select option[value="make_global"]').length > 0;
}
else if (action === 'lock' || action === 'unlock')
{
return true;
}
if (action === 'delete_topic' || action === 'make_sticky' || action === 'make_announce' || action === 'make_global') {
return true;
}
return false;
}
});
$('#quick-mod-select').change(function () {
$('#quickmodform').submit();
});
})(jQuery); // Avoid conflicts with other libraries