From: Ian Jackson <ijackson@chiark.greenend.org.uk>
Date: Sun, 7 Jun 2020 20:15:12 +0000 (+0100)
Subject: wip non dnd
X-Git-Tag: otter-0.2.0~1603
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~ianmdlvl/git?a=commitdiff_plain;h=ec083f95844c167201efefdbbf09b38f10c69f86;p=otter.git

wip non dnd
---

diff --git a/templates/script.js b/templates/script.js
index 96a92995..8e2637c2 100644
--- a/templates/script.js
+++ b/templates/script.js
@@ -8,15 +8,27 @@ status_node.innerHTML = 'js-done'
 var our_dnd_type = "text/puvnex-game-server-dummy";
 
   console.log('foo1');
-function test_dragstart(event) {
-  console.log('foo2', event);
-  if (event.target instanceof HTMLLIElement) {
-    event.dataTransfer.setData(our_dnd_type,
-			       event.target.dataset.objid);
-    event.dataTransfer.effectAllowed = "move";
-  } else {
-    event.preventDefault();
-  }
+
+function drag_mousedown(e) {
+  console.log('mousedown', e);
+  dcx = e.clientX;
+  dcy = e.clientY;
+  window.addEventListener('mousemove', drag_mousemove, true);
+  window.addEventListener('mouseup',   drag_mouseup,   true);
+}
+
+function drag_mousemove(e) {
+  console.log('mousemove',
+	      e.clientX - dcx,
+	      e.clientY - dcy);
+}
+
+function drag_mouseup(e) {
+  console.log('mouseup',
+	      e.clientX - dcx,
+	      e.clientY - dcy);
+  window.removeEventListener('mousemove', drag_mousemove, true);
+  window.removeEventListener('mouseup',   drag_mouseup,   true);
 }
 
 es = new EventSource("updates");
diff --git a/templates/test.html b/templates/test.html
index 1269b6d6..3bb1ff7a 100644
--- a/templates/test.html
+++ b/templates/test.html
@@ -10,8 +10,8 @@
       <rect fill="green" x="42" y="56" width="100" height="80"/>
       <circle
 	draggable="true"
-	ondragstart="console.log('ds')"
-	onclick"=console.log('click')"
+	onmousedown="drag_mousedown(event)"
+	onclick="console.log('click')"
 	data-objid="42"
 	fill="red" cx="50" cy="80" r="10"/>
     </svg>