StarCitizenTools/mediawiki-extensions-TabberNeue
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-extensions-TabberNeue.git synced 2024-11-12 01:15:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor: use documentFragment for buildTabs

Browse source
This commit is contained in:
alistair3149 2021-06-21 19:28:47 -04:00
parent 775d38e36a
commit 45fb952d2d
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
modules/ext.tabberNeue.js
View file

@ -13,11 +13,7 @@ function initTabber( tabber ) {
nextButton = document.createElement( 'div' );
const buildTabs = () => {
container.classList.add( 'tabber__header' );
tablist.classList.add( 'tabber__nav' );
tablist.setAttribute( 'role', 'tablist' );
prevButton.classList.add( 'tabber__header__prev' );
nextButton.classList.add( 'tabber__header__next' );
const fragment = new DocumentFragment();
[ ...tabPanels ].forEach( ( tabPanel ) => {
const hash = mw.util.escapeIdForAttribute( tabPanel.title ) + '-' + key,
@ -36,9 +32,17 @@ function initTabber( tabber ) {
tab.setAttribute( 'id', 'tab-' + hash );
tab.setAttribute( 'aria-controls', hash );
tablist.append( tab );
fragment.append( tab );
} );
tablist.append( fragment );
container.classList.add( 'tabber__header' );
tablist.classList.add( 'tabber__nav' );
tablist.setAttribute( 'role', 'tablist' );
prevButton.classList.add( 'tabber__header__prev' );
nextButton.classList.add( 'tabber__header__next' );
container.append( prevButton, tablist, nextButton );
};