211 lines
9.9 KiB
HTML
211 lines
9.9 KiB
HTML
|
{% if mobile %}
|
||
|
|
<header>
|
||
|
|
<div class="header-div">
|
||
|
|
<form class="search-form header"
|
||
|
|
id="search-form"
|
||
|
|
method="{{ 'GET' if config.get_only else 'POST' }}">
|
||
|
|
<a class="logo-link mobile-logo" href="{{ home_url }}">
|
||
|
|
<div id="mobile-header-logo">
|
||
|
|
{{ logo|safe }}
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
<div class="H0PQec mobile-input-div">
|
||
|
|
<div class="autocomplete-mobile esbc autocomplete">
|
||
|
|
{% if config.preferences %}
|
||
|
|
<input type="hidden" name="preferences" value="{{ config.preferences }}" />
|
||
|
|
{% endif %}
|
||
|
|
<input
|
||
|
|
id="search-bar"
|
||
|
|
class="mobile-search-bar"
|
||
|
|
autocapitalize="none"
|
||
|
|
autocomplete="off"
|
||
|
|
autocorrect="off"
|
||
|
|
spellcheck="false"
|
||
|
|
class="search-bar-input"
|
||
|
|
name="q"
|
||
|
|
type="text"
|
||
|
|
value="{{ clean_query(query) }}"
|
||
|
|
dir="auto">
|
||
|
|
<input id="search-reset" type="reset" value="x">
|
||
|
|
<input name="tbm" value="{{ search_type }}" style="display: none">
|
||
|
|
<input name="country" value="{{ config.country }}" style="display: none;">
|
||
|
|
<input type="submit" style="display: none;">
|
||
|
|
<div class="sc"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div>
|
||
|
|
<div class="header-tab-div">
|
||
|
|
<div class="header-tab-div-2">
|
||
|
|
<div class="header-tab-div-3">
|
||
|
|
<div class="mobile-header header-tab">
|
||
|
|
{% for tab_id, tab_content in tabs.items() %}
|
||
|
|
{% if tab_content['selected'] %}
|
||
|
|
<span class="mobile-tab-span">{{ tab_content['name'] }}</span>
|
||
|
|
{% else %}
|
||
|
|
<a class="header-tab-a" href="{{ tab_content['href'] }}">{{ tab_content['name'] }}</a>
|
||
|
|
{% endif %}
|
||
|
|
{% endfor %}
|
||
|
|
<label for="adv-search-toggle" id="adv-search-label" class="adv-search">⚙</label>
|
||
|
|
<input id="adv-search-toggle" type="checkbox">
|
||
|
|
<div class="header-tab-div-end"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="" id="s">
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
{% else %}
|
||
|
|
<header>
|
||
|
|
<div class="logo-div">
|
||
|
|
<a class="logo-link" href="{{ home_url }}">
|
||
|
|
<div class="desktop-header-logo">
|
||
|
|
{{ logo|safe }}
|
||
|
|
</div>
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div class="search-div">
|
||
|
|
<form id="search-form"
|
||
|
|
class="search-form"
|
||
|
|
id="sf"
|
||
|
|
method="{{ 'GET' if config.get_only else 'POST' }}">
|
||
|
|
<div class="autocomplete header-autocomplete">
|
||
|
|
<div style="width: 100%; display: flex">
|
||
|
|
{% if config.preferences %}
|
||
|
|
<input type="hidden" name="preferences" value="{{ config.preferences }}" />
|
||
|
|
{% endif %}
|
||
|
|
<input
|
||
|
|
id="search-bar"
|
||
|
|
autocapitalize="none"
|
||
|
|
autocomplete="off"
|
||
|
|
autocorrect="off"
|
||
|
|
class="search-bar-desktop search-bar-input"
|
||
|
|
name="q"
|
||
|
|
spellcheck="false"
|
||
|
|
type="text"
|
||
|
|
value="{{ clean_query(query) }}"
|
||
|
|
dir="auto">
|
||
|
|
<input name="tbm" value="{{ search_type }}" style="display: none">
|
||
|
|
<input name="country" value="{{ config.country }}" style="display: none;">
|
||
|
|
<input name="tbs" value="{{ config.tbs }}" style="display: none;">
|
||
|
|
<input type="submit" style="display: none;">
|
||
|
|
<div class="sc"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</header>
|
||
|
|
<div>
|
||
|
|
<div class="header-tab-div">
|
||
|
|
<div class="header-tab-div-2">
|
||
|
|
<div class="header-tab-div-3">
|
||
|
|
<div class="desktop-header header-tab">
|
||
|
|
{% for tab_id, tab_content in tabs.items() %}
|
||
|
|
{% if tab_content['selected'] %}
|
||
|
|
<span class="header-tab-span">{{ tab_content['name'] }}</span>
|
||
|
|
{% else %}
|
||
|
|
<a class="header-tab-a" href="{{ tab_content['href'] }}">{{ tab_content['name'] }}</a>
|
||
|
|
{% endif %}
|
||
|
|
{% endfor %}
|
||
|
|
<label for="adv-search-toggle" id="adv-search-label" class="adv-search">⚙</label>
|
||
|
|
<input id="adv-search-toggle" type="checkbox">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="" id="s">
|
||
|
|
</div>
|
||
|
|
{% endif %}
|
||
|
|
<div class="result-collapsible" id="adv-search-div">
|
||
|
|
<div class="result-config">
|
||
|
|
<label for="config-country">{{ translation['config-country'] }}: </label>
|
||
|
|
<select name="country" id="result-country">
|
||
|
|
{% for country in countries %}
|
||
|
|
<option value="{{ country.value }}"
|
||
|
|
{% if (
|
||
|
|
config.country != '' and config.country in country.value
|
||
|
|
) or (
|
||
|
|
config.country == '' and country.value == '')
|
||
|
|
%}
|
||
|
|
selected
|
||
|
|
{% endif %}>
|
||
|
|
{{ country.name }}
|
||
|
|
</option>
|
||
|
|
{% endfor %}
|
||
|
|
</select>
|
||
|
|
<br />
|
||
|
|
<label for="config-time-period">{{ translation['config-time-period'] }}: </label>
|
||
|
|
<select name="tbs" id="result-time-period">
|
||
|
|
{% for time_period in time_periods %}
|
||
|
|
<option value="{{ time_period.value }}"
|
||
|
|
{% if (
|
||
|
|
config.tbs != '' and config.tbs in time_period.value
|
||
|
|
) or (
|
||
|
|
config.tbs == '' and time_period.value == '')
|
||
|
|
%}
|
||
|
|
selected
|
||
|
|
{% endif %}>
|
||
|
|
{{ translation[time_period.value] }}
|
||
|
|
</option>
|
||
|
|
{% endfor %}
|
||
|
|
</select>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<script type="text/javascript" src="{{ cb_url('header.js') }}"></script>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div id="search_view">
|
||
|
|
<div class="search_box">
|
||
|
|
<input id="q" name="q" type="text" placeholder="{{ _('Search for...') }}" tabindex="1" autocomplete="off" autocapitalize="none" spellcheck="false" autocorrect="off" dir="auto" value="{{ q or '' }}">
|
||
|
|
<button id="clear_search" type="reset" aria-label="{{ _('clear') }}" class="hide_if_nojs"><span>{{ icon_big('close') }}</span><span class="show_if_nojs">{{ _('clear') }}</span></button>
|
||
|
|
<button id="send_search" type="submit" {%- if search_on_category_select -%}name="category_{{ selected_categories[0]|replace(' ', '_') }}"{%- endif -%} aria-label="{{ _('search') }}"><span class="hide_if_nojs">{{ icon_big('search-outline') }}</span><span class="show_if_nojs">{{ _('search') }}</span></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
{% set display_tooltip = true %}
|
||
|
|
{% include 'simple/categories.html' %}
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="search_filters">
|
||
|
|
{% include 'simple/filters/languages.html' %}
|
||
|
|
{% include 'simple/filters/time_range.html' %}
|
||
|
|
{% include 'simple/filters/safesearch.html' %}
|
||
|
|
</div>
|
||
|
|
<input type="hidden" name="theme" value="{{ theme }}" >
|
||
|
|
{% if timeout_limit %}<input type="hidden" name="timeout_limit" value="{{ timeout_limit|e }}" >{% endif %}
|
||
|
|
</form>
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
<div id="categories" class="search_categories">{{- '' -}}
|
||
|
|
<div id="categories_container">
|
||
|
|
{%- if not search_on_category_select or not display_tooltip -%}
|
||
|
|
{%- for category in categories_as_tabs -%}
|
||
|
|
<div class="category category_checkbox">{{- '' -}}
|
||
|
|
<input type="checkbox" id="checkbox_{{ category|replace(' ', '_') }}" name="category_{{ category }}"{% if category in selected_categories %} checked="checked"{% endif %}/>
|
||
|
|
<label for="checkbox_{{ category|replace(' ', '_') }}" class="tooltips">
|
||
|
|
{{- icon_big(category_icons[category]) if category in category_icons else icon_big('globe-outline') -}}
|
||
|
|
<div class="category_name">{{- _(category) -}}</div>
|
||
|
|
</label>
|
||
|
|
</div>
|
||
|
|
{%- endfor -%}
|
||
|
|
{%- if display_tooltip %}<div class="help">{{ _('Click on the magnifier to perform search') }}</div>{% endif -%}
|
||
|
|
{%- else -%}
|
||
|
|
{%- for category in categories_as_tabs -%}{{- '\n' -}}
|
||
|
|
<button type="submit" name="category_{{ category }}" class="category category_button {% if category in selected_categories %}selected{% endif %}">
|
||
|
|
{{- icon_big(category_icons[category]) if category in category_icons else icon_big('globe-outline') -}}
|
||
|
|
<div class="category_name">{{- _(category) -}}</div>{{- '' -}}
|
||
|
|
</button>{{- '' -}}
|
||
|
|
{%- endfor -%}
|
||
|
|
{{- '\n' -}}
|
||
|
|
{%- endif -%}
|
||
|
|
</div>{{- '' -}}
|
||
|
|
</div>
|