Implement modal for case fields and add partial endpoint for dynamic content retrieval

atlas/templates/atlas/collection_detail.html

@@ -150,6 +150,12 @@
         {% endif %}
 
         {% include 'exam_overview_js.html' %}
+        <!-- Modal for case fields (history / discussion / report) -->
+        <div id="case-field-modal" class="modal fade" tabindex="-1" aria-hidden="true">
+            <div class="modal-dialog modal-lg modal-dialog-centered">
+                <div class="modal-content"></div>
+            </div>
+        </div>
     </div>
 
 {% endblock %}

atlas/templates/atlas/partials/case_field_modal.html

@@ -0,0 +1,14 @@
+<div class="modal-header">
+    <h5 class="modal-title">{{ field|capfirst }}</h5>
+    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+</div>
+<div class="modal-body">
+    {% if content %}
+        <div class="pre-whitespace">{{ content|linebreaks }}</div>
+    {% else %}
+        <div class="text-muted">No {{ field }} available for this case.</div>
+    {% endif %}
+</div>
+<div class="modal-footer">
+    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+</div>

atlas/templates/atlas/partials/case_list_item.html

@@ -23,20 +23,44 @@
             {% endif %}
         </div>
 
-        {# Quick-view icons: open case page (contains history, discussion, report) #}
-        <a class="btn btn-outline-secondary" href="{% url 'atlas:case_detail' casedetail.case.pk %}" title="View history">
-            <i class="bi bi-clock-history"></i>
+
+    <div class="btn-group btn-group-sm ms-2" role="group" aria-label="case-field-links">
+        {# History button: opens modal with history content #}
+        <a class="btn btn-outline-secondary" 
+           hx-get="{% url 'atlas:collection_case_field_partial' casedetail.collection.pk casedetail.case.pk 'history' %}"
+           hx-target=".modal-content" data-bs-toggle="modal" data-bs-target="#case-field-modal" title="View history">
+            {% if casedetail.case.history %}
+                <i class="bi bi-clock-history text-primary"></i>
+            {% else %}
+                <i class="bi bi-clock-history text-muted"></i>
+            {% endif %}
         </a>
 
-        <a class="btn btn-outline-secondary" href="{% url 'atlas:case_detail' casedetail.case.pk %}" title="View discussion">
-            <i class="bi bi-chat-left-text"></i>
+        {# Discussion button #}
+        <a class="btn btn-outline-secondary"
+           hx-get="{% url 'atlas:collection_case_field_partial' casedetail.collection.pk casedetail.case.pk 'discussion' %}"
+           hx-target=".modal-content" data-bs-toggle="modal" data-bs-target="#case-field-modal" title="View discussion">
+            {% if casedetail.case.discussion %}
+                <i class="bi bi-chat-left-text text-primary"></i>
+            {% else %}
+                <i class="bi bi-chat-left-text text-muted"></i>
+            {% endif %}
         </a>
 
-        <a class="btn btn-outline-secondary" href="{% url 'atlas:case_detail' casedetail.case.pk %}" title="View report">
-            <i class="bi bi-file-earmark-text"></i>
+        {# Report button #}
+        <a class="btn btn-outline-secondary"
+           hx-get="{% url 'atlas:collection_case_field_partial' casedetail.collection.pk casedetail.case.pk 'report' %}"
+           hx-target=".modal-content" data-bs-toggle="modal" data-bs-target="#case-field-modal" title="View report">
+            {% if casedetail.case.report %}
+                <i class="bi bi-file-earmark-text text-primary"></i>
+            {% else %}
+                <i class="bi bi-file-earmark-text text-muted"></i>
+            {% endif %}
         </a>
     </div>
 
+    </div>
+
     <div class="d-flex align-items-center ms-3">
         {% include 'atlas/partials/casedetails_management_links.html' %}
     </div>

atlas/templates/atlas/partials/casedetails_management_links.html

@@ -23,7 +23,6 @@
             </a>
         {% endif %}
     </div>
-
     <div class="btn-group btn-group-sm" role="group" aria-label="status-indicator">
         {% if casedetail.default_viewerstate %}
             <button type="button" class="btn btn-sm btn-outline-success" aria-disabled="true" title="This case has a default viewerstate defined">