basho/partials/search.hbs

41 lines
1.4 KiB
Handlebars

{{#if @custom.content_api_key}}
{{#if is_search_core}}
<div class="search-section">
<div class="search-wrap">
<div class="search-content">
<form class="search-form" onsubmit="return false">
<input class="search-input" type="text" placeholder="{{t "Search"}}">
<div class="search-meta">
<span class="search-info">{{t "Please enter at least 3 characters"}}</span>
<span class="search-counter is-hide">
<span class="search-counter-results">0</span>
{{t "Results for your search"}}
</span>
</div>
<span class="search-close">{{>icons/site/close}}</span>
</form>
<div class="search-results global-image"></div>
</div>
</div>
<div class="search-overlay"></div>
</div>
{{#contentFor "script_js"}}
<script>
const options = {
api:'{{@site.url}}/ghost/api/content/pages/?key='+"{{@custom.content_api_key}}"+'&limit=all&formats=plaintext&fields=url,title,custom_excerpt',
threshold: 0.1,
ignoreLocation: true,
keys: ['title','custom_excerpt','plaintext'],
images: false,
excerpt: 16,
limit: 14
}
</script>
{{/contentFor}}
{{/if}}
{{/if}}
{{#if is_mobile}}
<span class="header-search search-open is-mobile"{{^if @custom.content_api_key}} data-ghost-search{{/if}}>{{>icons/site/search}}</span>
{{else if is_desktop}}
<li class="header-search search-open is-desktop global-button"{{^if @custom.content_api_key}} data-ghost-search{{/if}}><span>{{>icons/site/search}}{{t "Search"}}</span></li>
{{/if}}