|
@@ -1,54 +1,39 @@
|
1
|
|
-<a href="#open-modal-{{ index }}-{{ pageno }}">
|
2
|
|
- <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" id="img-result-thumb-{{ index }}" />
|
3
|
|
-</a>
|
|
1
|
+{% from 'oscar/macros.html' import draw_favicon %}
|
4
|
2
|
|
5
|
|
-<style type="text/css" media="screen">
|
6
|
|
-#open-modal-{{ index }}-{{ pageno }}:target .image-container::before {
|
7
|
|
- background: url({{ image_proxify(result.img_src)|safe }}) no-repeat center/contain;
|
8
|
|
-}
|
9
|
|
-</style>
|
|
3
|
+<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}}">
|
|
4
|
+ <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">
|
|
5
|
+</a>
|
10
|
6
|
|
11
|
|
-<div id="open-modal-{{ index }}-{{ pageno }}" class="modal-image">
|
12
|
|
- <div class="container modal-dialog">
|
13
|
|
- <div class="row">
|
14
|
|
- <div class="col-md-12 col-sm-12 col-xs-12 modal-header">
|
15
|
|
- <a {% if index != 1 %}href="#open-modal-{{ index-1 }}-{{ pageno }}"{% endif %}>
|
16
|
|
- <span class="pull-left glyphicon glyphicon-chevron-left image-paging-left"></span>
|
17
|
|
- </a>
|
18
|
|
- <a href="#open-modal-{{ index+1 }}-{{ pageno }}">
|
19
|
|
- <span class="image-paging-right pull-right glyphicon glyphicon-chevron-right"></span>
|
20
|
|
- </a>
|
21
|
|
- <h4 class="modal-title image-title">{{ result.title|striptags }}</h4>
|
22
|
|
- </div>
|
23
|
|
- </div>
|
24
|
|
- <div class="row">
|
25
|
|
- <div class="col-md-12 col-sm-12 col-xs-12 modal-body">
|
26
|
|
- <a href="{{ result.img_src }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %}><div class="image-container"></div></a>
|
|
7
|
+<div class="modal fade" id="modal-{{ index }}-{{ pageno }}" tabindex="-1" role="dialog" aria-hidden="true">
|
|
8
|
+ <div class="modal-dialog">
|
|
9
|
+ <div class="modal-wrapper">
|
|
10
|
+ <div class="modal-header">
|
|
11
|
+ <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
|
12
|
+ <h4 class="modal-title">{% if result.engine~".png" in favicons %}{{ draw_favicon(result.engine) }} {% endif %}{{ result.title|striptags }}</h4>
|
27
|
13
|
</div>
|
28
|
|
- </div>
|
29
|
|
- {% if result.content %}
|
30
|
|
- <div class="row">
|
31
|
|
- <div class="col-md-12 hidden-sm hidden-xs modal-body">
|
32
|
|
- <p class="result-content">{{ result.content|safe }}</p>
|
|
14
|
+ <div class="modal-body">
|
|
15
|
+ <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 }}">
|
33
|
16
|
{% if result.author %}<span class="photo-author">{{ result.author }}</span><br />{% endif %}
|
|
17
|
+ {% if result.content %}
|
|
18
|
+ <p class="result-content">
|
|
19
|
+ {{ result.content }}
|
|
20
|
+ </p>
|
|
21
|
+ {% endif %}
|
34
|
22
|
</div>
|
35
|
|
- </div>
|
36
|
|
- {% endif %}
|
37
|
|
- <div class="modal-footer">
|
38
|
|
- <div class="row">
|
39
|
|
- <div class="col-md-10 col-xs-12">
|
40
|
|
- <p class="text-muted pull-left">{{ result.pretty_url }}</p>
|
|
23
|
+ <div class="modal-footer">
|
|
24
|
+ <div class="clearfix"></div>
|
|
25
|
+ <span class="label label-default pull-right">{{ result.engine }}</span>
|
|
26
|
+ <p class="text-muted pull-left">{{ result.pretty_url }}</p>
|
|
27
|
+ <div class="clearfix"></div>
|
|
28
|
+ <div class="row">
|
|
29
|
+ <div class="col-md-6">
|
|
30
|
+ <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>
|
|
31
|
+ </div>
|
|
32
|
+ <div class="col-md-6">
|
|
33
|
+ <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>
|
|
34
|
+ </div>
|
41
|
35
|
</div>
|
42
|
|
- <div class="col-md-2 hidden-sm hidden-xs">
|
43
|
|
- <span class="label label-default pull-right">{{ result.engine }}</span>
|
44
|
|
- </div>
|
45
|
|
- </div>
|
46
|
|
- <div class="row">
|
47
|
|
- <a href="{{ result.url }}" class="btn btn-default">
|
48
|
|
- {{ _('View source') }}
|
49
|
|
- </a>
|
50
|
36
|
</div>
|
51
|
37
|
</div>
|
52
|
38
|
</div>
|
53
|
|
- <a href="#img-result-thumb-{{ index }}-{{ pageno }}" class="modal-close"></a>
|
54
|
39
|
</div>
|