return "<fieldset id='mw-searchoptions'>" .
"<legend>" . $this->specialSearch->msg( 'powersearch-legend' )->escaped() . '</legend>' .
"<h4>" . $this->specialSearch->msg( 'powersearch-ns' )->parse() . '</h4>' .
- // populated by js if available
- "<div id='mw-search-togglebox'></div>" .
+ // Handled by JavaScript if available
+ '<div id="mw-search-togglebox">' .
+ '<label>' . $this->specialSearch->msg( 'powersearch-togglelabel' )->escaped() . '</label>' .
+ '<input type="button" id="mw-search-toggleall" value="' .
+ $this->specialSearch->msg( 'powersearch-toggleall' )->escaped() . '"/>' .
+ '<input type="button" id="mw-search-togglenone" value="' .
+ $this->specialSearch->msg( 'powersearch-togglenone' )->escaped() . '"/>' .
+ '</div>' .
$divider .
implode(
$divider,
],
'mediawiki.special.search' => [
'scripts' => 'resources/src/mediawiki.special.search/search.js',
- 'styles' => 'resources/src/mediawiki.special.search/search.css',
'dependencies' => 'mediawiki.widgets.SearchInputWidget',
- 'messages' => [
- 'powersearch-togglelabel',
- 'powersearch-toggleall',
- 'powersearch-togglenone',
- ],
],
'mediawiki.special.search.commonsInterwikiWidget' => [
'scripts' => 'resources/src/mediawiki.special.search.commonsInterwikiWidget.js',
/* Note that this color won't affect the link, as desired. */
color: #d33;
}
+
+#mw-search-togglebox {
+ float: right;
+}
+
+#mw-search-togglebox label {
+ margin-right: 0.25em;
+}
+
+#mw-search-togglebox input {
+ margin-left: 0.25em;
+}
+
+.client-nojs #mw-search-togglebox {
+ display: none;
+}
+++ /dev/null
-#mw-search-togglebox {
- float: right;
-}
-
-#mw-search-togglebox label {
- margin-right: 0.25em;
-}
-
-#mw-search-togglebox input {
- margin-left: 0.25em;
-}
$( 'input[autofocus]' ).eq( 0 ).focus();
}
- // Create check all/none button
+ // Attach handler for check all/none buttons
$checkboxes = $( '#powersearch input[id^=mw-search-ns]' );
- $( '#mw-search-togglebox' ).append(
- $( '<label>' )
- .text( mw.msg( 'powersearch-togglelabel' ) )
- ).append(
- $( '<input>' ).attr( 'type', 'button' )
- .attr( 'id', 'mw-search-toggleall' )
- .prop( 'value', mw.msg( 'powersearch-toggleall' ) )
- .click( function () {
- $checkboxes.prop( 'checked', true );
- } )
- ).append(
- $( '<input>' ).attr( 'type', 'button' )
- .attr( 'id', 'mw-search-togglenone' )
- .prop( 'value', mw.msg( 'powersearch-togglenone' ) )
- .click( function () {
- $checkboxes.prop( 'checked', false );
- } )
- );
+ $( '#mw-search-toggleall' ).click( function () {
+ $checkboxes.prop( 'checked', true );
+ } );
+ $( '#mw-search-togglenone' ).click( function () {
+ $checkboxes.prop( 'checked', false );
+ } );
// Change the header search links to what user entered
$headerLinks = $( '.search-types a' );