From ff5aa4f30fac76c32cba52bd73ca0d08c1473bd0 Mon Sep 17 00:00:00 2001
From: Shariq Ansari <sharique.rik@gmail.com>
Date: Sat, 22 Jun 2024 12:05:38 +0530
Subject: [PATCH] fix: move item from one column to another

---
 frontend/src/components/Kanban/KanbanView.vue | 16 ++++++++++++++--
 frontend/src/components/ViewControls.vue      | 11 ++++++++++-
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/Kanban/KanbanView.vue b/frontend/src/components/Kanban/KanbanView.vue
index 5a8b852a..c68dc733 100644
--- a/frontend/src/components/Kanban/KanbanView.vue
+++ b/frontend/src/components/Kanban/KanbanView.vue
@@ -67,10 +67,12 @@
           item-key="name"
           class="flex flex-col gap-3.5 overflow-y-auto h-full"
           @end="updateColumn"
+          :data-column="column.column.name"
         >
           <template #item="{ element: fields }">
             <div
               class="pt-3 px-3.5 pb-2.5 rounded-lg border bg-white text-base flex flex-col gap-2"
+              :data-name="fields.name"
             >
               <div v-for="value in fields" :key="value">
                 <div class="truncate">{{ value }}</div>
@@ -126,7 +128,11 @@ function actions(column) {
   ]
 }
 
-function updateColumn() {
+function updateColumn({ item, from, to }) {
+  let toColumn = to?.dataset.column
+  let fromColumn = from?.dataset.column
+  let itemName = item?.dataset.name
+
   let _columns = []
   columns.value.forEach((col) => {
     if (col.delete) return
@@ -134,7 +140,13 @@ function updateColumn() {
     _columns.push(col.column)
   })
 
-  emit('update', { columns: _columns })
+  let data = { columns: _columns }
+
+  if (toColumn != fromColumn) {
+    data = { item: itemName, to: toColumn, columns: _columns }
+  }
+
+  emit('update', data)
 }
 
 function colorClasses(color, onlyIcon = false) {
diff --git a/frontend/src/components/ViewControls.vue b/frontend/src/components/ViewControls.vue
index 17a3b848..f52225cf 100644
--- a/frontend/src/components/ViewControls.vue
+++ b/frontend/src/components/ViewControls.vue
@@ -719,7 +719,16 @@ function updateColumns(obj) {
   }
 }
 
-function updateKanbanSettings(data) {
+async function updateKanbanSettings(data) {
+  if (data.item && data.to) {
+    await call('frappe.client.set_value', {
+      doctype: props.doctype,
+      name: data.item,
+      fieldname: view.value.column_field,
+      value: data.to,
+    })
+  }
+
   viewUpdated.value = true
   if (!defaultParams.value) {
     defaultParams.value = getParams()