Drag and Drop Ticket Template Tasks

admin_ticket_template_details.php

@@ -30,6 +30,7 @@ $ticket_template_updated_at = nullable_htmlentities($row['ticket_template_update
 $sql_task_templates = mysqli_query($mysqli, "SELECT * FROM task_templates WHERE task_template_ticket_template_id = $ticket_template_id ORDER BY task_template_order ASC, task_template_id ASC");
 
 ?>
+<link rel="stylesheet" href="/plugins/dragula/dragula.min.css">
 
     <ol class="breadcrumb d-print-none">
         <li class="breadcrumb-item">
@@ -102,9 +103,14 @@ $sql_task_templates = mysqli_query($mysqli, "SELECT * FROM task_templates WHERE
                             $task_completion_estimate = intval($row['task_template_completion_estimate']);
                             $task_description = nullable_htmlentities($row['task_template_description']);
                             ?>
-                            <tr>
+                            <tr data-task-id="<?php echo $task_id; ?>"> <!-- Add data-task-id attribute -->
                                 <td><i class="far fa-fw fa-square text-secondary"></i></td>
-                                <td><span class="text-secondary"><?php echo $task_completion_estimate; ?>m</span> - <?php echo $task_name; ?></td>
+                                <td>
+                                    <a href="#" class="grab-cursor">
+                                        <span class="text-secondary"><?php echo $task_completion_estimate; ?>m</span>
+                                        <span class="text-dark"> - <?php echo $task_name; ?></span>
+                                    </a>
+                                </td>
                                 <td class="text-right">
                                     <div class="float-right">
                                         <div class="dropdown dropleft text-center">
@@ -137,6 +143,41 @@ $sql_task_templates = mysqli_query($mysqli, "SELECT * FROM task_templates WHERE
     </div>
 
     <script src="js/pretty_content.js"></script>
+    <script src="plugins/dragula/dragula.min.js"></script>
+    <script>
+    $(document).ready(function() {
+        var container = $('.table tbody')[0];
+
+        dragula([container])
+            .on('drop', function (el, target, source, sibling) {
+                // Handle the drop event to update the order in the database
+                var rows = $(container).children();
+                var positions = rows.map(function(index, row) {
+                    return {
+                        id: $(row).data('taskId'),
+                        order: index
+                    };
+                }).get();
+
+                // Send the new order to the server
+                $.ajax({
+                    url: 'ajax.php',
+                    method: 'POST',
+                    data: {
+                        update_task_templates_order: true, // Adjust the parameter name if needed
+                        ticket_template_id: <?php echo $ticket_template_id; ?>,
+                        positions: positions
+                    },
+                    success: function(data) {
+                        // Handle success
+                    },
+                    error: function(error) {
+                        console.error('Error updating order:', error);
+                    }
+                });
+            });
+    });
+    </script>
 
 <?php
 

ajax.php

@@ -705,4 +705,24 @@ if (isset($_POST['update_ticket_tasks_order'])) {
     // return a response
     echo json_encode(['status' => 'success']);
     exit;
-}
+}
+
+if (isset($_POST['update_task_templates_order'])) {
+    // Update multiple task templates order
+    enforceUserPermission('module_support', 2);
+
+    $positions = $_POST['positions'];
+    $ticket_template_id = intval($_POST['ticket_template_id']);
+
+    foreach ($positions as $position) {   
+        $id = intval($position['id']);
+        $order = intval($position['order']);
+
+        mysqli_query($mysqli, "UPDATE task_templates SET task_template_order = $order WHERE task_template_ticket_template_id = $ticket_template_id AND task_template_id = $id");
+    }
+
+    // return a response
+    echo json_encode(['status' => 'success']);
+    exit;
+}
+