Merge pull request #2481 / [mod] template preferences: split into elements

HINT: this patch has no functional change / it is the preparation for following changes and bugfixes

Over the years, the preferences template became an unmanageable beast. To make the source code more readable the monolith is splitted into elements. The splitting into elements also has the advantage that a new template can make use of them.

The reversed checkbox is a quirk that is only used in the prefereces and must be eliminated in the long term. For this the macro 'checkbox_onoff_reversed' was added to the preferences.html template. The 'checkbox' macro is also a quirk of the preferences.html we don't want to use in other templates (it is an input-checkbox in a HTML form that was misused for status display).

17 files changed, 415 insertions, 0 deletions

diff --git a/searx/templates/simple/preferences/answerers.html b/searx/templates/simple/preferences/answerers.html
new file mode 100644
index 000000000..b2770c2f5
--- /dev/null
+++ b/searx/templates/simple/preferences/answerers.html
@@ -0,0 +1,43 @@
+<div class="scrollx">{{- '' -}}
+  <table class="striped">{{- '' -}}
+    <tr>{{- '' -}}
+      <th>{{ _('Allow') }}</th>{{- '' -}}
+      <th>{{ _('Keywords') }}</th>{{- '' -}}
+      <th>{{ _('Name') }}</th>{{- '' -}}
+      <th>{{ _('Description') }}</th>{{- '' -}}
+      <th>{{ _('Examples') }}</th>{{- '' -}}
+    </tr>{{- '' -}}
+
+    <td></td>{{- '' -}}
+    <th scope="colgroup" colspan="4">
+      {{- _("This is the list of SearXNG's instant answering modules.") -}}
+    </th>
+
+    {%- for answerer in answerers -%}
+      <tr>{{- '' -}}
+        <td></td>{{- '' -}}
+        <td>{{ answerer.keywords|join(', ') }}</td>{{- '' -}}
+        <td>{{ answerer.info.name }}</td>{{- '' -}}
+        <td>{{ answerer.info.description }}</td>{{- '' -}}
+        <td>{{ answerer.info.examples|join(', ') }}</td>{{- '' -}}
+      </tr>
+    {%- endfor -%}
+
+    <td></td>{{- '' -}}
+    <th scope="colgroup" colspan="4">
+      {{- _('This is the list of plugins.') -}}
+    </th>{{- '' -}}
+
+    {%- for plugin in plugins -%}
+      {%- if plugin.preference_section == 'query' -%}
+        <tr>{{- '' -}}
+          <td>{{- checkbox_onoff_reversed('plugin_' + plugin.id, plugin.id not in allowed_plugins) -}}</td>{{- '' -}}
+          <td>{{ plugin.query_keywords|join(', ') }}</td>{{- '' -}}
+          <td>{{ _(plugin.name) }}</td>{{- '' -}}
+          <td>{{ _(plugin.description) }}</td>{{- '' -}}
+          <td>{{ plugin.query_examples }}</td>{{- '' -}}
+        </tr>
+      {%- endif -%}
+    {%- endfor -%}
+  </table>{{- '' -}}
+</div>{{- '' -}}
diff --git a/searx/templates/simple/preferences/autocomplete.html b/searx/templates/simple/preferences/autocomplete.html
new file mode 100644
index 000000000..17ee22953
--- /dev/null
+++ b/searx/templates/simple/preferences/autocomplete.html
@@ -0,0 +1,17 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_autocomplete">{{- _('Autocomplete') -}}</legend>{{- '' -}}
+  <div class="value">{{- '' -}}
+    <select name="autocomplete" aria-labelledby="pref_autocomplete">{{- '' -}}
+      <option value=""> - </option>
+      {%- for backend in autocomplete_backends -%}
+        <option value="{{ backend }}"
+          {%- if backend == autocomplete %} selected="selected" {%- endif -%}>
+          {{- backend -}}
+        </option>
+      {%- endfor -%}
+    </select>{{- '' -}}
+  </div>{{- '' -}}
+  <div class="description">
+    {{- _('Find stuff as you type') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
diff --git a/searx/templates/simple/preferences/center_alignment.html b/searx/templates/simple/preferences/center_alignment.html
new file mode 100644
index 000000000..983a3957b
--- /dev/null
+++ b/searx/templates/simple/preferences/center_alignment.html
@@ -0,0 +1,12 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_center_alignment">{{ _('Center Alignment') }}</legend>{{- '' -}}
+  <p class="value">{{- '' -}}
+    <select name="center_alignment" aria-labelledby="pref_center_alignment">{{- '' -}}
+      <option value="1" {% if preferences.get_value('center_alignment') %}selected="selected"{% endif %}>{{ _('On') }}</option>{{- '' -}}
+      <option value="0" {% if not preferences.get_value('center_alignment') %}selected="selected"{% endif %}>{{ _('Off')}}</option>{{- '' -}}
+    </select>{{- '' -}}
+  </p>{{- '' -}}
+  <div class="description">
+    {{- _('Displays results in the center of the page (Oscar layout).') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
diff --git a/searx/templates/simple/preferences/cookies.html b/searx/templates/simple/preferences/cookies.html
new file mode 100644
index 000000000..f84251ef6
--- /dev/null
+++ b/searx/templates/simple/preferences/cookies.html
@@ -0,0 +1,45 @@
+<p class="text-muted">
+  {{- _('This is the list of cookies and their values SearXNG is storing on your computer.') }}
+  <br />{{- _('With that list, you can assess SearXNG transparency.') -}}
+  <br />{{- '' -}}
+</p>
+{% if cookies %}
+  <table class="cookies">
+    <tr>{{- '' -}}
+      <th>{{ _('Cookie name') }}</th>{{- '' -}}
+      <th>{{ _('Value') }}</th>{{- '' -}}
+    </tr>
+    {%- for cookie in cookies -%}
+      <tr>{{- '' -}}
+        <td>{{ cookie }}</td>{{- '' -}}
+        <td>{{ cookies[cookie] }}</td>{{- '' -}}
+      </tr>
+    {%- endfor -%}
+  </table>
+{%- else -%}
+  {% include 'simple/messages/no_cookies.html' %}
+{% endif %}
+<h4>
+  {{- _('Search URL of the currently saved preferences') -}}:{{- '' -}}
+</h4>{{- '' -}}
+<div class="selectable_url">{{- '' -}}
+  <pre>
+    {{- url_for('index', _external=True) -}}?preferences={{- preferences_url_params|e -}}
+    {%- raw -%}&amp;q=%s{%- endraw -%}
+  </pre>{{- '' -}}
+</div>{{- '' -}}
+<p class="small_font">
+  {{- _('Note: specifying custom settings in the search URL can reduce privacy by leaking data to the clicked result sites.') -}}
+</p>
+<h4>
+  {{- _('URL to restore your preferences in another browser') -}}:{{- '' -}}
+</h4>{{- '' -}}
+<div class="selectable_url">{{- '' -}}
+  <pre>
+    {{- url_for('preferences', _external=True) -}}?preferences={{- preferences_url_params|e -}}
+    &amp;save=1{{- '' -}}
+  </pre>{{- '' -}}
+</div>{{- '' -}}
+<p class="small_font">
+  {{- _('Specifying custom settings in the preferences URL can be used to sync preferences across devices.') -}}
+</p>
diff --git a/searx/templates/simple/preferences/doi_resolver.html b/searx/templates/simple/preferences/doi_resolver.html
new file mode 100644
index 000000000..a53e964f9
--- /dev/null
+++ b/searx/templates/simple/preferences/doi_resolver.html
@@ -0,0 +1,16 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_doi_resolver">{{- _('Open Access DOI resolver') -}}</legend>{{- '' -}}
+  <div class="value">{{- '' -}}
+    <select id='doi_resolver' name='doi_resolver' aria-labelledby="pref_doi_resolver">{{- '' -}}
+      {%- for doi_resolver_name,doi_resolver_url in doi_resolvers.items() -%}
+        <option value="{{ doi_resolver_name }}"
+                {%- if doi_resolver_url == current_doi_resolver %} selected="selected" {%- endif -%}>
+                {{- doi_resolver_name }} - {{ doi_resolver_url -}}
+        </option>
+      {%- endfor -%}
+    </select>{{- '' -}}
+  </div>{{- '' -}}
+  <div class="description">
+    {{- _('Select service used by DOI rewrite') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
diff --git a/searx/templates/simple/preferences/engines.html b/searx/templates/simple/preferences/engines.html
new file mode 100644
index 000000000..66610024f
--- /dev/null
+++ b/searx/templates/simple/preferences/engines.html
@@ -0,0 +1,93 @@
+{%- set ns = namespace(checked=true) -%}
+{%- for categ in categories_as_tabs + [DEFAULT_CATEGORY] -%}
+
+  {{- tab_header('enginetab', 'category_' + categ, _(categ), ns.checked ) -}}
+
+  {%- set ns.checked = false -%}
+  {%- if categ == DEFAULT_CATEGORY -%}
+    <p>
+      {{- _('This tab does not exists in the user interface, but you can search in these engines by its !bangs.') -}}
+      {{- ' ' -}}<a href="{{ url_for('info', pagename='search-syntax') }}">&#9432;</a>
+    </p>
+  {%- endif -%}
+  <div class="scrollx">{{- '' -}}
+    <table class="striped table_engines">{{- '' -}}
+
+      <tr>{{- '' -}}
+        <th class="engine_checkbox">{{- _("Allow") -}}</th>{{- '' -}}
+        <th class="name">{{- _("Engine name") -}}</th>{{- '' -}}
+        <th class="shortcut">{{ _("!bang") -}}</th>{{- '' -}}
+        <th>{{- _("Supports selected language") -}}</th>{{- '' -}}
+        <th>{{- _("SafeSearch") -}}</th>{{- '' -}}
+        <th>{{- _("Time range") -}}</th>{{- '' -}}
+        {%- if enable_metrics -%}
+          <th>{{- _("Response time") -}}</th>
+        {%- endif -%}
+        <th>{{- _("Max time") -}}</th>
+        {%- if enable_metrics -%}
+          <th>{{- _("Reliability") }}</th>
+        {%- endif -%}
+      </tr>{{- '' -}}
+
+      {%- for group, group_bang, engines in engines_by_category[categ] | group_engines_in_tab -%}
+
+        {%- if loop.length > 1 -%}
+          <tr>{{- '' -}}
+            <th class="engine-group" colspan="2">{{- _(group) -}}</th>{{- '' -}}
+            <th class="engine-group" colspan="7">
+              {%- if group_bang -%}
+                <span class="bang">{{- group_bang -}}</span>
+              {%- endif -%}</th>{{- '' -}}
+          </tr>{{- '' -}}
+        {%- endif -%}
+
+        {%- for search_engine in engines -%}
+          {%- if not search_engine.private -%}
+            {%- set engine_id = 'engine_' + search_engine.name|replace(' ', '_') + '__' + categ|replace(' ', '_') -%}
+            <tr>{{- '' -}}
+              <td>
+                {{- checkbox_onoff_reversed(engine_id, (search_engine.name, categ) in disabled_engines) -}}
+              </td>{{- '' -}}
+              <th class="name" data-engine-name="{{ search_engine.name }}">
+                {%- if search_engine.enable_http -%}
+                  {{- icon_big('warning', 'No HTTPS') -}}
+                {%- endif -%}
+                <label for="{{ engine_id }}">
+                  {{- ' ' -}}{{- search_engine.name -}}
+                  {%- if search_engine.about and search_engine.about.language -%}
+                    {{- ' ' -}}({{search_engine.about.language | upper}})
+                  {%- endif -%}
+                  </label>
+                  {{- engine_about(search_engine) -}}
+              </th>{{- '' -}}
+              <td class="shortcut">{{- '' -}}
+                <span class="bang">{{ '!' + shortcuts[search_engine.name] }}</span>{{- '' -}}
+              </td>{{- '' -}}
+              <td>
+                {{- checkbox(None, supports[search_engine.name]['supports_selected_language'], true) -}}
+              </td>{{- '' -}}
+              <td>
+                {{- checkbox(None, supports[search_engine.name]['safesearch'], true) -}}
+              </td>{{- '' -}}
+              <td>
+                {{- checkbox(None, supports[search_engine.name]['time_range_support'], true) -}}
+              </td>{{- '' -}}
+              {%- if enable_metrics -%}
+                {{- engine_time(search_engine.name) -}}
+              {%- endif -%}
+              <td class="{{ 'danger' if stats[search_engine.name]['warn_timeout'] else '' }}">
+                {{- search_engine.timeout -}}
+              </td>{{- '' -}}
+              {%- if enable_metrics -%}
+                {{- engine_reliability(search_engine.name) -}}
+              {%- endif -%}
+            </tr>
+          {%- endif -%}
+        {%- endfor -%}
+      {%- endfor -%}
+    </table>{{- '' -}}
+  </div>
+
+  {{- tab_footer() -}}
+
+{%- endfor -%}
diff --git a/searx/templates/simple/preferences/footer.html b/searx/templates/simple/preferences/footer.html
new file mode 100644
index 000000000..57a0ddaf8
--- /dev/null
+++ b/searx/templates/simple/preferences/footer.html
@@ -0,0 +1,14 @@
+<p class="small_font">
+  {{- _('These settings are stored in your cookies, this allows us not to store this data about you.') -}}
+  <br />{{- _("These cookies serve your sole convenience, we don't use these cookies to track you.") -}}
+</p>{{- '' -}}
+
+<input type="submit" value="{{ _('Save') }}" />{{- '' -}}
+
+<div class="{% if rtl %}left{% else %}right{% endif %} preferences_back">{{- '' -}}
+  <a href="{{ url_for('clear_cookies') }}">{{ _('Reset defaults') }}</a>{{- '' -}}
+</div>{{- '' -}}
+
+<div class="{% if rtl %}left{% else %}right{% endif %} preferences_back">{{- '' -}}
+  <a href="{{ url_for('index') }}">{{ _('Back') }}</a>{{- '' -}}
+</div>
diff --git a/searx/templates/simple/preferences/image_proxy.html b/searx/templates/simple/preferences/image_proxy.html
new file mode 100644
index 000000000..c636a3172
--- /dev/null
+++ b/searx/templates/simple/preferences/image_proxy.html
@@ -0,0 +1,12 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_image_proxy">{{ _('Image proxy') }}</legend>{{- '' -}}
+  <p class="value">{{- '' -}}
+    <select name='image_proxy' aria-labelledby="pref_image_proxy">{{- '' -}}
+      <option value="1" {% if image_proxy %}selected="selected"{% endif %}>{{ _('Enabled') }}</option>{{- '' -}}
+      <option value="0" {% if not image_proxy %}selected="selected"{% endif %}>{{ _('Disabled') }}</option>{{- '' -}}
+    </select>{{- '' -}}
+  </p>
+  <div class="description">
+    {{- _('Proxying image results through SearXNG') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
diff --git a/searx/templates/simple/preferences/infinite_scroll.html b/searx/templates/simple/preferences/infinite_scroll.html
new file mode 100644
index 000000000..df91b5f2e
--- /dev/null
+++ b/searx/templates/simple/preferences/infinite_scroll.html
@@ -0,0 +1,12 @@
+<fieldset>{{- '' -}}
+  <legend>{{ _('Infinite scroll') }}</legend>{{- '' -}}
+  <p class="value">{{- '' -}}
+    <select name='infinite_scroll'>{{- '' -}}
+      <option value="1" {% if infinite_scroll %}selected="selected"{% endif %}>{{ _('On') }}</option>{{- '' -}}
+      <option value="0" {% if not infinite_scroll %}selected="selected"{% endif %}>{{ _('Off')}}</option>{{- '' -}}
+    </select>{{- '' -}}
+  </p>{{- '' -}}
+  <div class="description">
+    {{- _('Automatically load next page when scrolling to bottom of current page') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
diff --git a/searx/templates/simple/preferences/language.html b/searx/templates/simple/preferences/language.html
new file mode 100644
index 000000000..809c516df
--- /dev/null
+++ b/searx/templates/simple/preferences/language.html
@@ -0,0 +1,27 @@
+<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 -%}>
+                {%- if flag -%}{{ flag }} {% endif -%}
+                {{ lang_name }}{%- if country_name -%}-{{ country_name }}{%- endif -%}
+                {{- ' ' -}}[{{sxng_tag}}]{{- '' -}}
+        </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>{{- '' -}}
diff --git a/searx/templates/simple/preferences/method.html b/searx/templates/simple/preferences/method.html
new file mode 100644
index 000000000..0e44b6435
--- /dev/null
+++ b/searx/templates/simple/preferences/method.html
@@ -0,0 +1,16 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_method">{{- _('HTTP Method') -}}</legend>{{- '' -}}
+  <div class="value">{{- '' -}}
+    <select name='method' aria-labelledby="pref_method">{{- '' -}}
+      <option value="POST"
+              {%- if method == 'POST' %} selected="selected"{%- endif -%}>POST{{- '' -}}
+      </option>{{- '' -}}
+      <option value="GET"
+              {%- if method == 'GET' %} selected="selected"{%- endif -%}>GET{{- '' -}}
+      </option>{{- '' -}}
+    </select>{{- '' -}}
+  </div>{{- '' -}}
+  <div class="description">
+    {{- _('Change how forms are submitted, <a href="http://en.wikipedia.org/wiki/Hypertext_Transfer_Protocol#Request_methods" rel="external">learn more about request methods</a>') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
diff --git a/searx/templates/simple/preferences/query_in_title.html b/searx/templates/simple/preferences/query_in_title.html
new file mode 100644
index 000000000..12d0e5577
--- /dev/null
+++ b/searx/templates/simple/preferences/query_in_title.html
@@ -0,0 +1,12 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_query_in_title">{{ _("Query in the page's title") }}</legend>
+  <p class="value">{{- '' -}}
+    <select name='query_in_title' aria-labelledby="pref_query_in_title">{{- '' -}}
+      <option value="1" {% if query_in_title %}selected="selected"{% endif %}>{{ _('Enabled') }}</option>{{- '' -}}
+      <option value="0" {% if not query_in_title %}selected="selected"{% endif %}>{{ _('Disabled') }}</option>{{- '' -}}
+    </select>{{- '' -}}
+  </p>{{- '' -}}
+  <div class="description">
+    {{- _("When enabled, the result page's title contains your query. Your browser can record this title") -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
diff --git a/searx/templates/simple/preferences/results_on_new_tab.html b/searx/templates/simple/preferences/results_on_new_tab.html
new file mode 100644
index 000000000..c0d6c51a5
--- /dev/null
+++ b/searx/templates/simple/preferences/results_on_new_tab.html
@@ -0,0 +1,12 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_results_on_new_tab">{{ _('Results on new tabs') }}</legend>{{- '' -}}
+  <p class="value">{{- '' -}}
+    <select name='results_on_new_tab' aria-labelledby="pref_results_on_new_tab">{{- '' -}}
+      <option value="1" {% if results_on_new_tab %}selected="selected"{% endif %}>{{ _('On') }}</option>{{- '' -}}
+      <option value="0" {% if not results_on_new_tab %}selected="selected"{% endif %}>{{ _('Off')}}</option>{{- '' -}}
+    </select>{{- '' -}}
+  </p>{{- '' -}}
+  <div class="description">
+    {{- _('Open result links on new browser tabs') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
diff --git a/searx/templates/simple/preferences/safesearch.html b/searx/templates/simple/preferences/safesearch.html
new file mode 100644
index 000000000..1e33da3c8
--- /dev/null
+++ b/searx/templates/simple/preferences/safesearch.html
@@ -0,0 +1,22 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_safesearch">{{- _('SafeSearch') -}}</legend>{{- '' -}}
+  <div class="value">{{- '' -}}
+    <select name='safesearch' aria-labelledby="pref_safesearch">{{- '' -}}
+      <option value="2"
+              {%- if safesearch == '2' %} selected="selected" {%- endif -%}>
+              {{- _('Strict') -}}
+      </option>{{- '' -}}
+      <option value="1"
+              {%- if safesearch == '1' %} selected="selected" {%- endif -%}>
+              {{- _('Moderate') -}}
+      </option>{{- '' -}}
+      <option value="0"
+              {%- if safesearch == '0' %} selected="selected" {%- endif -%}>
+              {{- _('None') -}}
+      </option>{{- '' -}}
+    </select>{{- '' -}}
+  </div>{{- '' -}}
+  <div class="description">
+    {{- _('Filter content') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
diff --git a/searx/templates/simple/preferences/theme.html b/searx/templates/simple/preferences/theme.html
new file mode 100644
index 000000000..f75bb24b7
--- /dev/null
+++ b/searx/templates/simple/preferences/theme.html
@@ -0,0 +1,35 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_theme">{{- _('Theme') -}}</legend>{{- '' -}}
+  <div class="value">{{- '' -}}
+    <select name="theme" aria-labelledby="pref_theme">{{- '' -}}
+      {%- for name in themes -%}
+        <option value="{{ name }}"
+                {%- if name == theme %} selected="selected"{%- endif -%}>
+                {{- name -}}
+        </option>
+      {%- endfor -%}
+    </select>{{- '' -}}
+  </div>{{- '' -}}
+  <div class="description">
+    {{- _('Change SearXNG layout') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
+
+<fieldset>{{- '' -}}
+  <legend id="pref_simple_style">{{- _('Theme style') -}}</legend>{{- '' -}}
+  <div class="value">{{- '' -}}
+    <select name="simple_style" aria-labelledby="pref_simple_style">
+      {%- for name in ['auto', 'light', 'dark'] -%}
+        <option value="{{ name }}"
+                {%- if name == preferences.get_value('simple_style') %} selected="selected" {%- endif -%}>
+                {{- _(name) -}}
+        </option>
+      {%- endfor -%}
+    </select>{{- '' -}}
+  </div>{{- '' -}}
+  <div class="description">
+    {{- _('Choose auto to follow your browser settings') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
+
+{%- include 'simple/preferences/center_alignment.html' -%}
diff --git a/searx/templates/simple/preferences/tokens.html b/searx/templates/simple/preferences/tokens.html
new file mode 100644
index 000000000..11d85c75f
--- /dev/null
+++ b/searx/templates/simple/preferences/tokens.html
@@ -0,0 +1,11 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_tokens">{{- _('Engine tokens') -}}</legend>{{- '' -}}
+  <div class="value">{{- '' -}}
+    <input name="tokens" aria-labelledby="pref_tokens" type="text"
+           autocomplete="off" spellcheck="false" autocorrect="off"
+           value='{{ preferences.tokens.get_value() }}'/>{{- '' -}}
+  </div>{{- '' -}}
+  <div class="description">
+    {{- _('Access tokens for private engines') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}
diff --git a/searx/templates/simple/preferences/ui_locale.html b/searx/templates/simple/preferences/ui_locale.html
new file mode 100644
index 000000000..99f79cc8b
--- /dev/null
+++ b/searx/templates/simple/preferences/ui_locale.html
@@ -0,0 +1,16 @@
+<fieldset>{{- '' -}}
+  <legend id="pref_ui_locale">{{- _('Interface language') -}}</legend>{{- '' -}}
+  <div class="value">{{- '' -}}
+    <select name='locale' aria-labelledby="pref_ui_locale">{{- '' -}}
+      {%- for locale_id,locale_name in locales.items() | sort -%}
+        <option value="{{ locale_id }}"
+                {%- if locale_id == current_locale %} selected="selected" {%- endif %}>
+                {{- locale_name -}}
+        </option>{{- '' -}}
+      {%- endfor -%}
+    </select>{{- '' -}}
+  </div>{{- '' -}}
+  <div class="description">
+    {{- _('Change the language of the layout') -}}
+  </div>{{- '' -}}
+</fieldset>{{- '' -}}