Page MenuHomeWickedGov Phorge
Files F2753271

ext.GlobalPreferences.global.js
No OneTemporary
Actions

Size
3 KB
Referenced Files
None
Subscribers
None

ext.GlobalPreferences.global.js
View Options

( function () {
'use strict';
/**
* Store all OOUI widgets with their reference so we can toggle
* them easily on/off.
*/
const checkboxesBySection = {},
checkboxSelectAllBySection = {};
let selectAllCheckboxesOngoing = false;
/**
* Infuse the 'select all' checkbox
*
* @param {jQuery} $root Section root
*/
function infuseSelectAllToHeader( $root ) {
const checkbox = OO.ui.infuse( $root.find( '.globalprefs-section-select-all' ) ),
sectionID = $root.prop( 'id' );
// Store for reference
checkboxSelectAllBySection[ sectionID ] = checkbox;
checkbox.on( 'change', ( isChecked ) => {
// Don't update child widgets if event was triggered by updateSelectAllCheckboxState
if ( !selectAllCheckboxesOngoing && checkboxesBySection[ sectionID ] ) {
checkboxesBySection[ sectionID ].forEach( ( checkboxWidget ) => {
checkboxWidget.setSelected( isChecked );
} );
}
} );
}
/**
* Update the selected state of a 'check all' checkbox,
* based on whether all its associated checkboxes are selected or not.
*
* @param {string} sectionID Section ID
*/
function updateSelectAllCheckboxState( sectionID ) {
const sectionCheckbox = checkboxSelectAllBySection[ sectionID ],
sectionCheckboxes = checkboxesBySection[ sectionID ];
if ( selectAllCheckboxesOngoing ) {
// Do not change the state of the 'select all' checkbox
// while we change the selection of the sub-checkboxes
// in the relevant page on purpose
return;
}
// Suppress event listener
selectAllCheckboxesOngoing = true;
if (
sectionCheckboxes.every( ( c ) => c.isSelected() )
) {
sectionCheckbox.setSelected( true );
sectionCheckbox.setIndeterminate( false );
} else if (
sectionCheckboxes.some( ( c ) => c.isSelected() )
) {
sectionCheckbox.setIndeterminate( true );
} else {
sectionCheckbox.setSelected( false );
sectionCheckbox.setIndeterminate( false );
}
selectAllCheckboxesOngoing = false;
}
/**
* Initialize the OOUI widgets by infusing all checkboxes and their
* related widgets, so we can refer to them later when toggling.
*
* htmlform.enhance is run when a preference tab is made visible
*/
mw.hook( 'htmlform.enhance' ).add( ( $root ) => {
// Make sure $root is a preferences form tab panel.
if ( $root.find( 'fieldset.mw-prefs-section-fieldset' ).length !== 1 ) {
return;
}
// Add the 'select all' checkbox
infuseSelectAllToHeader( $root );
// Go over all checkboxes, assign their matching widgets, and connect to events
$root.find( '.mw-globalprefs-global-check.oo-ui-checkboxInputWidget' ).each( function () {
const checkbox = OO.ui.infuse( this ),
sectionID = checkbox.$element.closest( '.oo-ui-layout.oo-ui-tabPanelLayout' ).prop( 'id' );
// Store references to all checkboxes in the same section
checkboxesBySection[ sectionID ] = checkboxesBySection[ sectionID ] || [];
checkboxesBySection[ sectionID ].push( checkbox );
updateSelectAllCheckboxState( sectionID );
// Respond to event
checkbox.on( 'change', () => {
// Update the 'select all' checkbox for this section
updateSelectAllCheckboxState( sectionID );
} );
} );
} );
}() );

File Metadata

Mime Type
text/plain
Expires
Fri, Jul 3, 21:01 (1 d, 3 h)
Storage Engine
local-disk
Storage Format
Raw Data
Storage Handle
c1/88/48cd9f670207e0ade4d3676f358d
Default Alt Text
ext.GlobalPreferences.global.js (3 KB)

Event Timeline