Add image size display to series viewer: implement HTMX endpoint and partial template for total image size

atlas/templates/atlas/partials/_series_image_size.html

@@ -0,0 +1,13 @@
+<div class="d-flex align-items-center justify-content-between">
+    <div>
+        <div class="small text-muted">Total images size</div>
+        <div class="fw-bold">{{ size_human }}</div>
+        <div class="text-muted small">({{ size_bytes }} bytes)</div>
+    </div>
+    <div class="text-end">
+        <button class="btn btn-sm btn-outline-secondary" 
+                hx-get="{% url 'atlas:series_image_size' series.pk %}?refresh=1"
+                hx-target="#series-image-size"
+                hx-swap="innerHTML">Recalculate</button>
+    </div>
+</div>

atlas/templates/atlas/series_viewer.html

@@ -170,6 +170,18 @@
                     </div>
                 </div>
 
+                <div class="card mb-3">
+                    <div class="card-header">Images size</div>
+                    <div class="card-body">
+                        <div id="series-image-size"
+                             hx-get="{% url 'atlas:series_image_size' series.pk %}"
+                             hx-trigger="load"
+                             hx-swap="innerHTML">
+                            <p class="text-muted small">Loading size...</p>
+                        </div>
+                    </div>
+                </div>
+
                 <div class="card mb-3">
                     <div class="card-header">Actions</div>
                     <div class="card-body d-flex flex-column gap-2">