From b2efb92a53654685e4faca6aaab65f08dcfc62f3 Mon Sep 17 00:00:00 2001
From: Jonas Leder <jonas@jonasled.de>
Date: Sun, 1 May 2022 12:58:57 +0200
Subject: [PATCH] open preview when clicking on image

---
 js/customElements/image.js | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/js/customElements/image.js b/js/customElements/image.js
index f8e2440..e2bdb80 100644
--- a/js/customElements/image.js
+++ b/js/customElements/image.js
@@ -1,3 +1,5 @@
+import * as basicLightbox from 'basiclightbox'
+
 class CustomImage extends HTMLElement {
     async connectedCallback(){
         const originalURL = new URL(this.getAttribute("src"), document.baseURI).href;
@@ -28,6 +30,16 @@ class CustomImage extends HTMLElement {
         image.setAttribute("loading", "lazy");
         image.setAttribute("original-src", originalURL);
         this.appendChild(image);
+
+
+        if(!(this.getAttribute("data-noPreview") === "true")) {
+            image.onclick = () => {
+                const instance = basicLightbox.create(`
+                <img src="${originalURL}">
+                `);
+                instance.show();
+            }
+        }
     }
 }