[enh] add simple theme (WIP)

searx/templates/simple/result_templates/code.html

@@ -0,0 +1,13 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer, result_footer_rtl %}
+
+{{ result_header(result, favicons, image_proxify) -}}
+{{- result_sub_header(result) -}}
+{%- if result.content %}{{ result.content|safe }}{% endif %}</p>
+{%- if result.repository -%}
+<p class="content"><a href="{{ result.repository|safe }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %}>{{ result.repository }}</a></p>
+{%- endif -%}
+<div dir="ltr" class="codelines">
+    {{- result.codelines|code_highlighter(result.code_language)|safe -}}
+</div>{{- '' -}}
+{{- result_sub_footer(result, proxify) -}}
+{{ result_footer(result) }}

searx/templates/simple/result_templates/default.html

@@ -0,0 +1,17 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer, result_footer_rtl %}
+
+{{ result_header(result, favicons, image_proxify) -}}
+{{- result_sub_header(result) -}}
+{% if result.embedded -%}
+<p class="altlink"> &bull; <a class="btn-collapse collapsed media-loader disabled_if_nojs" data-target="#result-media-{{ index }}" data-btn-text-collapsed="{{ _('show media') }}" data-btn-text-not-collapsed="{{ _('hide media') }}">{{ icon('music-note') }} {{ _('show media') }}</a></p>
+{%- endif %}
+<p class="content">
+  {%- if result.content %}{{ result.content|safe }}{% endif -%}
+</p>
+{{- result_sub_footer(result, proxify) -}}
+{% if result.embedded -%}
+<div id="result-media-{{ index }}" class="invisible">
+   {{- result.embedded|safe -}}
+</div>
+{%- endif %}
+{{- result_footer(result) }}

searx/templates/simple/result_templates/images.html

@@ -0,0 +1,4 @@
+<article class="result result-images {% if result['category'] %}category-{{ result['category'] }}{% endif %}">
+        <a href="{{ result.img_src }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %}><img class="image_thumbnail" src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" title="{{ result.title|striptags }}" alt="{{ result.title|striptags }}" /></a>
+        <span class="url"><a href="{{ result.url }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} class="small_font">{{ result.parsed_url[0] }}://{{ result.parsed_url[1] }}</a></span>
+</article>

searx/templates/simple/result_templates/map.html

