From d21dbebd6685c0814ad61073f1de4fae320f370d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 20 Mar 2022 23:39:13 +0100
Subject: [PATCH] [ui] add fullscreen viewing for images

---
 .../display/blobs/ImageViewer.svelte          | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/webui/src/components/display/blobs/ImageViewer.svelte b/webui/src/components/display/blobs/ImageViewer.svelte
index d510069..e93264c 100644
--- a/webui/src/components/display/blobs/ImageViewer.svelte
+++ b/webui/src/components/display/blobs/ImageViewer.svelte
@@ -171,9 +171,19 @@
 
     imageLoaded = true;
   }
+
+  function clicked() {
+    if (!document.fullscreenElement) {
+      if (!editable) {
+        imageEl.requestFullscreen();
+      }
+    } else {
+      document.exitFullscreen();
+    }
+  }
 </script>
 
-<div class="image-viewer">
+<div class="image-viewer" class:editable on:click={clicked}>
   {#if !imageLoaded}
     <Spinner centered />
   {/if}
@@ -212,6 +222,14 @@
     .preview-image {
       margin: auto;
     }
+
+    &:not(.editable) {
+      cursor: zoom-in;
+    }
+
+    img:fullscreen {
+      cursor: zoom-out;
+    }
   }
 
   .r6o-editor {