Sheets: use lightgallery to display images on sheets

1 files changed, 42 insertions, 0 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%}