diff --git a/app/templates/jobs/job.html.j2 b/app/templates/jobs/job.html.j2
index c4db01b4cd3c60d924b7116a6b31ede1c65573d5..d5495967f2fa5e207b01d12abc2f9091645805d7 100644
--- a/app/templates/jobs/job.html.j2
+++ b/app/templates/jobs/job.html.j2
@@ -177,6 +177,7 @@
 
       for (let operation of patch) {
         /* "/jobId/valueName" -> ["jobId", "valueName"] */
+        console.log(operation.value);
         pathArray = operation.path.split("/").slice(1);
         if (pathArray[0] != this.jobId) {continue;}
         switch(operation.op) {
@@ -215,9 +216,19 @@
 
     setResults(results) {
       let resultsElement;
-
+      results.sort(function (a, b) {
+        var filenameA = a.filename.toUpperCase();
+        var filenameB = b.filename.toUpperCase();
+        if (filenameA < filenameB) {
+          return -1;
+        }
+        if (filenameA > filenameB) {
+          return 1;
+        }
+        return 0;
+      });
       resultsElement = document.getElementById("results");
-
+      console.log(results);
       for (let result of results) {
         resultsElement.insertAdjacentHTML(
           "beforeend",