Unify code for scheduled/running table and fix sorting (#1556)

* Seems like 7eebd17 did a little bit more than just fixing
  indentation
* See https://progress.opensuse.org/issues/29241

Author: Martchus

assets/javascripts/tests.js

@@ -303,3 +303,24 @@ function getFailedSteps(failed_module) {
 function setupAsyncFailedResult() {
     $(document).on('show.bs.tooltip', '.failedmodule', function() { getFailedSteps(this) });
 }
+
+function setupRunningAndScheduledTables() {
+    $('#scheduled, #running').DataTable({
+        pagingType: 'simple',
+        order: [],
+        columnDefs: [{
+            targets: 0,
+            className: "name"
+        },
+        {
+            targets: "time",
+            render: function ( data, type, row ) {
+                if (type === 'display') {
+                    return data !== '0Z' ? jQuery.timeago(new Date(data)) : 'not yet';
+                } else {
+                    return data;
+                }
+            }
+        }],
+    });
+}

templates/test/list.html.ep

@@ -4,6 +4,7 @@
 % content_for 'ready_function' => begin
   is_operator = <%= (is_operator) ? 'true' : 'false' %>;
   restart_url = "<%= url_for("apiv1_restart", jobid => 'REPLACEIT') %>";
+  setupRunningAndScheduledTables();
   renderTestsList([ <%= join(',', map { $_->id } $jobs->all) %> ]);
 % end
 

templates/test/running_table.html.ep

@@ -1,23 +1,3 @@
-% content_for 'ready_function' => begin
-  $('#running').DataTable( {
-        "pagingType" : 'simple',
-        "order": [],
-        "columnDefs": [
-            { targets: 0,
-              className: "name" },
-            { targets: 'time',
-              "render": function ( data, type, row ) {
-                    if (type === 'display' && data != '0Z') {
-                      return jQuery.timeago(new Date(data));
-                  } else {
-                      return 'Not yet';
-                  }
-              }
-            },
-        ],
-  } );
-% end
-
 <table id="running" class="display table table-striped" style="width: 100%">
     <thead>
         <tr>

templates/test/scheduled_table.html.ep

@@ -1,22 +1,3 @@
-% content_for 'ready_function' => begin
-  $('#scheduled').DataTable( {
-    "pagingType" : 'simple',
-    "order": [],
-    "columnDefs": [
-        { targets: 0,
-              className: "name" },
-        { targets: "time",
-              "render": function ( data, type, row ) {
-                    if (type === 'display' && data != '0Z') {
-                      return jQuery.timeago(new Date(data));
-                  } else
-                      return 'Not yet';
-              }
-            },
-        ],
-  } );
-% end
-
 <table id="scheduled" class="display table table-striped" style="width: 100%">
     <thead>
         <tr>