e56f4b315f
If the flag icon is first, it prevents easily searching the select list on the keyboard. By moving the icon fully to the right, this will enable a user to search the select list. Closes: https://github.com/searxng/searxng/issues/3645
28 lines
1.3 KiB
HTML
28 lines
1.3 KiB
HTML
<fieldset>{{- '' -}}
|
|
<legend id="pref_language">{{- _('Search language') -}}</legend>{{- '' -}}
|
|
<div class="value">{{- '' -}}
|
|
<select name='language' aria-labelledby="pref_language" aria-describedby="desc_language">{{- '' -}}
|
|
<option value="all"
|
|
{%- if current_language == 'all' %} selected="selected" {%- endif -%}>
|
|
{{- _('Default language') }} [all] {{- '' -}}
|
|
</option>{{- '' -}}
|
|
<option value="auto"
|
|
{%- if current_language == 'auto' %} selected="selected" {%- endif -%}>
|
|
{{- _('Auto-detect') }} [auto] {{- '' -}}
|
|
</option>{{- '' -}}
|
|
{% for sxng_tag,lang_name,country_name,english_name,flag in sxng_locales | sort(attribute=1) -%}
|
|
<option value="{{ sxng_tag }}"
|
|
{%- if sxng_tag == current_language %} selected="selected" {%- endif -%}>
|
|
{{ lang_name }}{%- if country_name -%}-{{ country_name }}{%- endif -%}
|
|
{{- ' ' -}}[{{sxng_tag}}]{{- ' ' -}}
|
|
{%- if flag -%}{{ flag }}{%- endif -%}
|
|
</option>
|
|
{%- endfor -%}
|
|
</select>{{- '' -}}
|
|
</div>{{- '' -}}
|
|
<div class="description" id="desc_language">
|
|
{{- _('What language do you prefer for search?') }} {{- ' ' -}}
|
|
{{- _('Choose Auto-detect to let SearXNG detect the language of your query.') -}}
|
|
</div>{{- '' -}}
|
|
</fieldset>{{- '' -}}
|