/*! * Add search suggestions to the search form. */ ( function ( mw, $ ) { var searchNS = $.map( mw.config.get( 'wgFormattedNamespaces' ), function ( nsName, nsID ) { if ( nsID >= 0 && mw.user.options.get( 'searchNs' + nsID ) ) { // Cast string key to number return Number( nsID ); } } ); mw.searchSuggest = { // queries the wiki and calls response with the result request: function ( api, query, response, maxRows, namespace ) { return api.get( { formatversion: 2, action: 'opensearch', search: query, namespace: namespace || searchNS, limit: maxRows, suggest: true } ).done( function ( data, jqXHR ) { response( data[ 1 ], { type: jqXHR.getResponseHeader( 'X-OpenSearch-Type' ), query: query } ); } ); } }; $( function () { var api, searchboxesSelectors, // Region where the suggestions box will appear directly below // (using the same width). Can be a container element or the input // itself, depending on what suits best in the environment. // For Vector the suggestion box should align with the simpleSearch // container's borders, in other skins it should align with the input // element (not the search form, as that would leave the buttons // vertically between the input and the suggestions). $searchRegion = $( '#simpleSearch, #searchInput' ).first(), $searchInput = $( '#searchInput' ), previousSearchText = $searchInput.val(); // Compute form data for search suggestions functionality. function getFormData( context ) { var $form, baseHref, linkParams; if ( !context.formData ) { // Compute common parameters for links' hrefs $form = context.config.$region.closest( 'form' ); baseHref = $form.attr( 'action' ); baseHref += baseHref.indexOf( '?' ) > -1 ? '&' : '?'; linkParams = $form.serializeObject(); context.formData = { textParam: context.data.$textbox.attr( 'name' ), linkParams: linkParams, baseHref: baseHref }; } return context.formData; } /** * Callback that's run when the user changes the search input text * 'this' is the search input box (jQuery object) * * @ignore */ function onBeforeUpdate() { var searchText = this.val(); if ( searchText && searchText !== previousSearchText ) { mw.track( 'mediawiki.searchSuggest', { action: 'session-start' } ); } previousSearchText = searchText; } /** * Defines the location of autocomplete. Typically either * header, which is in the top right of vector (for example) * and content which identifies the main search bar on * Special:Search. Defaults to header for skins that don't set * explicitly. * * @ignore * @param {Object} context * @return {string} */ function getInputLocation( context ) { return context.config.$region .closest( 'form' ) .find( '[data-search-loc]' ) .data( 'search-loc' ) || 'header'; } /** * Callback that's run when suggestions have been updated either from the cache or the API * 'this' is the search input box (jQuery object) * * @ignore * @param {Object} metadata */ function onAfterUpdate( metadata ) { var context = this.data( 'suggestionsContext' ); mw.track( 'mediawiki.searchSuggest', { action: 'impression-results', numberOfResults: context.config.suggestions.length, resultSetType: metadata.type || 'unknown', query: metadata.query, inputLocation: getInputLocation( context ) } ); } // The function used to render the suggestions. function renderFunction( text, context ) { var formData = getFormData( context ), textboxConfig = context.data.$textbox.data( 'mw-searchsuggest' ) || {}; // linkParams object is modified and reused formData.linkParams[ formData.textParam ] = text; // Allow trackers to attach tracking information, such // as wprov, to clicked links. mw.track( 'mediawiki.searchSuggest', { action: 'render-one', formData: formData, index: context.config.suggestions.indexOf( text ) } ); // this is the container