diff options
| author | Étienne Loks <etienne.loks@iggdrasil.net> | 2018-02-06 13:02:42 +0100 |
|---|---|---|
| committer | Étienne Loks <etienne.loks@iggdrasil.net> | 2018-02-06 13:02:42 +0100 |
| commit | 584309ffdf2a1fc0901d3653b97f02ec95f09e70 (patch) | |
| tree | 2f5caf6ce04024c457fad326db629b0ba9abab0c /ishtar_common/templates/ishtar | |
| parent | cdd25d0d6ad07ff89f292e5a7081c22fbf842bf0 (diff) | |
| download | Ishtar-584309ffdf2a1fc0901d3653b97f02ec95f09e70.tar.bz2 Ishtar-584309ffdf2a1fc0901d3653b97f02ec95f09e70.zip | |
Sheets: use lightgallery to display images on sheets
Diffstat (limited to 'ishtar_common/templates/ishtar')
| -rw-r--r-- | ishtar_common/templates/ishtar/blocks/window_image.html | 42 | ||||
| -rw-r--r-- | ishtar_common/templates/ishtar/sheet.html | 3 | ||||
| -rw-r--r-- | ishtar_common/templates/ishtar/sheet_source.html | 2 |
3 files changed, 46 insertions, 1 deletions
diff --git a/ishtar_common/templates/ishtar/blocks/window_image.html b/ishtar_common/templates/ishtar/blocks/window_image.html new file mode 100644 index 000000000..4b8e67ea9 --- /dev/null +++ b/ishtar_common/templates/ishtar/blocks/window_image.html @@ -0,0 +1,42 @@ +{% if item.image %} +<div id="lightgallery-{{window_id}}"> + <a href="{{item.image.url}}"> + <img class='card-img-top' src="{{item.thumbnail.url}}"> + </a> + {% comment %} + <!-- gallery test --> + <a href="{{item.image.url}}" + style="width:60px;display:inline-block;padding: 0.2em;"> + <img class='card-img-top' src="{{item.thumbnail.url}}"> + </a> + <a href="{{item.image.url}}" + style="width:60px;display:inline-block;padding: 0.2em;"> + <img class='card-img-top' src="{{item.thumbnail.url}}"> + </a> + <a href="{{item.image.url}}" + style="width:60px;display:inline-block;padding: 0.2em;"> + <img class='card-img-top' src="{{item.thumbnail.url}}"> + </a> + <a href="{{item.image.url}}" + style="width:60px;display:inline-block;padding: 0.2em;"> + <img class='card-img-top' src="{{item.thumbnail.url}}"> + </a> + <a href="{{item.image.url}}" + style="width:60px;display:inline-block;padding: 0.2em;"> + <img class='card-img-top' src="{{item.thumbnail.url}}"> + </a> + <a href="{{item.image.url}}" + style="width:60px;display:inline-block;padding: 0.2em;"> + <img class='card-img-top' src="{{item.thumbnail.url}}"> + </a> + <a href="{{item.image.url}}" + style="width:60px;display:inline-block;padding: 0.2em;"> + <img class='card-img-top' src="{{item.thumbnail.url}}"> + </a> + <a href="{{item.image.url}}" + style="width:60px;display:inline-block;padding: 0.2em;"> + <img class='card-img-top' src="{{item.thumbnail.url}}"> + </a> + {% endcomment %} +</div> +{% endif%} diff --git a/ishtar_common/templates/ishtar/sheet.html b/ishtar_common/templates/ishtar/sheet.html index ee57d312d..8cfbe22ca 100644 --- a/ishtar_common/templates/ishtar/sheet.html +++ b/ishtar_common/templates/ishtar/sheet.html @@ -80,6 +80,9 @@ '', function(){$("#{{window_id}}").remove();}, true); }); + {% if item.image %} + lightGallery(document.getElementById('lightgallery-{{window_id}}')); + {% endif%} }); </script> {% endblock %} diff --git a/ishtar_common/templates/ishtar/sheet_source.html b/ishtar_common/templates/ishtar/sheet_source.html index a1a8948dc..bedcb587e 100644 --- a/ishtar_common/templates/ishtar/sheet_source.html +++ b/ishtar_common/templates/ishtar/sheet_source.html @@ -9,7 +9,7 @@ <div class="row"> <div class="offset-lg-4 col-lg-4 offset-md-3 col-md-6 offset-sm-1 col-sm-10 col-12"> <div class="card"> - <img class='card-img-top' src="{{item.thumbnail.url}}"> + {% include "ishtar/blocks/window_image.html" %} </div> </div> </div> |