Fix: jQuery().sort is undocumented, and will be removed in jQuery 4.0

2 files changed, 12 insertions, 8 deletions

diff --git a/resources/views/edit/reorder-children.phtml b/resources/views/edit/reorder-children.phtml
index 031ba93656..6a69f6a030 100644
--- a/resources/views/edit/reorder-children.phtml
+++ b/resources/views/edit/reorder-children.phtml
@@ -64,10 +64,12 @@ use Fisharebest\Webtrees\View;
         handle: ".card-header",
     });
 
-    $("#btn-default-order").on("click", function () {
-        $(".wt-sortable-list .wt-sortable-item").sort(function (x, y) {
-            return Math.sign(x.dataset.wtSortByDate - y.dataset.wtSortByDate);
-        }).appendTo(".wt-sortable-list");
+    document.querySelector('#btn-default-order').addEventListener('click', function () {
+      const items = Array.from(document.querySelectorAll('.wt-sortable-list .wt-sortable-item'));
+      items.sort(function (x, y) {
+        return Math.sign(x.dataset.wtSortByDate - y.dataset.wtSortByDate);
+      })
+      .forEach(item => document.querySelector('.wt-sortable-list').appendChild(item));
     });
 </script>
 <?php View::endpush() ?>
diff --git a/resources/views/edit/reorder-families.phtml b/resources/views/edit/reorder-families.phtml
index 66db6c0d77..13b50a0ebc 100644
--- a/resources/views/edit/reorder-families.phtml
+++ b/resources/views/edit/reorder-families.phtml
@@ -124,10 +124,12 @@ use Illuminate\Support\Collection;
             handle: ".card-header",
         });
 
-        $("#btn-default-order").on("click", function () {
-            $(".wt-sortable-list-fams .wt-sortable-item").sort(function (x, y) {
-                return Math.sign(x.dataset.wtSortByDate - y.dataset.wtSortByDate);
-            }).appendTo(".wt-sortable-list-fams");
+        document.querySelector('#btn-default-order').addEventListener('click', function () {
+            const items = Array.from(document.querySelectorAll('.wt-sortable-list-fams .wt-sortable-item'));
+            items.sort(function (x, y) {
+              return Math.sign(x.dataset.wtSortByDate - y.dataset.wtSortByDate);
+            })
+          .forEach(item => document.querySelector('.wt-sortable-list').appendChild(item));
         });
     }
 </script>