From 554c4d99bb2b2ee359afdabd5cd1aad495906a48 Mon Sep 17 00:00:00 2001
From: ssteeltm <ssteeltm@gmail.com>
Date: Fri, 21 Feb 2025 14:22:01 -0300
Subject: [PATCH] Drag and Drop Quote Items

---
 ajax.php  | 19 +++++++++++++++++++
 quote.php | 43 ++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 59 insertions(+), 3 deletions(-)

diff --git a/ajax.php b/ajax.php
index 9c0aa743..cdb4fda2 100644
--- a/ajax.php
+++ b/ajax.php
@@ -726,3 +726,22 @@ if (isset($_POST['update_task_templates_order'])) {
     exit;
 }
 
+if (isset($_POST['update_quote_items_order'])) {
+    // Update multiple quote items order
+    enforceUserPermission('module_sales', 2);
+
+    $positions = $_POST['positions'];
+    $quote_id = intval($_POST['quote_id']);
+
+    foreach ($positions as $position) {   
+        $id = intval($position['id']);
+        $order = intval($position['order']);
+
+        mysqli_query($mysqli, "UPDATE invoice_items SET item_order = $order WHERE item_quote_id = $quote_id AND item_id = $id");
+    }
+
+    // return a response
+    echo json_encode(['status' => 'success']);
+    exit;
+}
+
diff --git a/quote.php b/quote.php
index 816ea672..1ce53962 100644
--- a/quote.php
+++ b/quote.php
@@ -109,6 +109,7 @@ if (isset($_GET['quote_id'])) {
     }
 
 ?>
+<link rel="stylesheet" href="/plugins/dragula/dragula.min.css">
 
     <ol class="breadcrumb d-print-none">
         <?php if (isset($_GET['client_id'])) { ?>
@@ -273,7 +274,7 @@ if (isset($_GET['quote_id'])) {
                 <div class="col-md-12">
                     <div class="card">
                         <div class="table-responsive">
-                            <table class="table">
+                            <table class="table" id="items">
                                 <thead>
                                     <tr>
                                         <th class="d-print-none"></th>
@@ -326,7 +327,7 @@ if (isset($_GET['quote_id'])) {
                                             $up_hidden = "";
                                         } ?>
 
-                                        <tr>
+                                        <tr data-item-id="<?php echo $item_id; ?>">
                                             <td class="d-print-none">
                                                 <?php if ($quote_status !== "Invoiced" && $quote_status !== "Accepted" && $quote_status !== "Declined" && lookupUserPermission("module_sales") >= 2) { ?>
                                                     <div class="dropdown">
@@ -356,7 +357,7 @@ if (isset($_GET['quote_id'])) {
                                                     </div>
                                                 <?php } ?>
                                             </td>
-                                            <td><?php echo $item_name; ?></td>
+                                            <td class="grab-cursor"><?php echo $item_name; ?></td>
                                             <td><?php echo nl2br($item_description); ?></td>
                                             <td class="text-center"><?php echo number_format($item_quantity, 2); ?></td>
                                             <td class="text-right"><?php echo numfmt_format_currency($currency_format, $item_price, $quote_currency_code); ?></td>
@@ -961,3 +962,39 @@ require_once "includes/footer.php";
         }
     }
 </script>
+
+<script src="plugins/dragula/dragula.min.js"></script>
+<script>
+$(document).ready(function() {
+    var container = $('table#items 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('itemId'),
+                    order: index
+                };
+            }).get();
+
+            // Send the new order to the server
+            $.ajax({
+                url: 'ajax.php',
+                method: 'POST',
+                data: {
+                    update_quote_items_order: true,
+                    quote_id: <?php echo $quote_id; ?>,
+                    positions: positions
+                },
+                success: function(data) {
+                    // Handle success
+                },
+                error: function(error) {
+                    console.error('Error updating order:', error);
+                }
+            });
+        });
+});
+</script>