]> git.mdlowis.com Git - proto/kanban.git/commitdiff
added highlight of drop target
authorMichael D. Lowis <mike@mdlowis.com>
Wed, 1 Aug 2018 01:22:51 +0000 (21:22 -0400)
committerMichael D. Lowis <mike@mdlowis.com>
Wed, 1 Aug 2018 01:22:51 +0000 (21:22 -0400)
index.html

index ff47c2378f2c8127d2eb6188407e32d76eaaca26..10c24a605af3b800b0101351152d64935f90000f 100644 (file)
@@ -96,6 +96,9 @@ h2 {
     display: block;
 }
 
+.drag-target {
+    border: 1px solid deepskyblue;
+}
     </style>
 </head>
 <body>
@@ -162,6 +165,8 @@ h2 {
     const drag_over = (ev) => {
         ev.preventDefault();
         ev.dataTransfer.dropEffect = "move";
+        Array.from(document.getElementsByClassName("drag-target")).forEach((e) => e.classList.remove("drag-target"));
+        ev.target.classList.add("drag-target");
     }
 
     const drag_drop = (ev) => {
@@ -176,6 +181,7 @@ h2 {
             tgt.appendChild(data);
         }
         data.id = "";
+        Array.from(document.getElementsByClassName("drag-target")).forEach((e) => e.classList.remove("drag-target"));
     }
 
     window.onclick = (ev) => {
@@ -185,6 +191,7 @@ h2 {
             if (card) {
                 card.children[0].innerHTML = dialogTitle.innerHTML;
                 card.children[1].innerHTML = dialogContent.innerHTML;
+                card.id = "";
             }
         }
     }