Added proper support for font size and color

[GitHub/WoltLab/WCF.git] / com.woltlab.wcf / templates / pageHeaderSearch.tpl

diff --git a/com.woltlab.wcf/templates/pageHeaderSearch.tpl b/com.woltlab.wcf/templates/pageHeaderSearch.tpl
index 8b466883e21513af51a0a8a75ff2528fd4e2dd62..1dfe96def0e3bf29547b6bf299fa7b4b29fd96f3 100644 (file)
--- a/com.woltlab.wcf/templates/pageHeaderSearch.tpl
+++ b/com.woltlab.wcf/templates/pageHeaderSearch.tpl
@@ -1,43 +1,54 @@
-{capture assign='__searchFormLink'}{link controller='Search'}{/link}{/capture}
-{capture assign='__searchInputPlaceholder'}{lang}wcf.global.search.enterSearchTerm{/lang}{/capture}
-{capture assign='__searchDropdownOptions'}<label><input type="checkbox" name="subjectOnly" value="1" /> {lang}wcf.search.subjectOnly{/lang}</label>{/capture}
-{assign var='__searchHiddenInputFields' value=''}
+{capture assign='__searchLink'}{link controller='Search'}{/link}{/capture}
 
 {event name='settings'}
 
 <div id="pageHeaderSearch" class="pageHeaderSearch">
-       <form method="post" action="{@$__searchFormLink}">
-               <div id="pageHeaderSearchInputContainer" class="pageHeaderSearchInputContainer dropdown" data-disable-auto-focus="true" data-dropdown-prevent-toggle="true">
-                       <input type="search" name="q" id="pageHeaderSearchInput" class="pageHeaderSearchInput dropdownToggle" placeholder="{@$__searchInputPlaceholder}" autocomplete="off" required="required" value="{if $query|isset}{$query}{/if}" data-toggle="search" />
-                       
-                       <ul class="dropdownMenu">
-                               {hascontent}
-                                       <li class="dropdownText">
+       <form method="post" action="{@$__searchLink}">
+               <div id="pageHeaderSearchInputContainer" class="pageHeaderSearchInputContainer">
+                       <div class="pageHeaderSearchType dropdown">
+                               <a href="#" class="button dropdownToggle">{lang}wcf.search.type.{if !$__searchObjectTypeName|empty}{@$__searchObjectTypeName}{else}everywhere{/if}{/lang}</a>
+                               <ul class="dropdownMenu">
+                                       <li><a href="#" data-object-type="everywhere">{lang}wcf.search.type.everywhere{/lang}</a></li>
+                                       <li class="dropdownDivider"></li>
+                                       
+                                       {hascontent}
                                                {content}
-                                                       {@$__searchDropdownOptions}
+                                                       {if !$__searchTypesScoped|empty}{@$__searchTypesScoped}{/if}
                                                {/content}
-                                       </li>
+                                               
+                                               <li class="dropdownDivider"></li>
+                                       {/hascontent}
+                                       
+                                       {foreach from=$__wcf->getSearchEngine()->getAvailableObjectTypes() key=_searchObjectTypeName item=_searchObjectType}
+                                               {if $_searchObjectType->isAccessible()}
+                                                       <li><a href="#" data-object-type="{@$_searchObjectTypeName}">{lang}wcf.search.type.{@$_searchObjectTypeName}{/lang}</a></li>
+                                               {/if}
+                                       {/foreach}
+                                       
                                        <li class="dropdownDivider"></li>
-                               {/hascontent}
-                               <li><a href="{@$__searchFormLink}">{lang}wcf.search.extended{/lang}</a></li>
-                       </ul>
+                                       <li><a href="{@$__searchLink}">{lang}wcf.search.extended{/lang}</a></li>
+                               </ul>
+                       </div>
+                       
+                       <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>
                        
-                       <button class="pageHeaderSearchInputButton" type="submit">
-                               <span class="icon icon16 pointer fa-search" title="{lang}wcf.global.search{/lang}"></span>
+                       <button class="pageHeaderSearchInputButton button" type="submit">
+                               <span class="icon icon16 fa-search pointer" title="{lang}wcf.global.search{/lang}"></span>
                        </button>
+                       
+                       <div id="pageHeaderSearchParameters"></div>
+                       
+                       {@SECURITY_TOKEN_INPUT_TAG}
                </div>
                
                <label for="pageHeaderSearchInput" class="pageHeaderSearchLabel"></label>
-               
-               {@$__searchHiddenInputFields}
-               {@SECURITY_TOKEN_INPUT_TAG}
        </form>
 </div>
 
 {if !OFFLINE || $__wcf->session->getPermission('admin.general.canViewPageDuringOfflineMode')}
        <script data-relocate="true">
-               $(function() {
-                       new WCF.Search.Message.SearchArea($('#pageHeaderSearchInputContainer'));
+               require(['WoltLab/WCF/Ui/Search/Page'], function(UiSearchPage) {
+                       UiSearchPage.init('{if !$__searchObjectTypeName|empty}{@$__searchObjectTypeName}{else}everywhere{/if}');
                });
        </script>
 {/if}
\ No newline at end of file