@@ -0,0 +1,71 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer, result_footer_rtl, icon %}
+
+{{ result_header(result, favicons, image_proxify) -}}
+{{- result_sub_header(result) -}}
+
+{%- if (result.latitude and result.longitude) or result.boundingbox -%}
+    <small> &bull; <a class="btn-collapse collapsed searx_init_map hide_if_nojs" data-target="#result-map-{{ index }}" data-btn-text-collapsed="{{ _('show map') }}" data-btn-text-not-collapsed="{{ _('hide map') }}" data-leaflet-target="osm-map-{{ index }}" data-map-lon="{{ result.longitude }}" data-map-lat="{{ result.latitude }}" {% if result.boundingbox %}data-map-boundingbox='{{ result.boundingbox|tojson|safe }}'{% endif %} {% if result.geojson %}data-map-geojson='{{ result.geojson|tojson|safe }}'{% endif %}>{{ icon( 'globe') }} {{ _('show map') }}</a></small>
+{%- endif -%}
+
+{%- if result.osm and (result.osm.type and result.osm.id) -%}
+    <small> &bull; <a class="btn-collapse collapsed hide_if_nojs searx_overpass_request" data-target="#result-overpass-{{ index }}" data-btn-text-collapsed="{{ _('show details') }}" data-btn-text-not-collapsed="{{ _('hide details') }}" data-osm-type="{{ result.osm.type }}" data-osm-id="{{ result.osm.id }}" data-result-table="result-overpass-table-{{ index }}" data-result-table-loadicon="result-overpass-table-loading-{{ index }}">{{ icon('location') }} {{ _('show details') }}</a></small>
+{%- endif -%}
+{#-
+{% if (result.latitude and result.longitude) %}
+    <small> &bull; <a class="btn-collapse disabled_if_nojs" data-target="#result-geodata-{{ index }}" data-btn-text-collapsed="{{ _('show geodata') }}" data-btn-text-not-collapsed="{{ _('hide geodata') }}">{{ icon('location') }} {{ _('show geodata') }}</a></small>
+{% endif %}
+-#}
+
+{%- if result.address -%}
+<p itemscope itemtype="http://schema.org/PostalAddress" class="content">
+    {%- if result.address.name -%}
+        <strong itemprop="name">{{ result.address.name }}</strong><br/>
+    {%- endif -%}
+    {% if result.address.road -%}
+        <span itemprop="streetAddress">
+            {% if result.address.house_number %}{{ result.address.house_number }}, {% endif %}
+            {{ result.address.road }}
+        </span><br/>
+    {%- endif %}
+    {%- if result.address.locality -%}
+        <span itemprop="addressLocality">{{ result.address.locality }}</span>
+        {% if result.address.postcode %}, <span itemprop="postalCode">{{ result.address.postcode }}</span>{% endif %}
+        <br/>
+    {%- endif -%}
+    {%- if result.address.country -%}
+        <span itemprop="addressCountry">{{ result.address.country }}</span>
+    {%- endif -%}
+</p>
+{%- endif -%}
+
+{%- if result.content %}<p class="content">{{ result.content|safe }}</p>{% endif -%}
+
+{{- result_sub_footer(result, proxify) -}}
+
+{% if result.osm and (result.osm.type and result.osm.id) -%}
+    <div class="result-content invisible" id="result-overpass-{{ index }}"{% if rtl %} dir="ltr"{% endif %}>
+        <div id="result-overpass-table-loading-{{ index }}"><img src="{{ url_for('static', filename='img/loader.gif') }}" alt="Loading ..."/></div>
+        <table id="result-overpass-table-{{ index }}">
+          <thead>
+            <tr><th>key</th><th>value</th></tr>
+          </thead>
+          <tbody>
+          </tbody>
+        </table>
+    </div>
+{%- endif %}
+
+{#-
+{% if (result.latitude and result.longitude) -%}
+    <div id="result-geodata-{{ index }}" class="invisible">
+        <strong>Longitude:</strong> {{ result.longitude }} <br/>
+        <strong>Latitude:</strong> {{ result.latitude }}
+    </div>
+{%- endif %}
+-#}
+
+{% if (result.latitude and result.longitude) or result.boundingbox -%}
+    <div id="result-map-{{ index }}" class="invisible"><div id="osm-map-{{ index }}" style="height:300px; width:100%; margin: 10px 0;" ></div></div>
+{%- endif %}
+
+{{- result_footer(result) }}

searx/templates/simple/result_templates/torrent.html

@@ -0,0 +1,24 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer, result_footer_rtl, result_link %}
+
+{{ result_header(result, favicons, image_proxify) -}}
+{{- result_sub_header(result) -}}
+
+{% if result.magnetlink %}<p class="altlink"> &bull; {{ result_link(result.magnetlink, icon('magnet') + _('magnet link'), "magnetlink") }}</p>{% endif %}
+{% if result.torrentfile %}<p class="altlink"> &bull; {{ result_link(result.torrentfile, icon('download-alt') + _('torrent file'), "torrentfile") }}</p>{% endif %}
+
+{% if result.seed %}<p class="stat"> &bull; {{ icon('arrow-swap') }} {{ _('Seeder') }} <span class="badge">{{ result.seed }}</span> &bull; {{ _('Leecher') }} <span class="badge">{{ result.leech }}</span></p>{% endif %}
+
+{%- if result.filesize %}<p class="stat">{{ icon('floppy-disk') }} {{ _('Filesize') }}<span class="badge">
+    {%- if result.filesize < 1024 %}{{ result.filesize }} {{ _('Bytes') }}
+    {%- elif result.filesize < 1024*1024 %}{{ '{0:0.2f}'.format(result.filesize/1024) }} {{ _('kiB') }}
+    {%- elif result.filesize < 1024*1024*1024 %}{{ '{0:0.2f}'.format(result.filesize/1024/1024) }} {{ _('MiB') }}
+    {%- elif result.filesize < 1024*1024*1024*1024 %}{{ '{0:0.2f}'.format(result.filesize/1024/1024/1024) }} {{ _('GiB') }}
+    {%- else %}{{ '{0:0.2f}'.format(result.filesize/1024/1024/1024/1024) }} {{ _('TiB') }}{% endif -%}
+    </span></p>
+{%- endif -%}
+
+{%- if result.files %}<p class="stat">{{ icon('file') }} {{ _('Number of Files') }} <span class="badge">{{ result.files }}</span></p>{% endif -%}
+
+{%- if result.content %}<p class="content">{{ result.content|safe }}</p>{% endif -%}
+{{- result_sub_footer(result, proxify) -}}
+{{- result_footer(result) }}

searx/templates/simple/result_templates/videos.html

@@ -0,0 +1,15 @@
+{% from 'simple/macros.html' import result_header, result_sub_header, result_sub_footer, result_footer, result_footer_rtl %}
+
+{{ result_header(result, favicons, image_proxify) }}
+{{ result_sub_header(result) }}
+{% if result.embedded -%}
+<p class="altlink"> &bull; <a class="btn-collapse collapsed media-loader disabled_if_nojs" data-target="#result-video-{{ index }}" data-btn-text-collapsed="{{ _('show video') }}" data-btn-text-not-collapsed="{{ _('hide video') }}">{{ icon('film-outline') }} {{ _('show video') }}</a></p>
+{%- endif %}
+{% if result.content %}<p class="content">{{ result.content|safe }}</p>{% endif %}
+{{- result_sub_footer(result, proxify) -}}
+{% if result.embedded -%}
+<div id="result-video-{{ index }}" class="invisible">
+   {{- result.embedded|safe -}}
+</div>
+{%- endif %}
+{{ result_footer(result) }}