implement drag&drop for kanban

src/ViewModel/Global/coreViewModel.ts

@@ -1,7 +1,5 @@
 import * as React from "bloatless-react";
 
 export default class CoreViewModel {
-  draggedFile: React.State<File | undefined> = new React.State<
-    File | undefined
-  >(undefined);
+  draggedObject: React.State<any> = new React.State<any>(undefined);
 }

src/ViewModel/Pages/boardViewModel.ts

@@ -94,6 +94,12 @@ export default class BoardViewModel {
     this.updateIndex();
   };
 
+  handleDrop = (category?: string, status?: string): void => {
+    const draggedObject: any = this.coreViewModel.draggedObject.value;
+    if (draggedObject instanceof TaskViewModel == false) return;
+    draggedObject.setCategoryAndStatus(category, status);
+  };
+
   // storage
   storeLastUsedView = (): void => {
     const path: string[] = this.getLastUsedBoardPath();

src/ViewModel/Pages/taskViewModel.ts

@@ -1,6 +1,8 @@
 import * as React from "bloatless-react";
 
-import BoardsAndTasksModel, { TaskFileContent } from "../../Model/Files/boardsAndTasksModel";
+import BoardsAndTasksModel, {
+  TaskFileContent,
+} from "../../Model/Files/boardsAndTasksModel";
 import { localeCompare, padZero } from "../../Model/Utility/utility";
 
 import BoardViewModel from "./boardViewModel";
@@ -53,6 +55,17 @@ export default class TaskViewModel {
   selectedVersionId: React.State<string> = new React.State("");
   versionIds: React.ListState<string> = new React.ListState();
 
+  // methods
+  dragStart = (): void => {
+    this.coreViewModel.draggedObject.value = this;
+  };
+
+  setCategoryAndStatus = (category?: string, status?: string) => {
+    if (category != undefined) this.category.value = category;
+    if (status != undefined) this.status.value = status;
+    this.save();
+  }
+
   // view
   open = (): void => {
     this.boardViewModel.selectTask(this);