This implements a new JavaScript module, mediawiki.checkboxtoggle.
The module is suitable to be reused in any other list of checkboxes.
Bug: T92230
Change-Id: I92141a7079fc7fcd7152ef418d82f4f7969b163b
$this->msg( 'log-edit-tags' )->text()
) . "\n";
}
+
+ // Select: All, None, Invert
+ $links = array();
+ $links[] = Html::element(
+ 'a', array( 'href' => '#', 'id' => 'checkbox-all' ),
+ $this->msg( 'checkbox-all' )->text()
+ );
+ $links[] = Html::element(
+ 'a', array( 'href' => '#', 'id' => 'checkbox-none' ),
+ $this->msg( 'checkbox-none' )->text()
+ );
+ $links[] = Html::element(
+ 'a', array( 'href' => '#', 'id' => 'checkbox-invert' ),
+ $this->msg( 'checkbox-invert' )->text()
+ );
+
+ $buttons .= Html::rawElement( 'p',
+ array(
+ 'class' => "mw-checkbox-toggle-controls"
+ ),
+ $this->msg( 'checkbox-select' )
+ ->rawParams( $this->getLanguage()->commaList( $links ) )->escaped()
+ );
+
+ $this->getOutput()->addModules( 'mediawiki.checkboxtoggle' );
+ $this->getOutput()->addModuleStyles( 'mediawiki.checkboxtoggle.styles' );
+
$s .= $buttons . $formcontents . $buttons;
$s .= Html::closeElement( 'form' );
"log-title-wildcard": "Search titles starting with this text",
"showhideselectedlogentries": "Change visibility of selected log entries",
"log-edit-tags": "Edit tags of selected log entries",
+ "checkbox-select": "Select: $1",
+ "checkbox-all": "All",
+ "checkbox-none": "None",
+ "checkbox-invert": "Invert",
"allpages": "All pages",
"allpages-summary": "",
"nextpage": "Next page ($1)",
"log-title-wildcard": "* Appears in: [[Special:Log]]\n* Description: A check box to enable prefix search option",
"showhideselectedlogentries": "Text of the button which brings up the [[mw:RevisionDelete|RevisionDelete]] menu on [[Special:Log]].",
"log-edit-tags": "Text of button used to access change tagging interface. For more information on tags see [[mw:Manual:Tags]].",
+ "checkbox-select": "Parameters:\n* $1 - three links: {{msg-mw|checkbox-all}}, {{msg-mw|checkbox-none}}, and {{msg-mw|checkbox-invert}} which respectively selects all pages, de-selects all, and inverts the current selection state\npages\n{{Identical|Select}}",
+ "checkbox-all": "Text of button used to mark all revisions or log entries as selected in a list.",
+ "checkbox-none": "Text of button used to mark all revisions or log entries as unselected in a list.",
+ "checkbox-invert": "Text of button used to invert the currently-selected-state of all revisions or log entries in a list.",
"allpages": "{{doc-special|AllPages}}\nFirst part of the navigation bar for the special page [[Special:AllPages]] and [[Special:PrefixIndex]].\nThe other parts are {{msg-mw|Prevpage}} and {{msg-mw|Nextpage}}.\n{{Identical|All pages}}",
"allpages-summary": "{{doc-specialpagesummary|allpages}}",
"nextpage": "Third part of the navigation bar for the special page [[Special:AllPages]] and [[Special:PrefixIndex]]. $1 is a page title. The other parts are {{msg-mw|Allpages}} and {{msg-mw|Prevpage}}.\n\n{{Identical|Next page}}",
'position' => 'top', // For $wgPreloadJavaScriptMwUtil
'targets' => array( 'desktop', 'mobile' ),
),
+ 'mediawiki.checkboxtoggle' => array(
+ 'scripts' => 'resources/src/mediawiki/mediawiki.checkboxtoggle.js',
+ 'position' => 'top',
+ ),
+ 'mediawiki.checkboxtoggle.styles' => array(
+ 'styles' => 'resources/src/mediawiki/mediawiki.checkboxtoggle.css',
+ 'position' => 'top',
+ ),
'mediawiki.cookie' => array(
'scripts' => 'resources/src/mediawiki/mediawiki.cookie.js',
'dependencies' => 'jquery.cookie',
--- /dev/null
+.client-nojs .mw-checkbox-toggle-controls {
+ display: none;
+}
--- /dev/null
+/*!
+ * Allows users to perform all / none / invert operations on a list of
+ * checkboxes on the page.
+ *
+ * @licence GNU GPL v2+
+ * @author Luke Faraone <luke at faraone dot cc>
+ *
+ * Based on ext.nuke.js from https://www.mediawiki.org/wiki/Extension:Nuke by
+ * Jeroen De Dauw <jeroendedauw at gmail dot com>
+ */
+
+( function ( mw, $ ) {
+ 'use strict';
+
+ var $checkboxes = $( 'li input[type=checkbox]' );
+
+ function selectAll( check ) {
+ $checkboxes.prop( 'checked', check );
+ }
+
+ $( '#checkbox-all' ).click( function ( e ) {
+ selectAll( true );
+ e.preventDefault();
+ } );
+ $( '#checkbox-none' ).click( function ( e ) {
+ selectAll( false );
+ e.preventDefault();
+ } );
+ $( '#checkbox-invert' ).click( function ( e ) {
+ $checkboxes.each( function () {
+ $( this ).prop( 'checked', !$( this ).is( ':checked' ) );
+ } );
+ e.preventDefault();
+ } );
+
+}( mediaWiki, jQuery ) );
+