Make SQL Queries page work with htmx

bestpractical · Dec 26, 2024 · 4489fa9 · 4489fa9
1 parent 27442d0
commit 4489fa9
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 7 deletions.
diff --git a/lib/RT/Interface/Web/MenuBuilder.pm b/lib/RT/Interface/Web/MenuBuilder.pm
@@ -1495,9 +1495,6 @@ sub _BuildAdminTopMenu {
            title       => loc('SQL Queries'),
            description => loc('Browse the SQL queries made in this process'),
            path        => '/Admin/Tools/Queries.html',
-           attributes  => {
-               'hx-boost' => 'false',
-           },
        );
     }
     $admin_tools->child( rights_inspector =>

diff --git a/share/html/Admin/Tools/Queries.html b/share/html/Admin/Tools/Queries.html
@@ -66,10 +66,6 @@
 % } elsif (!$history) {
     <p><&|/l&>This server process has recorded no SQL queries.</&></p>
 % } else {
-    <script type="text/javascript">
-        jQuery(function () { jQuery(".tablesorter").tablesorter(); });
-    </script>
-
     <ol>
 %     my $r = 0;
 %     for my $request (@$history) {

diff --git a/share/static/js/util.js b/share/static/js/util.js
@@ -1226,6 +1226,14 @@ htmx.onLoad(function(elt) {
         jQuery(this).closest('form').find('input[name=User]').val(ui.item.id).change();
     });
 
+    if ( elt.querySelector(".tablesorter") ) {
+        const checkTableSorter = setInterval(function() {
+            if ( jQuery.tablesorter ) {
+                jQuery(elt).find(".tablesorter").tablesorter();
+                clearInterval(checkTableSorter);
+            }
+        }, 50);
+    }
 });
 
 function filterSearchResults (type) {