From 9fa00515500c1a7d5d2452be69dd33ff0e62c0c6 Mon Sep 17 00:00:00 2001
From: Bent Bisballe Nyeng <deva@aasimon.org>
Date: Fri, 18 May 2012 13:20:02 +0200
Subject: Ugly implementation of inline-title edit on double click.

---
 proto.js | 100 ++++++++++++++++++++++++++++++++++++++++++++++++++-------------
 1 file changed, 80 insertions(+), 20 deletions(-)

(limited to 'proto.js')

diff --git a/proto.js b/proto.js
index f3cece5..92f90fc 100644
--- a/proto.js
+++ b/proto.js
@@ -57,6 +57,30 @@ var BrowserDetect = {
 
 BrowserDetect.init();
 
+function createId(boardid, taskid)
+{
+  return "b" + boardid + "_t" + taskid;
+}
+
+function idFromStr(str)
+{
+  return str.substring(str.search('t') + 1, str.length);
+}
+
+function getElementsByClass(searchClass, domNode, tagName) { 
+	if (domNode == null) domNode = document;
+	if (tagName == null) tagName = '*';
+	var el = new Array();
+	var tags = domNode.getElementsByTagName(tagName);
+	var tcl = " "+searchClass+" ";
+	for(i=0,j=0; i<tags.length; i++) { 
+		var test = " " + tags[i].className + " ";
+		if (test.indexOf(tcl) != -1) 
+			el[j++] = tags[i];
+	} 
+	return el;
+}
+
 function get_appropriate_ws_url()
 {
     var pcol;
@@ -143,30 +167,23 @@ try {
 
             var board = document.getElementById("board_" + observeid);
             if(!board) {
-              //alert('missing board')
               board = document.createElement("div");
-
               board.name = "board";
               board.setAttribute("class", "board");
-              board.setAttribute("style", "background-color: black; fixed-width: 100px; min-height: 200px; margin: 4px;");
-              //board.setAttribute("ondrop", "drop(this, event)");
-              //board.setAttribute("ondragover", "return false");
-              //board.setAttribute("draggable", true);
-              //board.setAttribute("ondragstart", "drag(this, event)");
               board.id = "board_" + observeid;
               boards.appendChild(board);
             }
 
             if(cmd == "remove") {
-                var task = document.getElementById("board_" + observeid + "task_" + id);
+              var task = document.getElementById(createId(observeid, id));
                 task.parentNode.removeChild(task);
             }
             else if(cmd == "move") {
 	              var parent_id = msg[3];
-                var task = document.getElementById("board_" + observeid + "task_" + id);
+                var task = document.getElementById(createId(observeid, id));
                 if(parent_id != -1) {
-                    var parent_task = document.getElementById("board_" + observeid + "task_" + parent_id);
-	                  parent_task.appendChild(task);
+                  var parent_task = document.getElementById(createId(observeid, parent_id));
+                  parent_task.appendChild(task);
                 }
                 else {
                     board.appendChild(task);
@@ -178,18 +195,21 @@ try {
 
                 task.name = "task";
                 task.setAttribute("class", "task");
+                task.setAttribute("ondblclick", "editTitle(this, event)");
                 task.setAttribute("ondrop", "drop(this, event)");
                 task.setAttribute("ondragover", "return false");
                 task.setAttribute("draggable", true);
                 task.setAttribute("ondragstart", "drag(this, event)");
 
-	              task.id = "board_" + observeid + "task_" + id;
+	              task.id = createId(observeid, id);
 
-                var taskText = document.createTextNode('[' + task.id + ']');
-                taskText.id = "txt";
-	              task.appendChild(taskText);
+                var txtdiv = document.createElement("div");
+                txtdiv.id = createId(observeid, id) + "_txt";
+                var txt = document.createTextNode(createId(observeid, id));
+	              txtdiv.appendChild(txt);
+	              task.appendChild(txtdiv);
 	                    	        
-                var parent_task = document.getElementById("board_" + observeid + "task_" + parent_id);
+                var parent_task = document.getElementById(createId(observeid, parent_id));
 
 	              if(parent_task) {
                     parent_task.appendChild(task);
@@ -200,9 +220,12 @@ try {
             }
             else if(cmd == "update") {
                 var title = msg[3];
-                var task = document.getElementById("board_" + observeid + "task_" + id);
-	              var taskText = document.createTextNode(title);
-	              task.appendChild(taskText);
+                //var task = document.getElementById(createId(observeid, id));
+                var txtdiv = document.getElementById(createId(observeid, id) + "_txt");
+                txtdiv.removeChild(txtdiv.firstChild);
+
+                var txt = document.createTextNode(title);
+	              txtdiv.appendChild(txt);
             }
             f++;
         }
@@ -241,5 +264,42 @@ function drop(target, e) {
 
     var id = e.dataTransfer.getData('Text');
     var task = document.getElementById(id);
-    socket_task.send("move " + id.substring(12, id.length) + " " + target.id.substring(12, target.id.length) + ";");
+    socket_task.send("move " + idFromStr(id) + " " + idFromStr(target.id) + ";");
 }
+
+//
+// Butt ugly.. but hey! it works...
+//
+var updateid;
+var divtxt;
+var oldtxt;
+var oldtitle;
+function onKeyUpHandler(target, e)
+{
+  if(e.which == 13) { // enter
+    divtxt.removeChild(target);
+    oldtxt.nodeValue = 'updating...';
+    socket_task.send("update " + updateid + " \""+target.value+"\";");
+  }
+  if(e.which == 27) { // escape
+    divtxt.removeChild(target);
+    oldtxt.nodeValue = oldtitle;
+  }
+}
+
+function editTitle(target, e)
+{
+  e.stopPropagation();
+  updateid = idFromStr(target.id)
+    if(updateid < 10) return;
+  var inp = document.createElement("input");
+  var txtdiv = document.getElementById(target.id + "_txt");
+  divtxt = txtdiv;
+  oldtxt = txtdiv.firstChild;
+  oldtitle = oldtxt.nodeValue;
+  oldtxt.nodeValue = "";
+  inp.setAttribute("onkeyup", "onKeyUpHandler(this, event)");
+  lineedit = inp;
+  txtdiv.appendChild(inp);
+  inp.focus();
+}
\ No newline at end of file
-- 
cgit v1.2.3


From f3612d1e091f856523f8cdfc933f31c0fad8f8cb Mon Sep 17 00:00:00 2001
From: Bent Bisballe Nyeng <deva@aasimon.org>
Date: Fri, 18 May 2012 13:48:09 +0200
Subject: Remove annoying and broken opacity.

---
 proto.js | 1 -
 1 file changed, 1 deletion(-)

(limited to 'proto.js')

diff --git a/proto.js b/proto.js
index 92f90fc..b6ecf25 100644
--- a/proto.js
+++ b/proto.js
@@ -253,7 +253,6 @@ function deleteTask(id) {
 }
 
 function drag(target, e) {
-    e.target.style.opacity = '0.4';
     e.dataTransfer.setData('Text', target.id);
     e.stopPropagation(); // <--- this fixes the drag target problem
 }
-- 
cgit v1.2.3


From 7b669ca2dd286de7875fd208b6e6047c8bfd4a1e Mon Sep 17 00:00:00 2001
From: Bent Bisballe Nyeng <deva@aasimon.org>
Date: Fri, 18 May 2012 14:39:37 +0200
Subject: Close title editor when leaving focus if title was not yet changed.

---
 proto.js | 29 ++++++++++++++---------------
 1 file changed, 14 insertions(+), 15 deletions(-)

(limited to 'proto.js')

diff --git a/proto.js b/proto.js
index b6ecf25..5c7a1d5 100644
--- a/proto.js
+++ b/proto.js
@@ -67,20 +67,6 @@ function idFromStr(str)
   return str.substring(str.search('t') + 1, str.length);
 }
 
-function getElementsByClass(searchClass, domNode, tagName) { 
-	if (domNode == null) domNode = document;
-	if (tagName == null) tagName = '*';
-	var el = new Array();
-	var tags = domNode.getElementsByTagName(tagName);
-	var tcl = " "+searchClass+" ";
-	for(i=0,j=0; i<tags.length; i++) { 
-		var test = " " + tags[i].className + " ";
-		if (test.indexOf(tcl) != -1) 
-			el[j++] = tags[i];
-	} 
-	return el;
-}
-
 function get_appropriate_ws_url()
 {
     var pcol;
@@ -119,6 +105,7 @@ try {
     socket_task.onopen = function() {
         document.getElementById("wstask_status").style.backgroundColor = "#40ff40";
         document.getElementById("wstask_status").textContent = "TaskProto websocket connection opened ";
+        socket_task.send("observe 0;");
     } 
 
     socket_task.onmessage = function got_packet(msg) {
@@ -200,12 +187,13 @@ try {
                 task.setAttribute("ondragover", "return false");
                 task.setAttribute("draggable", true);
                 task.setAttribute("ondragstart", "drag(this, event)");
+                task.setAttribute("title", id);
 
 	              task.id = createId(observeid, id);
 
                 var txtdiv = document.createElement("div");
                 txtdiv.id = createId(observeid, id) + "_txt";
-                var txt = document.createTextNode(createId(observeid, id));
+                var txt = document.createTextNode("");
 	              txtdiv.appendChild(txt);
 	              task.appendChild(txtdiv);
 	                    	        
@@ -286,6 +274,14 @@ function onKeyUpHandler(target, e)
   }
 }
 
+function onLostFocusHandler(target, e)
+{
+  if(target.value == oldtitle) {
+    divtxt.removeChild(target);
+    oldtxt.nodeValue = oldtitle;
+  }
+}
+
 function editTitle(target, e)
 {
   e.stopPropagation();
@@ -298,6 +294,9 @@ function editTitle(target, e)
   oldtitle = oldtxt.nodeValue;
   oldtxt.nodeValue = "";
   inp.setAttribute("onkeyup", "onKeyUpHandler(this, event)");
+  inp.setAttribute("onblur", "onLostFocusHandler(this, event)");
+  inp.setAttribute("style", "border: inherit; padding: inherit; margin: inherit; background: inherit;");
+  inp.value = oldtitle;
   lineedit = inp;
   txtdiv.appendChild(inp);
   inp.focus();
-- 
cgit v1.2.3


From 9818ab31e050f9389e4ebf76ed3aea4c07a1e893 Mon Sep 17 00:00:00 2001
From: Bent Bisballe Nyeng <deva@aasimon.org>
Date: Fri, 18 May 2012 14:52:20 +0200
Subject: Simple but messy hide/show functionality on child nodes.

---
 proto.js | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

(limited to 'proto.js')

diff --git a/proto.js b/proto.js
index 5c7a1d5..b8873fe 100644
--- a/proto.js
+++ b/proto.js
@@ -183,6 +183,7 @@ try {
                 task.name = "task";
                 task.setAttribute("class", "task");
                 task.setAttribute("ondblclick", "editTitle(this, event)");
+                task.setAttribute("onclick", "showHideChildren(this, event)");
                 task.setAttribute("ondrop", "drop(this, event)");
                 task.setAttribute("ondragover", "return false");
                 task.setAttribute("draggable", true);
@@ -254,6 +255,23 @@ function drop(target, e) {
     socket_task.send("move " + idFromStr(id) + " " + idFromStr(target.id) + ";");
 }
 
+function showHideChildren(target, e)
+{
+  e.stopPropagation();
+  updateid = idFromStr(target.id);
+  if(target.style.backgroundColor != "red") {
+    target.style.backgroundColor = "red";
+    for(var i = 1; i < target.childNodes.length; i++) {
+      target.childNodes[i].style.display = "none";
+    }
+  } else {
+    target.style.backgroundColor = "grey";
+    for(var i = 1; i < target.childNodes.length; i++) {
+      target.childNodes[i].style.display = "block";
+    }
+  }
+}
+
 //
 // Butt ugly.. but hey! it works...
 //
@@ -285,8 +303,8 @@ function onLostFocusHandler(target, e)
 function editTitle(target, e)
 {
   e.stopPropagation();
-  updateid = idFromStr(target.id)
-    if(updateid < 10) return;
+  updateid = idFromStr(target.id);
+  if(updateid < 10) return;
   var inp = document.createElement("input");
   var txtdiv = document.getElementById(target.id + "_txt");
   divtxt = txtdiv;
@@ -300,4 +318,4 @@ function editTitle(target, e)
   lineedit = inp;
   txtdiv.appendChild(inp);
   inp.focus();
-}
\ No newline at end of file
+}
-- 
cgit v1.2.3