Image landing page for zarr images gives links to validator and iviewer

Author: will-moore

idr_gallery/templates/idr_gallery/image.html

@@ -37,10 +37,20 @@
       <h2>Image Name: {{ image.name }}</h2>
       <strong>ID: {{ image.id }}</strong><br />
       <strong>Study: {{ idr_study }}</strong>
-      <p>
-        This image is not viewable online. <br/>
-        The IDR only supports the viewing of OME-Zarr images.
-      </p>
+
+      {% if ext_info and ext_info.httpUrl %}
+        <p>
+          <!-- NB: IF we change to img_detail/ID/ to loading THIS page for zarrs, then we can't use it here (will always redirect back) -->
+          <a href="{% url 'web_image_viewer' image.id %}">View in Web Image Viewer</a><br/>
+          This image is available as an OME-Zarr file at the following URL:
+          <a href="https://ome.github.io/ome-ngff-validator/?source={{ ext_info.httpUrl }}" target="_blank">{{ ext_info.httpUrl }}</a>
+        </p>
+      {% else %}
+        <p>
+          This image is not viewable online. <br/>
+          The IDR only supports the viewing of OME-Zarr images hosted on S3.
+        </p>
+      {% endif %}
     </div>
   </div>
 

idr_gallery/views.py

@@ -552,6 +552,9 @@ def image_landing_page(request, iid, zarr_to_iviewer=False, conn=None, **kwargs)
             "entityId": ext_info.entityId,
             "id": ext_info.id,
         }
+        if ext_info.lsid and ext_info.lsid.startswith("s3:"):
+            # If ExternalInfo is an S3 URL, we can link to it directly from the landing page
+            ext_info_json["httpUrl"] = ext_info.lsid.replace("s3:", "https:").replace("?anonymous=true", "")
 
     # Image is archived and has no ExternalInfo - show other options...
     img_info = get_image_info(conn, image.id)