Fixed drag & drop on boards

Author: andrewdrake

database/migrations/add_pipeline_order_to_laravel_crm_tables.php.stub

@@ -13,23 +13,25 @@ return new class extends Migration
      */
     public function up()
     {
-        Schema::table(config('laravel-crm.db_table_prefix').'quote_products', function (Blueprint $table) {
+        Schema::table(config('laravel-crm.db_table_prefix').'leads', function (Blueprint $table) {
             $table->integer('pipeline_stage_order')->nullable()->after('pipeline_stage_id');
         });
-
-        Schema::table(config('laravel-crm.db_table_prefix').'order_products', function (Blueprint $table) {
+        Schema::table(config('laravel-crm.db_table_prefix').'deals', function (Blueprint $table) {
             $table->integer('pipeline_stage_order')->nullable()->after('pipeline_stage_id');
         });
-
-        Schema::table(config('laravel-crm.db_table_prefix').'invoice_lines', function (Blueprint $table) {
+        Schema::table(config('laravel-crm.db_table_prefix').'quotes', function (Blueprint $table) {
             $table->integer('pipeline_stage_order')->nullable()->after('pipeline_stage_id');
         });
-
-        Schema::table(config('laravel-crm.db_table_prefix').'delivery_products', function (Blueprint $table) {
+        Schema::table(config('laravel-crm.db_table_prefix').'orders', function (Blueprint $table) {
             $table->integer('pipeline_stage_order')->nullable()->after('pipeline_stage_id');
         });
-
-        Schema::table(config('laravel-crm.db_table_prefix').'purchase_order_lines', function (Blueprint $table) {
+        Schema::table(config('laravel-crm.db_table_prefix').'invoices', function (Blueprint $table) {
+            $table->integer('pipeline_stage_order')->nullable()->after('pipeline_stage_id');
+        });
+        Schema::table(config('laravel-crm.db_table_prefix').'deliveries', function (Blueprint $table) {
+            $table->integer('pipeline_stage_order')->nullable()->after('pipeline_stage_id');
+        });
+        Schema::table(config('laravel-crm.db_table_prefix').'purchase_orders', function (Blueprint $table) {
             $table->integer('pipeline_stage_order')->nullable()->after('pipeline_stage_id');
         });
     }
@@ -41,23 +43,25 @@ return new class extends Migration
      */
     public function down()
     {
-        Schema::table(config('laravel-crm.db_table_prefix').'quote_products', function (Blueprint $table) {
+        Schema::table(config('laravel-crm.db_table_prefix').'leads', function (Blueprint $table) {
             $table->dropColumn('pipeline_stage_order');
         });
-
-        Schema::table(config('laravel-crm.db_table_prefix').'order_products', function (Blueprint $table) {
+        Schema::table(config('laravel-crm.db_table_prefix').'deals', function (Blueprint $table) {
             $table->dropColumn('pipeline_stage_order');
         });
-
-        Schema::table(config('laravel-crm.db_table_prefix').'invoice_lines', function (Blueprint $table) {
-            $table->dropColumn('pipeline_stage_order');;
+        Schema::table(config('laravel-crm.db_table_prefix').'quotes', function (Blueprint $table) {
+            $table->dropColumn('pipeline_stage_order');
         });
-
-        Schema::table(config('laravel-crm.db_table_prefix').'delivery_products', function (Blueprint $table) {
+        Schema::table(config('laravel-crm.db_table_prefix').'orders', function (Blueprint $table) {
             $table->dropColumn('pipeline_stage_order');
         });
-
-        Schema::table(config('laravel-crm.db_table_prefix').'purchase_order_lines', function (Blueprint $table) {
+        Schema::table(config('laravel-crm.db_table_prefix').'invoices', function (Blueprint $table) {
+            $table->dropColumn('pipeline_stage_order');
+        });
+        Schema::table(config('laravel-crm.db_table_prefix').'deliveries', function (Blueprint $table) {
+            $table->dropColumn('pipeline_stage_order');
+        });
+        Schema::table(config('laravel-crm.db_table_prefix').'purchase_orders', function (Blueprint $table) {
             $table->dropColumn('pipeline_stage_order');
         });
     }

resources/assets/css/app.css

@@ -28,7 +28,7 @@
 // Trix
 @import "~trix/dist/trix.css";
 
-// Custom
+// Custom 
 @import "custom";
 
 // Portal

resources/assets/css/document.css

@@ -18,7 +18,7 @@
     <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
 
     <!-- Styles -->
-    <link href="{{ asset('vendor/laravel-crm/css/app.css') }}?v=9096565677680" rel="stylesheet">
+    <link href="{{ asset('vendor/laravel-crm/css/app.css') }}?v=5468797097856746" rel="stylesheet">
 
     @livewireStyles
 
@@ -82,7 +82,7 @@
             </div>
         </footer>
     </div>
-    <script src="{{ asset('vendor/laravel-crm/js/app.js') }}?v=53156542375858"></script>
+    <script src="{{ asset('vendor/laravel-crm/js/app.js') }}?v=5468797097856746"></script>
     <script src="{{ asset('vendor/laravel-crm/libs/bootstrap-multiselect/bootstrap-multiselect.min.js') }}"></script>
     <script src="https://cdn.jsdelivr.net/npm/bs-custom-file-input/dist/bs-custom-file-input.min.js"></script>
     @livewireScripts

resources/assets/js/app.js

@@ -1,6 +1,6 @@
 <div>
     <div class="container-fluid mt-3">
-        <div class="row flex-row flex-sm-nowrap py-3">
+        <div wire:ignore class="row flex-row flex-sm-nowrap py-3">
             @foreach($stages as $stage)
                 @include('laravel-crm::livewire.kanban-board.stage', [
                     'stage' => $stage

resources/sass/app.scss

@@ -428,7 +428,7 @@ public function board(Request $request)
         Lead::resetSearchValue($request);
         $params = Lead::filters($request);
 
-        $leads = Lead::filter($params)->whereNull('converted_at')->latest()->get();
+        $leads = Lead::filter($params)->whereNull('converted_at')->orderBy('pipeline_stage_order')->oldest()->get();
 
         return view('laravel-crm::leads.board', [
             'leads' => $leads,

resources/views/layouts/app.blade.php

@@ -23,11 +23,32 @@ public function stages(): Collection
         }
     }
 
+    public function onStageSorted($orderedIds)
+    {
+        foreach ($orderedIds as $orderNumber => $dealId) {
+            Deal::find($dealId)->update([
+                'pipeline_stage_order' => $orderNumber + 1,
+            ]);
+        }
+    }
+
     public function onStageChanged($recordId, $stageId, $fromOrderedIds, $toOrderedIds)
     {
         Deal::find($recordId)->update([
             'pipeline_stage_id' => $stageId
         ]);
+
+        foreach ($fromOrderedIds as $orderNumber => $dealId) {
+            Deal::find($dealId)->update([
+                'pipeline_stage_order' => $orderNumber + 1,
+            ]);
+        }
+
+        foreach ($toOrderedIds as $orderNumber => $dealId) {
+            Deal::find($dealId)->update([
+                'pipeline_stage_order' => $orderNumber + 1,
+            ]);
+        }
     }
 
     public function records(): Collection

resources/views/livewire/kanban-board/board.blade.php

@@ -35,7 +35,7 @@ public function onStageSorted($orderedIds)
     public function onStageChanged($recordId, $stageId, $fromOrderedIds, $toOrderedIds)
     {
         Lead::find($recordId)->update([
-            'pipeline_stage_id' => $stageId
+            'pipeline_stage_id' => $stageId,
         ]);
 
         foreach ($fromOrderedIds as $orderNumber => $leadId) {