Fix: Cannot reorder subtasks after changing the status

Fixes #4925

assets/js/components/subtask-drag-and-drop.js

@@ -1,5 +1,4 @@
-KB.on('dom.ready', function() {
-
+(function () {
     function savePosition(subtaskId, position) {
         var url = $(".subtasks-table").data("save-position-url");
 
@@ -16,29 +15,35 @@ KB.on('dom.ready', function() {
         });
     }
 
-    $(".draggable-row-handle").mouseenter(function() {
-        $(this).parent().parent().addClass("draggable-item-hover");
-    }).mouseleave(function() {
-        $(this).parent().parent().removeClass("draggable-item-hover");
-    });
+    function bootstrap() {
+        $(".draggable-row-handle").mouseenter(function() {
+            $(this).parent().parent().addClass("draggable-item-hover");
+        }).mouseleave(function() {
+            $(this).parent().parent().removeClass("draggable-item-hover");
+        });
+    
+        $(".subtasks-table tbody").sortable({
+            forcePlaceholderSize: true,
+            handle: "td:first i",
+            helper: function(e, ui) {
+                ui.children().each(function() {
+                    $(this).width($(this).width());
+                });
+    
+                return ui;
+            },
+            stop: function(event, ui) {
+                var subtask = ui.item;
+                subtask.removeClass("draggable-item-selected");
+                savePosition(subtask.data("subtask-id"), subtask.index() + 1);
+            },
+            start: function(event, ui) {
+                ui.item.addClass("draggable-item-selected");
+            }
+        }).disableSelection();
+    }
 
-    $(".subtasks-table tbody").sortable({
-        forcePlaceholderSize: true,
-        handle: "td:first i",
-        helper: function(e, ui) {
-            ui.children().each(function() {
-                $(this).width($(this).width());
-            });
+    KB.on('dom.ready', bootstrap);
+    KB.on('subtasks.reloaded', bootstrap);
+}());
 
-            return ui;
-        },
-        stop: function(event, ui) {
-            var subtask = ui.item;
-            subtask.removeClass("draggable-item-selected");
-            savePosition(subtask.data("subtask-id"), subtask.index() + 1);
-        },
-        start: function(event, ui) {
-            ui.item.addClass("draggable-item-selected");
-        }
-    }).disableSelection();
-});

assets/js/components/subtask-toggle-status.js

@@ -16,6 +16,7 @@ KB.on('dom.ready', function () {
                 } else {
                     $(el).closest('.subtask-title').replaceWith(data);
                 }
+                KB.trigger('subtasks.reloaded');
             }
         });
     });