forked from zaclys/searxng
e4e8e6da4c
Add image format and source information to display - needs changes to engines to actually display something. Displays result.source (website from which the image was taken) and result.img_format (image type and size). Result is styled with result-format and result-source classes. See PR #1566 for an example of an engine which has the necessary changes. Strip <span class="highlight">...</span> in the oscar image template.
50 lines
2.9 KiB
HTML
50 lines
2.9 KiB
HTML
{% from 'oscar/macros.html' import draw_favicon %}
|
|
|
|
<a href="{{ result.img_src }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} data-toggle="modal" data-target="#modal-{{ index }}-{{pageno}}">
|
|
<img src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" alt="{{ result.title|striptags }}" title="{{ result.title|striptags }}" class="img-thumbnail">
|
|
</a>
|
|
|
|
<div class="modal fade" id="modal-{{ index }}-{{ pageno }}" tabindex="-1" role="dialog" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-wrapper">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
|
<h4 class="modal-title">{% if result.engine~".png" in favicons %}{{ draw_favicon(result.engine) }} {% endif %}{{ result.title|striptags }}</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<img class="img-responsive center-block" src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" alt="{{ result.title|striptags }}">
|
|
{% if result.author %}<span class="photo-author">{{ result.author }}</span><br />{% endif %}
|
|
{% if result.content %}
|
|
<p class="result-content">
|
|
{{ result.content|striptags }}
|
|
</p>
|
|
{% endif %}
|
|
{% if result.img_format %}
|
|
<p class="result-format">
|
|
{{ result.img_format }}
|
|
</p>
|
|
{% endif %}
|
|
{% if result.source %}
|
|
<p class="result-source">
|
|
{{ result.source }}
|
|
</p>
|
|
{% endif %}
|
|
</div>
|
|
<div class="modal-footer">
|
|
<div class="clearfix"></div>
|
|
<span class="label label-default pull-right">{{ result.engine }}</span>
|
|
<p class="text-muted pull-left">{{ result.pretty_url }}</p>
|
|
<div class="clearfix"></div>
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<a href="{{ result.img_src }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} class="btn btn-default">{{ _('Get image') }}</a>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<a href="{{ result.url }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} class="btn btn-default">{{ _('View source') }}</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|