.

rapids/templates/rapids/question_display_block.html

@@ -16,6 +16,11 @@
         </span>
         {% endfor %}
     </div>
+    <div>
+        Exams: {% for exam in question.exams.all %}
+        <a href="{% url 'rapids:exam_overview' pk=exam.pk %}">{{ exam.name }}</a>, 
+        {% endfor %}
+    </div>
     <p class="pre-whitespace"><b>Feedback:</b> {{ question.feedback }}</p>
     <p><b>Author(s):</b> {% for author in question.author.all %} <a
             href="{% url 'rapids:author_detail' pk=author.pk %}">{{author}}</a>, {% endfor %}</p>

rapids/templates/rapids/view.html

@@ -8,44 +8,78 @@
 
 <div id="view-filter-options">
     <h3>Filter Rapids</h3>
-<form action="" method="get">
-    {{ filter.form }}
-    <input class="btn btn-primary btn-sm mt-1 mb-1" type="submit" />
-</form>
+    <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"></button>
+<button id="button-select-add-exam" data-exam_list_url="{% url 'generic:rapid-exams-list' %}">Add selected questions to
+    exam</button>
+<div id="exam-options"></div>
 
 <script type="text/javascript">
     $(document).ready(function () {
-        $("#button-select-add-exam").click(function () {
+        $("#button-select-add-exam").click(function (evt) {
             // Find selected objects
 
-            
 
-            $.ajax({
-                url: "{% url 'generic:generic_exam_json_edit' %}",
-                data: {
-                    csrfmiddlewaretoken: "{{ csrf_token }}",
-                    add_exam_questions: $("table input:checked").serialize(),
-                    type: "rapid",
-                    exam_id: exam_id,
-                },
-                type: "POST",
-                dataType: "json",
+
+            var jqxhr = $.get(evt.target.dataset.exam_list_url, function (data) {
+                console.log(data);
+                data.forEach((obj, n) => {
+                    $("#exam-options").append($(document.createElement('button')).prop({
+                        type: 'button',
+                        innerHTML: obj.name,
+                        class: '',
+
+                    }).data("exam-id", obj.id).click((evt) => { addToExam(evt) }))
+                })
             })
-                // $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
-                .done(function (data) {
-                    console.log(data);
-
-                    if (data.status == "success") {
-                    toastr.info('Questions added to exams.')
-                    }
+                .done(function () {
+                    //alert( "second success" );
+                })
+                .fail(function () {
+                    //alert( "error" );
                 })
                 .always(function () {
-                    console.log('[Done]');
+                    //alert( "finished" );
+                });
+
+            return;
+
+
+            function addToExam(evt) {
+
+                ids = []
+                $("table input:checked").each((n, el) => {
+                    ids.push(el.value)
                 })
+                $.ajax({
+                    url: "{% url 'generic:generic_exam_json_edit' %}",
+                    data: {
+                        csrfmiddlewaretoken: "{{ csrf_token }}",
+                        add_exam_questions: JSON.stringify(ids),
+                        type: "rapid",
+                        exam_id: $(evt.target).data("exam-id"),
+                    },
+                    type: "POST",
+                    dataType: "json",
+                })
+                    // $.ajax().done(), $.ajax().fail(), $ajax().always() are upto you. Add/change accordingly
+                    .done(function (data) {
+                        console.log(data);
+
+                        if (data.status == "success") {
+                            toastr.info('Questions added to exams.')
+                        }
+                    })
+                    .always(function () {
+                        console.log('[Done]');
+                        $("#exam-options").empty();
+                    })
+            }
         })