diff --git a/resources/skins.vector.search/App.vue b/resources/skins.vector.search/App.vue index 62ebf8b20..c805fd123 100644 --- a/resources/skins.vector.search/App.vue +++ b/resources/skins.vector.search/App.vue @@ -10,6 +10,7 @@ :title="searchTitle" :placeholder="searchPlaceholder" :aria-label="searchPlaceholder" + :search-page-title="searchPageTitle" :initial-input-value="searchQuery" :button-label="$i18n( 'searchbutton' ).text()" :form-action="action" @@ -74,6 +75,10 @@ module.exports = { } }, props: { + searchPageTitle: { + type: String, + default: 'Special:Search' + }, autofocusInput: { type: Boolean, default: false diff --git a/resources/skins.vector.search/skins.vector.search.js b/resources/skins.vector.search/skins.vector.search.js index a193691dc..eb05c4fdc 100644 --- a/resources/skins.vector.search/skins.vector.search.js +++ b/resources/skins.vector.search/skins.vector.search.js @@ -7,9 +7,11 @@ var /** * @param {HTMLElement} searchForm * @param {HTMLInputElement} search + * @param {string|null} searchPageTitle title of page used for searching e.g. Special:Search + * If null then this will default to Special:Search. * @return {void} */ -function initApp( searchForm, search ) { +function initApp( searchForm, search, searchPageTitle ) { // eslint-disable-next-line no-new new Vue( { el: searchForm, @@ -24,6 +26,7 @@ function initApp( searchForm, search ) { autofocusInput: search === document.activeElement, action: searchForm.getAttribute( 'action' ), searchAccessKey: search.getAttribute( 'accessKey' ), + searchPageTitle: searchPageTitle, searchTitle: search.getAttribute( 'title' ), searchPlaceholder: search.getAttribute( 'placeholder' ), searchQuery: search.value @@ -42,9 +45,12 @@ function initApp( searchForm, search ) { function main( document ) { var searchForm = /** @type {HTMLElement} */ ( document.querySelector( '#searchform' ) ), + titleInput = /** @type {HTMLInputElement|null} */ ( + searchForm.querySelector( 'input[name=title]' ) + ), search = /** @type {HTMLInputElement|null} */ ( document.getElementById( 'searchInput' ) ); if ( search && searchForm ) { - initApp( searchForm, search ); + initApp( searchForm, search, titleInput && titleInput.value ); } } main( document );