From 0d1318564c73c2999c7382d001adbfaad488230e Mon Sep 17 00:00:00 2001
From: Ross <xkjq@ymail.com>
Date: Mon, 27 Apr 2026 21:25:31 +0100
Subject: [PATCH] feat: Enhance series item display with additional metadata
 and modularize template

---
 atlas/models.py                               |  2 +
 .../atlas/partials/_series_item.html          | 33 ++++++++++++
 atlas/templates/atlas/user_uploads.html       | 51 +------------------
 3 files changed, 37 insertions(+), 49 deletions(-)
 create mode 100644 atlas/templates/atlas/partials/_series_item.html

diff --git a/atlas/models.py b/atlas/models.py
index 9251e3d1..c77f4113 100644
--- a/atlas/models.py
+++ b/atlas/models.py
@@ -2183,6 +2183,8 @@ class UncategorisedDicom(models.Model):
                 "SeriesInstanceUID",
                 "BodyPartExamined",
                 "SliceThickness",
+                "SeriesNumber",
+                "StudyDate",
             )
 
             tags = {}
diff --git a/atlas/templates/atlas/partials/_series_item.html b/atlas/templates/atlas/partials/_series_item.html
new file mode 100644
index 00000000..af857481
--- /dev/null
+++ b/atlas/templates/atlas/partials/_series_item.html
@@ -0,0 +1,33 @@
+<li class="series-item">
+    <div class="series-left">
+        <input class="hidden" type="checkbox" name="selection" value="{{ series }}">
+        <h5 class="series-title">{{ tags.SeriesDescription|default:series }}</h5>
+        <div class="series-meta small text-muted">
+            <div>UID: <code class="series-uid">{{ series }}</code></div>
+            {% if tags.SeriesNumber %}<div>Series #: <span class="series-number">{{ tags.SeriesNumber }}</span></div>{% endif %}
+            <div>Modality: <span class="series-modality">{{ tags.Modality }}</span></div>
+            <div>Images: <span class="series-images">{{ n }}</span></div>
+            {% if tags.StudyDate %}<div>Study date: <span class="series-study-date">{{ tags.StudyDate }}</span></div>{% endif %}
+            <div>Uploaded: <span class="series-date">{{ date }}</span></div>
+        </div>
+    </div>
+    <div class="series-right">
+        {% if tags.Modality %}
+            <span class="modality-badge">{{ tags.Modality }}</span>
+        {% endif %}
+        <span class="series-block-popup-link">
+            <a href="#" onclick="return window.create_popup_window('/atlas/uploads/series_id/{{ series }}', 'Series')">Popup</a>
+            {% if show_tags_link %}
+                &nbsp;|&nbsp;
+                <a
+                    hx-get="{% url 'atlas:series_tags_partial' series %}"
+                    hx-target="#seriesTagsModal .modal-body"
+                    hx-swap="innerHTML"
+                >View tags</a>
+            {% endif %}
+        </span>
+    </div>
+    <div class="w-100 mt-2">
+        <div id="series-tags-{{ series }}" class="series-tags-placeholder"></div>
+    </div>
+</li>
diff --git a/atlas/templates/atlas/user_uploads.html b/atlas/templates/atlas/user_uploads.html
index bdabe51c..8f191457 100644
--- a/atlas/templates/atlas/user_uploads.html
+++ b/atlas/templates/atlas/user_uploads.html
@@ -29,35 +29,7 @@
                         </summary>
                         <ul class="study-series-list">
                             {% for series, n, tags, date in study.series %}
-                                <li class="series-item">
-                                    <div class="series-left">
-                                        <input class="hidden" type="checkbox" name="selection" value="{{ series }}">
-                                        <h5 class="series-title">{{ tags.SeriesDescription|default:series }}</h5>
-                                        <div class="series-meta small text-muted">
-                                            <div>UID: <code class="series-uid">{{ series }}</code></div>
-                                            <div>Modality: <span class="series-modality">{{ tags.Modality }}</span></div>
-                                            <div>Images: <span class="series-images">{{ n }}</span></div>
-                                            <div>Uploaded: <span class="series-date">{{ date }}</span></div>
-                                        </div>
-                                    </div>
-                                    <div class="series-right">
-                                        {% if tags.Modality %}
-                                            <span class="modality-badge">{{ tags.Modality }}</span>
-                                        {% endif %}
-                                        <span class="series-block-popup-link">
-                                            <a href="#" onclick="return window.create_popup_window('/atlas/uploads/series_id/{{series}}', 'Series')">Popup</a>
-                                            &nbsp;|&nbsp;
-                                            <a
-                                                hx-get="{% url 'atlas:series_tags_partial' series %}"
-                                                hx-target="#seriesTagsModal .modal-body"
-                                                hx-swap="innerHTML"
-                                            >View tags</a>
-                                        </span>
-                                    </div>
-                                    <div class="w-100 mt-2">
-                                        <div id="series-tags-{{ series }}" class="series-tags-placeholder"></div>
-                                    </div>
-                                </li>
+                                {% include 'atlas/partials/_series_item.html' with show_tags_link=True %}
                             {% endfor %}
                         </ul>
                     </details>
@@ -65,26 +37,7 @@
             {% else %}
                 <ul>
                     {% for series, n, tags, date in series_list %}
-                        <li class="series-item">
-                            <div class="series-left">
-                                <input class="hidden" type="checkbox" name="selection" value="{{ series }}">
-                                <h5 class="series-title">{{ tags.SeriesDescription|default:series }}</h5>
-                                <div class="series-meta small text-muted">
-                                    <div>UID: <code class="series-uid">{{ series }}</code></div>
-                                    <div>Modality: <span class="series-modality">{{ tags.Modality }}</span></div>
-                                    <div>Images: <span class="series-images">{{ n }}</span></div>
-                                    <div>Uploaded: <span class="series-date">{{ date }}</span></div>
-                                </div>
-                            </div>
-                            <div class="series-right">
-                                {% if tags.Modality %}
-                                    <span class="modality-badge">{{ tags.Modality }}</span>
-                                {% endif %}
-                                <span class="series-block-popup-link">
-                                    <a href="#" onclick="return window.create_popup_window('/atlas/uploads/series_id/{{series}}', 'Series')">Popup</a>
-                                </span>
-                            </div>
-                        </li>
+                        {% include 'atlas/partials/_series_item.html' %}
                     {% endfor %}
                 </ul>
             {% endif %}