Add HTMX support for exam selection and update related templates and views

anatomy/templates/anatomy/view.html

@@ -6,27 +6,31 @@
 
 {% block content %}
 
-<div id="view-filter-options">
-    <h3>Filter Anatomy Questions</h3>
-    <form action="" method="get">
-        {{ filter.form }}
-        <input class="btn btn-primary btn-sm mt-1 mb-1" type="submit" />
-    </form>
-</div>
-{% render_table table %}
+    <div id="view-filter-options">
+        <h3>Filter Anatomy Questions</h3>
+        <form action="" method="get">
+            {{ filter.form }}
+            <input class="btn btn-primary btn-sm mt-1 mb-1" type="submit" />
+        </form>
+    </div>
+    {% render_table table %}
 
-<button id="button-select-add-exam" 
-data-exam_json_edit_url="{% url 'generic:generic_exam_json_edit' %}" 
-data-exam_list_url="{% url 'api-1:anatomy_user_exams' %}" 
-data-type="anatomy" 
-data-csrf="{{ csrf_token}}">Add selected questions to
-    exam</button>
-<div id="exam-options"></div>
+    <button id="button-select-add-exam"
+            hx-get="{% url 'generic:generic_exam_htmx' %}?type=anatomy"
+            hx-target="#action-result"
+            hx-swap="innerHTML"
+            data-exam_json_edit_url="{% url 'generic:generic_exam_json_edit' %}"
+            data-exam_list_url="{% url 'api-1:anatomy_user_exams' %}"
+            data-type="anatomy"
+            data-csrf="{{ csrf_token }}">
+        Add selected questions to exam
+    </button>
+    <div id="exam-options"></div>
 
-<script type="text/javascript">
-    $(document).ready(function () {
+    <script type="text/javascript">
+        $(document).ready(function () {
 
 
-    });
-</script>
+        });
+    </script>
 {% endblock %}