Make timeline entries clickable

app/assets/javascripts/submission_statistics.js

@@ -65,6 +65,14 @@ $(function() {
       fileTypeById[filetype.id] = filetype;
     });
 
+    $('tr[data-id]>.clickable').each(function(index, element) {
+      element = $(element);
+      element.click(function() {
+        slider.val(index);
+        slider.change()
+      });
+    });
+
     slider.on('change', function(event) {
       currentSubmission = slider.val();
       var currentFiles = files[currentSubmission];

app/assets/stylesheets/statistics.css.scss

@@ -7,3 +7,6 @@
     height: 400px;
 }
 
+.clickable {
+    cursor: pointer;
+}

app/views/exercises/external_users/statistics.html.slim

@@ -40,7 +40,7 @@ h1 = "#{@exercise} (external user #{@external_user})"
         tbody
           - submissions.each do |submission|
             tr data-id=submission.id
-              td = submission.created_at.strftime("%F %T")
+              td.clickable = submission.created_at.strftime("%F %T")
               td = submission.cause
               td = submission.score