wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-14 19:26:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update pinnableHeader class when moving pinnableElement.

Browse source 
Adds functionality to update the pinnable header class
(pinned or unpinned) after is has been moved via
movePinnableElement().

Bug: T348039
Change-Id: I23552bdbb3390222c2c8efbd5f9122a4d5021a00
This commit is contained in:
Jan Drewniak 2023-10-25 12:54:06 -04:00 committed by Jdrewniak
parent 1eb75ab7b1
commit f59ceb4390
1 changed files with 24 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
resources/skins.vector.js/pinnableElement.js
View file

@ -193,6 +193,29 @@ function isPinned( header ) {
return features.isEnabled( featureName );
}
/**
* Ensures the header classes are in sync with the pinnable headers state
* in the case that it's moved via movePinnableElement().
* @param {HTMLElement} pinnableElement
*/
function updatePinnableHeaderClass( pinnableElement ) {
const header = pinnableElement.querySelector( '.vector-pinnable-header' );
// Because Typescript
if ( !header || !( header instanceof HTMLElement ) ) {
return;
}
// Toggle header classes
if ( isPinned( header ) ) {
header.classList.add( PINNED_HEADER_CLASS );
header.classList.remove( UNPINNED_HEADER_CLASS );
} else {
header.classList.remove( PINNED_HEADER_CLASS );
header.classList.add( UNPINNED_HEADER_CLASS );
}
}
/**
* @param {string} pinnableElementId
* @param {string} newContainerId
@ -209,6 +232,7 @@ function movePinnableElement( pinnableElementId, newContainerId ) {
// Avoid moving element if unnecessary
if ( currContainer.id !== newContainerId ) {
newContainer.insertAdjacentElement( 'beforeend', pinnableElem );
updatePinnableHeaderClass( pinnableElem );
}
popupNotification.hideAll();