From c448abd99a470e1ec541027077dcdef0745270d8 Mon Sep 17 00:00:00 2001
From: Feuerfuchs <git@feuerfuchs.dev>
Date: Sun, 23 Jun 2019 17:29:07 +0200
Subject: Show expandable thumbnails for images

---
 assets/main.js | 39 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 39 insertions(+)
 create mode 100644 assets/main.js

(limited to 'assets/main.js')

diff --git a/assets/main.js b/assets/main.js
new file mode 100644
index 0000000..46cb7ee
--- /dev/null
+++ b/assets/main.js
@@ -0,0 +1,39 @@
+"use strict";
+var linkQryEls = document.getElementsByClassName('link--QRY');
+var i = linkQryEls.length;
+while (i--) {
+    linkQryEls[i].addEventListener('click', function (e) {
+        e.preventDefault();
+        var resp = prompt('Please enter required input: ', '');
+        if ((resp !== null) && (resp !== "")) {
+            window.location.href = e.target.href + '?' + resp;
+        }
+        return false;
+    });
+}
+var imgPreviewEls = document.getElementsByClassName('img-preview');
+i = imgPreviewEls.length;
+var _loop_1 = function () {
+    var imgPreviewEl = imgPreviewEls[i];
+    var child = imgPreviewEl.children[0];
+    var thumbnailUrl = child.src;
+    child.addEventListener('load', function (e) {
+        child.classList.remove('faded');
+    });
+    imgPreviewEls[i].addEventListener('click', function (e) {
+        e.preventDefault();
+        child.classList.add('faded');
+        if (child.classList.contains('expanded')) {
+            child.classList.remove('expanded');
+            child.src = thumbnailUrl;
+        }
+        else {
+            child.classList.add('expanded');
+            child.src = imgPreviewEl.href;
+        }
+        return false;
+    });
+};
+while (i--) {
+    _loop_1();
+}
-- 
cgit v1.2.3-54-g00ecf