From 84db8592cb154ef56553b0953aba2e5ba4763164 Mon Sep 17 00:00:00 2001
From: Yaro Kasear <git@kasear.net>
Date: Fri, 11 Jul 2025 12:06:59 -0500
Subject: [PATCH] Add modal for viewing photos by clicking thumbnail.

---
 inventory/templates/fragments/_image_fragment.html | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/inventory/templates/fragments/_image_fragment.html b/inventory/templates/fragments/_image_fragment.html
index a2c9ecc..4ada142 100644
--- a/inventory/templates/fragments/_image_fragment.html
+++ b/inventory/templates/fragments/_image_fragment.html
@@ -4,8 +4,17 @@
 <!-- Image fragment -->
 <div class="image-slot text-center">
     {% if image %}
-        <img src="{{ url_for('static', filename=image.filename) }}" alt="Photo of ID {{ id }}" class="img-thumbnail"
-             style="max-height: 256px;">
+        <img src="{{ url_for('static', filename=image.filename) }}" alt="Image of ID {{ id }}" class="img-thumbnail"
+             style="max-height: 256px;" data-bs-toggle="modal" data-bs-target="#imageModal-{{ id }}">
+            <div class="modal fade" id="imageModal-{{ id }}" tabindex="-1">
+                <div class="modal-dialog modal-dialog-centered modal-lg">
+                    <div class="modal-content">
+                        <div class="modal-body text-center">
+                            <img src="{{ url_for('static', filename=image.filename) }}" alt="Image of ID {{ id }}" class="img-fluid">
+                        </div>
+                    </div>
+                </div>
+            </div>
     {% else %}
         <a href="#" class="link-secondary" onclick="document.getElementById('image-upload-input-{{ id }}').click(); return false;">
             {{ icons.render_icon('image', 256) }}