diff options
Diffstat (limited to 'src/ws/view.js')
| -rw-r--r-- | src/ws/view.js | 186 |
1 files changed, 102 insertions, 84 deletions
diff --git a/src/ws/view.js b/src/ws/view.js index 5f98587..18dfb91 100644 --- a/src/ws/view.js +++ b/src/ws/view.js @@ -1,20 +1,20 @@ -/* -*- Mode: javascript; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ +/* -*- Mode: js2; tab-width: 2; indent-tabs-mode: nil; c-basic-offset: 2 -*- */ /* vim: set et sw=2 ts=2: */ /* function createNode() { - var node = new Node(); - node.id = 42; - node.dump = function() { - alert(this.id); - } + var node = new Node(); + node.id = 42; + node.dump = function() + { + alert(this.id); + } } */ function getNode(subscribeid, id) { - } function updateNode(subscribeid, id, name, value) @@ -23,83 +23,95 @@ function updateNode(subscribeid, id, name, value) function getBoard(subscribeid) { - var board = document.getElementById("board_" + subscribeid); - if(!board) { - board = document.createElement("div"); - board.name = "board"; - board.setAttribute("class", "board"); - board.id = "board_" + subscribeid; - boards.appendChild(board); - } + var board = document.getElementById("board_" + subscribeid); + if(!board) + { + board = document.createElement("div"); + board.name = "board"; + board.setAttribute("class", "board"); + board.id = "board_" + subscribeid; + boards.appendChild(board); + } - return board; + return board; } ////////////////////////////////////////////////////// ////////////////////////////////////////////////////// -function clear() { - document.getElementById("input_data").value = ""; +function clear() +{ + document.getElementById("input_data").value = ""; } -function deleteNode(id) { - remove(id); +function deleteNode(id) +{ + remove(id); } -function drag(target, e) { - e.dataTransfer.setData('Text', target.id); - e.stopPropagation(); // <--- this fixes the drag target problem +function drag(target, e) +{ + e.dataTransfer.setData('Text', target.id); + e.stopPropagation(); // <--- this fixes the drag target problem } -function drop(target, e) { - e.preventDefault(); - e.stopPropagation(); +function drop(target, e) +{ + e.preventDefault(); + e.stopPropagation(); - var id = e.dataTransfer.getData('Text'); - var node = document.getElementById(id); - move(idFromStr(id), idFromStr(target.id)); + var id = e.dataTransfer.getData('Text'); + var node = document.getElementById(id); + move(idFromStr(id), idFromStr(target.id)); } function subscribeMe(target, e) { - e.stopPropagation(); - subscribe(target.title); + e.stopPropagation(); + subscribe(target.title); } function unsubscribeMe(target, e) { - e.stopPropagation(); - unsubscribe(target.title); + e.stopPropagation(); + unsubscribe(target.title); } 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"; - } - } -} - -function node_submit() { - var data = document.getElementById("input_node_data"); - transmit(data.value); - data.value = ""; + 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"; + } + } +} + +function node_submit() +{ + var data = document.getElementById("input_node_data"); + transmit(data.value); + data.value = ""; } function node_submit_KeyUpHandler(target, e) { - if(e.which == 13) { // enter - node_submit(); - } + if(e.which == 13) + { // enter + node_submit(); + } } // @@ -111,41 +123,47 @@ var oldtxt; var oldtitle; function onKeyUpHandler(target, e) { - if(e.which == 13) { // enter - divtxt.removeChild(target); - oldtxt.nodeValue = 'updating...'; - update(updateid, "title", target.value); - } - if(e.which == 27) { // escape - divtxt.removeChild(target); - oldtxt.nodeValue = oldtitle; - } + if(e.which == 13) + { // enter + divtxt.removeChild(target); + oldtxt.nodeValue = 'updating...'; + update(updateid, "title", target.value); + } + if(e.which == 27) + { // escape + divtxt.removeChild(target); + oldtxt.nodeValue = oldtitle; + } } function onLostFocusHandler(target, e) { - if(target.value == oldtitle) { - divtxt.removeChild(target); - oldtxt.nodeValue = oldtitle; - } + if(target.value == oldtitle) + { + 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)"); - 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(); + 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)"); + 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(); } |