cab1105169
Adds a new advanced search icon alongside the result tabs for switching to a different country from the result page. This will obviously get populated with other methods of filtering results, but for now it's just the country selector.
136 lines
5.8 KiB
HTML
136 lines
5.8 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">
|
|
<div id="mobile-header-logo">
|
|
{{ logo|safe }}
|
|
</div>
|
|
</a>
|
|
<div class="H0PQec mobile-input-div">
|
|
<div class="autocomplete-mobile esbc autocomplete">
|
|
<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">
|
|
<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">
|
|
<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 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 class="header-tab-div-end"></div>
|
|
</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>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="{{ cb_url('header.js') }}"></script>
|