Added proper support for font size and color
[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / pageHeaderSearch.tpl
1 {capture assign='__searchLink'}{link controller='Search'}{/link}{/capture}
2
3 {event name='settings'}
4
5 <div id="pageHeaderSearch" class="pageHeaderSearch">
6 <form method="post" action="{@$__searchLink}">
7 <div id="pageHeaderSearchInputContainer" class="pageHeaderSearchInputContainer">
8 <div class="pageHeaderSearchType dropdown">
9 <a href="#" class="button dropdownToggle">{lang}wcf.search.type.{if !$__searchObjectTypeName|empty}{@$__searchObjectTypeName}{else}everywhere{/if}{/lang}</a>
10 <ul class="dropdownMenu">
11 <li><a href="#" data-object-type="everywhere">{lang}wcf.search.type.everywhere{/lang}</a></li>
12 <li class="dropdownDivider"></li>
13
14 {hascontent}
15 {content}
16 {if !$__searchTypesScoped|empty}{@$__searchTypesScoped}{/if}
17 {/content}
18
19 <li class="dropdownDivider"></li>
20 {/hascontent}
21
22 {foreach from=$__wcf->getSearchEngine()->getAvailableObjectTypes() key=_searchObjectTypeName item=_searchObjectType}
23 {if $_searchObjectType->isAccessible()}
24 <li><a href="#" data-object-type="{@$_searchObjectTypeName}">{lang}wcf.search.type.{@$_searchObjectTypeName}{/lang}</a></li>
25 {/if}
26 {/foreach}
27
28 <li class="dropdownDivider"></li>
29 <li><a href="{@$__searchLink}">{lang}wcf.search.extended{/lang}</a></li>
30 </ul>
31 </div>
32
33 <input type="search" name="q" id="pageHeaderSearchInput" class="pageHeaderSearchInput" placeholder="{lang}wcf.global.search.enterSearchTerm{/lang}" autocomplete="off" value="{if $query|isset}{$query}{/if}" required>
34
35 <button class="pageHeaderSearchInputButton button" type="submit">
36 <span class="icon icon16 fa-search pointer" title="{lang}wcf.global.search{/lang}"></span>
37 </button>
38
39 <div id="pageHeaderSearchParameters"></div>
40
41 {@SECURITY_TOKEN_INPUT_TAG}
42 </div>
43
44 <label for="pageHeaderSearchInput" class="pageHeaderSearchLabel"></label>
45 </form>
46 </div>
47
48 {if !OFFLINE || $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')}
49 <script data-relocate="true">
50 require(['WoltLab/WCF/Ui/Search/Page'], function(UiSearchPage) {
51 UiSearchPage.init('{if !$__searchObjectTypeName|empty}{@$__searchObjectTypeName}{else}everywhere{/if}');
52 });
53 </script>
54 {/if}