From: Michael D. Lowis <mike@mdlowis.com>
Date: Tue, 31 Jul 2018 23:59:02 +0000 (-0400)
Subject: added ability to edit cards
X-Git-Url: https://git.mdlowis.com/?a=commitdiff_plain;h=054074be792c40247848ae4995bc64873dc8f9d1;p=proto%2Fkanban.git

added ability to edit cards
---

diff --git a/index.html b/index.html
index 659fb9a..ff47c23 100644
--- a/index.html
+++ b/index.html
@@ -145,8 +145,8 @@ h2 {
 
     <div id="dialog" class="dialog">
         <div class="dialog-content">
-            <div contenteditable=true class="card-title">Card title...</div>
-            <div contenteditable=true class="card-content">Card title...</div>
+            <div id="dialogTitle" contenteditable=true class="card-title">Card title...</div>
+            <div id="dialogContent" contenteditable=true class="card-content">Card title...</div>
         </div>
     </div>
 
@@ -178,16 +178,26 @@ h2 {
         data.id = "";
     }
 
-    const dblclick = (ev) => {
-        dialog.classList.add("visible"); 
-    }
-
     window.onclick = (ev) => {
-        if (ev.target === dialog) {
-            dialog.classList.remove("visible"); 
+        if (ev.target == dialog) {
+            dialog.classList.remove("visible");
+            const card = document.getElementById("selected-card");
+            if (card) {
+                card.children[0].innerHTML = dialogTitle.innerHTML;
+                card.children[1].innerHTML = dialogContent.innerHTML;
+            }
         }
     }
 
+    const mkclickfun = (card) => {
+        return (ev) => {
+            dialogTitle.innerHTML = card.children[0].innerHTML;
+            dialogContent.innerHTML = card.children[1].innerHTML;
+            dialog.classList.add("visible");
+            card.id = "selected-card";
+        };
+    }
+
     for (let i = 0; i < board.children.length; i++) {
         board.children[i].ondrop = drag_drop;
         board.children[i].ondragover = drag_over;
@@ -195,7 +205,7 @@ h2 {
 
     const cards = document.getElementsByClassName("card");
     for (let i = 0; i < cards.length; i++) {
-        cards[i].ondblclick = dblclick;
+        cards[i].ondblclick = mkclickfun(cards[i]);
         cards[i].ondragstart = drag_start;
         cards[i].draggable = true;
     }