From 2f35b1c6be17ae9709ffc5792a2736912327b3cb Mon Sep 17 00:00:00 2001
From: DepFA <35278260+dfaker@users.noreply.github.com>
Date: Mon, 19 Sep 2022 02:35:47 +0100
Subject: Add logic for zoom toggle

---
 javascript/imageviewer.js | 25 +++++++++++++++++++++----
 1 file changed, 21 insertions(+), 4 deletions(-)

diff --git a/javascript/imageviewer.js b/javascript/imageviewer.js
index 880f1183..c04cde34 100644
--- a/javascript/imageviewer.js
+++ b/javascript/imageviewer.js
@@ -80,6 +80,17 @@ function showGalleryImage(){
     }, 100);
 }
 
+function modalZoomToggle(event){
+    modalImage = gradioApp().getElementById("modalImage");
+    console.log(modalImage)
+    if( !modalImage.classList.contains('modalImageFullscreen') ){
+        modalImage.classList.add('modalImageFullscreen');
+    }else{
+        modalImage.classList.remove('modalImageFullscreen');
+    }
+    event.stopPropagation()
+}
+
 function galleryImageHandler(e){
     if(e && e.parentElement.tagName == 'BUTTON'){
         e.onclick = showGalleryImage;
@@ -97,16 +108,22 @@ document.addEventListener("DOMContentLoaded", function() {
     const modalFragment = document.createDocumentFragment();
     const modal = document.createElement('div')
     modal.onclick = closeModal;
-    
+    modal.id = "lightboxModal";
+    modal.tabIndex=0
+    modal.addEventListener('keydown', modalKeyHandler, true)
+
     const modalClose = document.createElement('span')
     modalClose.className = 'modalClose cursor';
     modalClose.innerHTML = '&times;'
     modalClose.onclick = closeModal;
-    modal.id = "lightboxModal";
-    modal.tabIndex=0
-    modal.addEventListener('keydown', modalKeyHandler, true)
     modal.appendChild(modalClose)
 
+    const modalZoom = document.createElement('span')
+    modalZoom.className = 'modalZoom cursor';
+    modalZoom.innerHTML = '&#10529;'
+    modalZoom.addEventListener('click', modalZoomToggle, true)
+    modal.appendChild(modalZoom)
+
     const modalImage = document.createElement('img')
     modalImage.id = 'modalImage';
     modalImage.onclick = closeModal;
-- 
cgit v1.2.1