progress report/bug fix

mridun-gupta · Aug 30, 2024 · 2feda2e · 2feda2e
1 parent 95b5670
commit 2feda2e
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 47 deletions.
diff --git a/js/view/dropzone.js b/js/view/dropzone.js
@@ -0,0 +1,47 @@
+import KanbanAPI from "../api/KanbanAPI.js";
+
+export default class DropZone {
+    static createDropZone() {
+        const range = document.createRange();
+
+        range.selectNode(document.body);
+
+        const dropZone = range.createContextualFragment(`
+			<div class="dropzone"></div>
+		`).children[0];
+
+        dropZone.addEventListener("dragover", e => {
+            e.preventDefault();
+            dropZone.classList.add("dropzone-active");
+        });
+
+        dropZone.addEventListener("dragleave", () => {
+            dropZone.classList.remove("dropzone-active");
+        });
+
+        dropZone.addEventListener("drop", e => {
+            e.preventDefault();
+            dropZone.classList.remove("dropzone-active");
+
+            const columnElement = dropZone.closest(".columns");
+            const columnId = Number(columnElement.dataset.id);
+            const dropZonesInColumn = Array.from(columnElement.querySelectorAll(".dropzone"));
+            const droppedIndex = dropZonesInColumn.indexOf(dropZone);
+            const itemId = Number(e.dataTransfer.getData("text/plain"));
+            const droppedItemElement = document.querySelector(`[data-id="${itemId}"]`);
+            const insertAfter = dropZone.parentElement.classList.contains("items") ? dropZone.parentElement : dropZone;
+
+            if (droppedItemElement.contains(dropZone)) {
+                return;
+            }
+
+            insertAfter.after(droppedItemElement);
+            KanbanAPI.updateItem(itemId, {
+                columnId,
+                position: droppedIndex
+            });
+        });
+
+        return dropZone;
+    }
+}
diff --git a/js/view/kanban.js b/js/view/kanban.js
@@ -1,47 +0,0 @@
-import KanbanAPI from "../api/KanbanAPI.js";
-
-export default class DropZone {
-    static createDropZone() {
-        const range = document.createRange();
-
-        range.selectNode(document.body);
-
-        const dropZone = range.createContextualFragment(`
-			<div class="dropzone"></div>
-		`).children[0];
-
-        dropZone.addEventListener("dragover", e => {
-            e.preventDefault();
-            dropZone.classList.add("dropzone-active");
-        });
-
-        dropZone.addEventListener("dragleave", () => {
-            dropZone.classList.remove("dropzone-active");
-        });
-
-        dropZone.addEventListener("drop", e => {
-            e.preventDefault();
-            dropZone.classList.remove("dropzone-active");
-
-            const columnElement = dropZone.closest(".columns");
-            const columnId = Number(columnElement.dataset.id);
-            const dropZonesInColumn = Array.from(columnElement.querySelectorAll(".dropzone"));
-            const droppedIndex = dropZonesInColumn.indexOf(dropZone);
-            const itemId = Number(e.dataTransfer.getData("text/plain"));
-            const droppedItemElement = document.querySelector(`[data-id="${itemId}"]`);
-            const insertAfter = dropZone.parentElement.classList.contains("items") ? dropZone.parentElement : dropZone;
-
-            if (droppedItemElement.contains(dropZone)) {
-                return;
-            }
-
-            insertAfter.after(droppedItemElement);
-            KanbanAPI.updateItem(itemId, {
-                columnId,
-                position: droppedIndex
-            });
-        });
-
-        return dropZone;
-    }
-}