mediawiki-skins-Citizen/templates/Search.mustache
alistair3149 1939850369
feat(core): allow multiple search components on the same page
This will allow the search suggestion to hook up to multiple search
boxes with `.citizen-search-box` as container. Do note that the default
Citizen suggestion is hardcoded for the primary search, so it only
works for the old core search suggestion module.

This is also a prereq for implementing the Codex search like the one
from Vector.
2022-12-02 17:35:23 -05:00

34 lines
1.3 KiB
Plaintext

{{!
string form-action action attribute of the search form
string page-title page title of the search page
string msg-search search text label
string html-input raw HTML containing the input box of the search box
string html-random-href URL of Special:Random
string msg-randompage tooltip message for random page button
}}
<div class="citizen-search citizen-header__item mw-checkbox-hack-container">
<input
type="checkbox"
id="citizen-search__checkbox"
class="mw-checkbox-hack-checkbox"
role="button"
aria-labelledby="citizen-search__buttonCheckbox"
aria-haspopup="true">
<div role="search" class="citizen-search-box citizen-search__card mw-checkbox-hack-target">
<span class="citizen-search__icon citizen-ui-icon mw-ui-icon-wikimedia-search"></span>
<form action="{{form-action}}" id="searchform" autocomplete="off">
<input type="hidden" name="title" value="{{page-title}}">
<label class="screen-reader-text" for="searchInput">{{msg-search}}</label>
{{{html-input}}}
</form>
<a
class="citizen-search__random"
href="{{html-random-href}}"
title="{{msg-randompage}}">
<span class="citizen-ui-icon mw-ui-icon-wikimedia-die"></span>
<span class="screen-reader-text">{{msg-random}}</span>
</a>
</div>
{{>Search__button}}
</div>