Add a button from student view to deadline deviations

Fixes #1458

Author: Fatima-Tahir

assets/js/table.js

@@ -242,6 +242,9 @@ $(function() {
           });
         }
       });
+
+      // Emit an event when the table is rendered
+      self.element.trigger('aplusTable:rendered');
     },
 
     filterGetType: function(query) {
@@ -326,21 +329,30 @@ $(function() {
         + " If you are using regex, make sure it is correct.");
       this.filters[column] = this.filterGetType(query.trim());
       if (this.filters[column][1] === undefined) {
-        input.popover("destroy")
-          .popover({
-            trigger: "manual",
-            title: popoverTitle,
-            placement: "top"
-          })
-          .popover("toggle");
+        // Dispose existing popover first
+        const existingPopover = bootstrap.Popover.getInstance(input[0]);
+        if (existingPopover) {
+          existingPopover.dispose();
+        }
+
+        // Create new popover
+        const popover = new bootstrap.Popover(input[0], {
+          trigger: "manual",
+          title: popoverTitle,
+          placement: "top"
+        });
+        popover.show();
 
         input.on('hide.bs.popover', function(event) {
           event.preventDefault();
         });
       } else {
         input.off('hide.bs.popover');
-        input.popover("destroy")
-          .removeAttr("title data-original-title");
+        const existingPopover = bootstrap.Popover.getInstance(input[0]);
+        if (existingPopover) {
+          existingPopover.dispose();
+        }
+        input.removeAttr("title data-bs-original-title");
       }
       this.filterTable();
     },

deviations/static/deviations/filter_deviations_by_submitter.js

@@ -0,0 +1,26 @@
+
+function filterBySubmitter(submitterLabel) {
+  const params = new URLSearchParams(window.location.search);
+  const submitterName = params.get("submitter");
+  if (!submitterName) return;
+
+  const table = $(".filtered-table");
+  if (!table.length) return;
+
+  // Find the submitter column index (case-insensitive)
+  let submitterIndex = -1;
+  table.find("thead > tr:first-child > th").each(function (index) {
+    const text = $(this).text().trim().toUpperCase();
+    if (text === submitterLabel) {
+      submitterIndex = index;
+    }
+  });
+
+  if (submitterIndex === -1) return;
+
+  // Fill the input in the second row (filter row)
+  const filterInput = table.find(`thead > tr:eq(1) > td:eq(${submitterIndex}) input`);
+  if (filterInput.length) {
+    filterInput.val(submitterName).trigger("keyup");
+  }
+}

deviations/templates/deviations/list_dl.html

@@ -158,3 +158,14 @@ <h5 class="card-title text-white">{% translate "DEADLINE_DEVIATIONS" %}</h5>
 	</form>
 </div>
 {% endblock %}
+
+{% block scripts %}
+{{ block.super }}
+<script src="{% static 'deviations/filter_deviations_by_submitter.js' %}"></script>
+<script>
+const submitterLabel = "{% trans 'SUBMITTER'|upper %}";
+$(document).on('aplusTable:rendered', '.filtered-table', function() {
+	filterBySubmitter(submitterLabel);
+});
+</script>
+{% endblock %}

exercise/templates/exercise/staff/user_results.html

@@ -60,6 +60,14 @@
 	</tr>
 </table>
 
+<div class="float-start">
+	<a class="btn aplus-button--default aplus-button--sm d-flex gap-2" role="button"
+		href="{{ instance|url:'deviations-list-dl' }}?submitter={{ student.get_full_name|urlencode }}">
+		<span class="bi bi-clock" aria-hidden="true"></span>
+		{% translate "DEADLINE_DEVIATIONS" %}
+	</a>
+</div>
+
 <p id="enrollment-and-tags" class="usertags-container" data-user-id="{{ student.id }}">
 	{% for submission in enrollment_submissions %}
 	<a href="{{ submission|url }}" class="page-modal">