Toggle menu
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

MediaWiki:Common.js: Difference between revisions

MediaWiki interface page
No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* Return to a box header after using its bottom collapse control. */
function wizlordsScrollToCollapsedHeader($box) {
if (!$box.length) { return; }
$box.children('.mw-collapsible-content').promise().done(function () {
window.requestAnimationFrame(function () {
window.requestAnimationFrame(function () {
if (!document.documentElement.contains($box[0])) { return; }
var offset = 16;
document.querySelectorAll('.citizen-header, .vector-sticky-header').forEach(function (header) {
var style = window.getComputedStyle(header);
var rect = header.getBoundingClientRect();
if ((style.position === 'fixed' || style.position === 'sticky') &&
rect.height > 0 && rect.top <= 0 && rect.bottom > 0) {
offset = Math.max(offset, rect.bottom + 16);
}
});
$box.children('[aria-expanded]').addBack('[aria-expanded]').attr('aria-expanded', 'false');
var previousMargin = $box[0].style.scrollMarginTop;
$box[0].style.scrollMarginTop = offset + 'px';
$box[0].scrollIntoView({ block: 'start', inline: 'nearest', behavior: 'instant' });
$box[0].style.scrollMarginTop = previousMargin;
});
});
});
}
/* Bottom collapse controls */
/* Bottom collapse controls */
mw.loader.using('jquery.makeCollapsible').then(function () {
mw.loader.using('jquery.makeCollapsible').then(function () {
Line 77: Line 102:
if ($topToggle.length) {
if ($topToggle.length) {
$topToggle.trigger('click');
$topToggle.trigger('click');
wizlordsScrollToCollapsedHeader($collapsible);
}
}
});
});
Line 84: Line 110:
collapseFromBottom('.wizlords-spellbook-collapse-divine', 'wizlords-divine-spellbook');
collapseFromBottom('.wizlords-spellbook-collapse-divine', 'wizlords-divine-spellbook');


$(document).on('click', '.wizlords-collapsible-section-bottom-toggle', function (event) {
$(document).on('click', '.wizlords-collapsible-section-bottom-toggle, .wizlords-lore-collapse', function (event) {
event.preventDefault();
event.preventDefault();


Line 92: Line 118:
if ($topToggle.length) {
if ($topToggle.length) {
$topToggle.trigger('click');
$topToggle.trigger('click');
wizlordsScrollToCollapsedHeader($collapsible);
}
}
});
});
Line 137: Line 164:
.toggleClass('is-open', !isOpen)
.toggleClass('is-open', !isOpen)
.attr('aria-expanded', isOpen ? 'false' : 'true');
.attr('aria-expanded', isOpen ? 'false' : 'true');
if (isOpen) { wizlordsScrollToCollapsedHeader($card); }
}
}


Line 314: Line 342:


$(document).on('click', '.wizlords-culture-card', function (event) {
$(document).on('click', '.wizlords-culture-card', function (event) {
var isCultureHeaderLink = $(event.target).closest('.wizlords-culture-card-header a, .wizlords-culture-card-title a').length;
if (isMobileCitizenCultureLayout() && isCultureHeaderLink) {
event.preventDefault();
event.stopPropagation();
toggleCultureCard(this);
return;
}
if ($(event.target).closest('a').length) {
if ($(event.target).closest('a').length) {
return;
return;
Line 327: Line 364:
}
}
});
});
}() );
/* Responsive race Available Classes lists */
( function () {
function initialiseRaceAvailableClassLists() {
$('.wizlords-culture-classes + ul, .wizlords-shared-classes ul').each(function () {
var $list = $(this);
var itemCount = $list.children('li').length;
var $sharedClasses = $list.closest('.wizlords-shared-classes');
var isDrakelingList = $sharedClasses
.children('.wizlords-shared-classes-title')
.first()
.text()
.indexOf('Drakelings') !== -1;
$list
.removeClass(function (index, className) {
return (className.match(/(^|\s)count-\d+/g) || []).join(' ');
})
.addClass('wizlords-available-classes-list count-' + itemCount)
.toggleClass('is-multicolumn', itemCount > 4)
.toggleClass('is-short', itemCount <= 4)
.toggleClass('is-drakeling-list', isDrakelingList);
$list
.closest('.wizlords-culture-card-body, .wizlords-shared-classes')
.addClass('wizlords-available-classes');
});
}
$(initialiseRaceAvailableClassLists);
}() );
}() );


Line 631: Line 699:
.toggleClass('is-open', !isOpen)
.toggleClass('is-open', !isOpen)
.attr('aria-expanded', isOpen ? 'false' : 'true');
.attr('aria-expanded', isOpen ? 'false' : 'true');
if (isOpen) { wizlordsScrollToCollapsedHeader($card); }
}
}


Line 690: Line 759:


$(document).on('click', '.wizlords-mobile-spellbook-collapse', function () {
$(document).on('click', '.wizlords-mobile-spellbook-collapse', function () {
toggleMobileSpellbook($(this).closest('.wizlords-mobile-spellbook').children('.wizlords-mobile-spellbook-header').first());
var $book = $(this).closest('.wizlords-mobile-spellbook');
toggleMobileSpellbook($book.children('.wizlords-mobile-spellbook-header').first());
wizlordsScrollToCollapsedHeader($book);
});
});


Line 721: Line 792:
});
});
}() );
}() );
/* Mobile lore profiles reuse MediaWiki's desktop collapse state. */
mw.loader.using('jquery.makeCollapsible').then(function () {
var query = window.matchMedia('(max-width: 599px)');
function prepareLoreProfiles() {
$('.wizlords-lore-profile > .wizlords-collapsible-section-title').each(function () {
var title = $(this);
if (query.matches) {
title.attr({ role: 'button', tabindex: '0',
'aria-expanded': title.parent().hasClass('mw-collapsed') ? 'false' : 'true' });
} else {
title.removeAttr('role tabindex aria-expanded');
}
});
}
$(prepareLoreProfiles);
if (query.addEventListener) { query.addEventListener('change', prepareLoreProfiles); }
$(document).on('click', '.wizlords-lore-profile > .wizlords-collapsible-section-title, .wizlords-lore-profile > .wizlords-lore-profile-mobile-icon', function () {
if (!query.matches) { return; }
var $profile = $(this).parent();
var wasOpen = !$profile.hasClass('mw-collapsed');
$profile.children('.mw-collapsible-toggle').first().trigger('click');
prepareLoreProfiles();
if (wasOpen) { wizlordsScrollToCollapsedHeader($profile); }
});
$(document).on('keydown', '.wizlords-lore-profile > .wizlords-collapsible-section-title, .wizlords-lore-profile > .wizlords-lore-profile-mobile-icon', function (event) {
if (query.matches && (event.key === 'Enter' || event.key === ' ')) {
event.preventDefault();
$(this).trigger('click');
}
});
});
$(document).on('keydown', '.wizlords-lore-collapse', function (event) {
if (event.key === 'Enter' || event.key === ' ') {
event.preventDefault();
$(this).trigger('click');
}
});