ross/penracourses
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Refactor case field buttons to use hidden modal content and remove unused endpoint

Browse Source
This commit is contained in:
Ross
2026-02-02 22:39:49 +00:00
parent a6a7d75144
commit f3702db5f6
4 changed files with 46 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files
atlas/templates/atlas/partials/case_list_item.html
+43 -24
View File
@@ -25,38 +25,44 @@
<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 %}
<!-- History button: opens modal populated from hidden content on page -->
{% if casedetail.case.history %}
<a class="btn btn-outline-secondary" href="#"
onclick="document.querySelector('#case-field-modal .modal-content').innerHTML = document.getElementById('case-field-{{ casedetail.case.pk }}-history').innerHTML;"
data-bs-toggle="modal" data-bs-target="#case-field-modal" title="View history">
<i class="bi bi-clock-history text-primary"></i>
{% else %}
</a>
{% else %}
<a class="btn btn-outline-secondary disabled" aria-disabled="true" href="javascript:void(0);" title="No history">
<i class="bi bi-clock-history text-muted"></i>
{% endif %}
</a>
</a>
{% endif %}
{# 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 %}
<!-- Discussion button -->
{% if casedetail.case.discussion %}
<a class="btn btn-outline-secondary" href="#"
onclick="document.querySelector('#case-field-modal .modal-content').innerHTML = document.getElementById('case-field-{{ casedetail.case.pk }}-discussion').innerHTML;"
data-bs-toggle="modal" data-bs-target="#case-field-modal" title="View discussion">
<i class="bi bi-chat-left-text text-primary"></i>
{% else %}
</a>
{% else %}
<a class="btn btn-outline-secondary disabled" aria-disabled="true" href="javascript:void(0);" title="No discussion">
<i class="bi bi-chat-left-text text-muted"></i>
{% endif %}
</a>
</a>
{% endif %}
{# 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 %}
<!-- Report button -->
{% if casedetail.case.report %}
<a class="btn btn-outline-secondary" href="#"
onclick="document.querySelector('#case-field-modal .modal-content').innerHTML = document.getElementById('case-field-{{ casedetail.case.pk }}-report').innerHTML;"
data-bs-toggle="modal" data-bs-target="#case-field-modal" title="View report">
<i class="bi bi-file-earmark-text text-primary"></i>
{% else %}
</a>
{% else %}
<a class="btn btn-outline-secondary disabled" aria-disabled="true" href="javascript:void(0);" title="No report">
<i class="bi bi-file-earmark-text text-muted"></i>
{% endif %}
</a>
</a>
{% endif %}
</div>
</div>
@@ -65,4 +71,17 @@
{% include 'atlas/partials/casedetails_management_links.html' %}
</div>
{# Pre-render hidden modal content for this case to avoid HTMX calls #}
<div class="d-none">
<div id="case-field-{{ casedetail.case.pk }}-history">
{% include 'atlas/partials/case_field_modal.html' with field='history' content=casedetail.get_history_pre %}
</div>
<div id="case-field-{{ casedetail.case.pk }}-discussion">
{% include 'atlas/partials/case_field_modal.html' with field='discussion' content=casedetail.case.discussion %}
</div>
<div id="case-field-{{ casedetail.case.pk }}-report">
{% include 'atlas/partials/case_field_modal.html' with field='report' content=casedetail.case.report %}
</div>
</div>
</li>
atlas/templates/atlas/partials/casedetails_management_links.html
+3
View File
@@ -23,6 +23,9 @@
</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">