From 6da38bc71ea8218093bb76a466af209540f8bbde Mon Sep 17 00:00:00 2001
From: Lukas Lanzner <l.lanzner@sab-engineering.com>
Date: Wed, 13 Jul 2022 17:58:02 +0200
Subject: [PATCH 1/3] implement table-sorting in report.html

---
 locust/templates/report.html | 74 +++++++++++++++++++++++-------------
 1 file changed, 47 insertions(+), 27 deletions(-)

diff --git a/locust/templates/report.html b/locust/templates/report.html
index de9ea927dd..d739eda28c 100644
--- a/locust/templates/report.html
+++ b/locust/templates/report.html
@@ -54,16 +54,16 @@ <h2>Request Statistics</h2>
             <table class="stats">
                 <thead>
                     <tr>
-                        <th>Method</th>
-                        <th>Name</th>
-                        <th># Requests</th>
-                        <th># Fails</th>
-                        <th>Average (ms)</th>
-                        <th>Min (ms)</th>
-                        <th>Max (ms)</th>
-                        <th>Average size (bytes)</th>
-                        <th>RPS</th>
-                        <th>Failures/s</th>
+                        <th class="sortable">Method</th>
+                        <th class="sortable">Name</th>
+                        <th class="sortable"># Requests</th>
+                        <th class="sortable"># Fails</th>
+                        <th class="sortable">Average (ms)</th>
+                        <th class="sortable">Min (ms)</th>
+                        <th class="sortable">Max (ms)</th>
+                        <th class="sortable">Average size (bytes)</th>
+                        <th class="sortable">RPS</th>
+                        <th class="sortable">Failures/s</th>
                     </tr>
                 </thead>
                 <tbody>
@@ -90,16 +90,16 @@ <h2>Response Time Statistics</h2>
             <table class="stats">
                 <thead>
                     <tr>
-                        <th>Method</th>
-                        <th>Name</th>
-                        <th>50%ile (ms)</th>
-                        <th>60%ile (ms)</th>
-                        <th>70%ile (ms)</th>
-                        <th>80%ile (ms)</th>
-                        <th>90%ile (ms)</th>
-                        <th>95%ile (ms)</th>
-                        <th>99%ile (ms)</th>
-                        <th>100%ile (ms)</th>
+                        <th class="sortable">Method</th>
+                        <th class="sortable">Name</th>
+                        <th class="sortable">50%ile (ms)</th>
+                        <th class="sortable">60%ile (ms)</th>
+                        <th class="sortable">70%ile (ms)</th>
+                        <th class="sortable">80%ile (ms)</th>
+                        <th class="sortable">90%ile (ms)</th>
+                        <th class="sortable">95%ile (ms)</th>
+                        <th class="sortable">99%ile (ms)</th>
+                        <th class="sortable">100%ile (ms)</th>
                     </tr>
                 </thead>
                 <tbody>
@@ -127,10 +127,10 @@ <h2>Failures Statistics</h2>
                 <table class="stats">
                     <thead>
                         <tr>
-                            <th>Method</th>
-                            <th>Name</th>
+                            <th class="sortable">Method</th>
+                            <th class="sortable">Name</th>
                             <th>Error</th>
-                            <th>Occurrences</th>
+                            <th class="sortable">Occurrences</th>
                         </tr>
                     </thead>
                     <tbody>
@@ -153,10 +153,10 @@ <h2>Exceptions Statistics</h2>
                 <table>
                     <thead>
                         <tr>
-                            <th>Count</th>
-                            <th>Message</th>
+                            <th class="sortable">Count</th>
+                            <th class="sortable">Message</th>
                             <th>Traceback</th>
-                            <th>Nodes</th>
+                            <th class="sortable">Nodes</th>
                         </tr>
                     </thead>
                     <tbody>
@@ -183,7 +183,7 @@ <h2>Charts</h2>
             <h2>Final ratio</h2>
             <div class="tasks" data-tasks="{{ escape(tasks) }}"></div>
         </div>
-    
+
     </div>
 
     {# <script type="text/javascript" src="/static/jquery-1.11.3.min.js"></script> #}
@@ -238,5 +238,25 @@ <h2>Final ratio</h2>
 
         fillTasksFromObj()
     </script>
+
+    <script>
+        $('.sortable').click(function() {
+            var table = $(this).parents('table').eq(0)
+            var rowArray = table.find('tr:gt(0)').toArray()
+            var aggregatedRow = $(rowArray).get(-1)
+            var rows = rowArray.sort(comparer($(this).index()))
+            this.asc = !this.asc
+            if (!this.asc){rows = rows.reverse()}
+            for (var i = 0; i < rows.length; i++){table.append(rows[i])}
+            table.append(aggregatedRow)
+        })
+        function comparer(index) {
+            return function(a,b) {
+                var valA = getCellValue(a, index), valB = getCellValue(b, index)
+                return $.isNumeric(valA) && $.isNumeric(valB) ? valA - valB : valA.toString().localeCompare(valB)
+            }
+        }
+        function getCellValue(row, index) { return $(row).children('td').eq(index).text() }
+    </script>
 </body>
 </html>

From 51c8344e985634d3cc7d4653a557035d6366ddef Mon Sep 17 00:00:00 2001
From: Lukas Lanzner <l.lanzner@sab-engineering.com>
Date: Thu, 14 Jul 2022 22:40:42 +0200
Subject: [PATCH 2/3] improve report sorting

---
 locust/templates/report.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/locust/templates/report.html b/locust/templates/report.html
index d739eda28c..6220eb7b97 100644
--- a/locust/templates/report.html
+++ b/locust/templates/report.html
@@ -243,7 +243,7 @@ <h2>Final ratio</h2>
         $('.sortable').click(function() {
             var table = $(this).parents('table').eq(0)
             var rowArray = table.find('tr:gt(0)').toArray()
-            var aggregatedRow = $(rowArray).get(-1)
+            var aggregatedRow = rowArray.pop()
             var rows = rowArray.sort(comparer($(this).index()))
             this.asc = !this.asc
             if (!this.asc){rows = rows.reverse()}

From 870994466831f79f4df9bf546db790ebce3cd718 Mon Sep 17 00:00:00 2001
From: Lukas Lanzner <l.lanzner@sab-engineering.com>
Date: Mon, 18 Jul 2022 22:02:09 +0200
Subject: [PATCH 3/3] enabled sorting of error messages as well as stacktraces

---
 locust/templates/report.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/locust/templates/report.html b/locust/templates/report.html
index 6220eb7b97..ac21c42c10 100644
--- a/locust/templates/report.html
+++ b/locust/templates/report.html
@@ -129,7 +129,7 @@ <h2>Failures Statistics</h2>
                         <tr>
                             <th class="sortable">Method</th>
                             <th class="sortable">Name</th>
-                            <th>Error</th>
+                            <th class="sortable">Error</th>
                             <th class="sortable">Occurrences</th>
                         </tr>
                     </thead>
@@ -155,7 +155,7 @@ <h2>Exceptions Statistics</h2>
                         <tr>
                             <th class="sortable">Count</th>
                             <th class="sortable">Message</th>
-                            <th>Traceback</th>
+                            <th class="sortable">Traceback</th>
                             <th class="sortable">Nodes</th>
                         </tr>
                     </thead>