Updated dependencies

Author: rmraya

.classpath

@@ -9,13 +9,13 @@
 	<classpathentry kind="lib" path="lib/javax.servlet-api.jar"/>
 	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/activation.jar"/>
 	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/dtd.jar"/>
-	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/sqlite-jdbc-3.43.0.0.jar"/>
 	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/javax.mail.jar"/>
 	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/json.jar"/>
 	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/jsoup.jar"/>
 	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/mapdb.jar"/>
 	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/openxliff.jar"/>
 	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/xmljava.jar"/>
 	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/swordfish.jar"/>
+	<classpathentry kind="lib" path="WebContent/WEB-INF/lib/sqlite-jdbc-3.45.3.0.jar"/>
 	<classpathentry kind="output" path="WebContent/WEB-INF/classes"/>
 </classpath>

WebContent/WEB-INF/lib/slf4j-api-2.0.13.jar

@@ -11,13 +11,13 @@
         "url": "https://github.com/rmraya/RemoteTM.git"
     },
     "devDependencies": {
-        "typescript": "^5.2.2"
+        "typescript": "^5.4.2"
     },
     "scripts": {
         "build": "tsc"
     },
     "dependencies": {
-        "@types/node": "^20.11.20",
+        "@types/node": "^20.11.25",
         "esbuild": "^0.20.1"
     }
 }

WebContent/WEB-INF/lib/slf4j-nop-2.0.13.jar

@@ -25,11 +25,6 @@ export class Dialog {
     closeLink: HTMLAnchorElement;
     closeAction: Function;
 
-    mouseStartX: number;
-    mouseStartY: number;
-    dialogTop: number;
-    dialogLeft: number;
-
     backdrop: HTMLDivElement;
 
     constructor(width: number) {
@@ -40,13 +35,12 @@ export class Dialog {
 
         this.id = 'dia' + (Math.random() * 10000000);
         this.dialog = document.createElement('div');
+        this.dialog.id = this.id;
         this.dialog.classList.add('dialog');
         this.dialog.classList.add('hidden');
         this.dialog.style.zIndex = (102 + (2 * RemoteTM.dialogCount())) + '';
         this.dialog.draggable = true;
         this.dialog.addEventListener('dragstart', (ev: DragEvent) => { this.dragStart(ev); });
-        this.dialog.addEventListener('drag', (ev: DragEvent) => { this.drag(ev); });
-        this.dialog.addEventListener('dragend', (ev: DragEvent) => { this.dragEnd(ev); })
         this.center(width);
         document.body.appendChild(this.dialog);
 
@@ -139,30 +133,18 @@ export class Dialog {
     }
 
     dragStart(event: DragEvent) {
-        this.mouseStartX = event.clientX;
-        this.mouseStartY = event.clientY;
-        this.dialogTop = this.dialog.offsetTop;
-        this.dialogLeft = this.dialog.offsetLeft;
-        if (this.mouseStartY > this.dialogTop + this.titleArea.clientHeight) {
+        if (event.clientY > this.dialog.offsetTop + this.titleArea.clientHeight) {
             event.preventDefault();
             event.stopPropagation();
         }
-    }
-
-    drag(event: DragEvent) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (event.clientX === 0 && event.clientY === 0) {
-            return;
+        if (event.dataTransfer) {
+            event.dataTransfer.setData("id", this.id);
+            const boundingRect = this.dialog.getBoundingClientRect();
+            const offset = {
+                x: event.clientX - boundingRect.left,
+                y: event.clientY - boundingRect.top,
+            };
+            event.dataTransfer.setData("offset", JSON.stringify(offset));
         }
-        this.dialog.style.left = (this.dialogLeft - this.mouseStartX + event.clientX) + 'px';
-        this.dialog.style.top = (this.dialogTop - this.mouseStartY + event.clientY) + 'px';
-    }
-
-    dragEnd(event: DragEvent) {
-        event.preventDefault();
-        event.stopPropagation();
-        this.dialog.style.left = (this.dialogLeft - this.mouseStartX + event.clientX) + 'px';
-        this.dialog.style.top = (this.dialogTop - this.mouseStartY + event.clientY) + 'px';
     }
 }

…ent/WEB-INF/lib/sqlite-jdbc-3.43.0.0.jar …ent/WEB-INF/lib/sqlite-jdbc-3.45.3.0.jarWebContent/WEB-INF/lib/sqlite-jdbc-3.43.0.0.jar renamed to WebContent/WEB-INF/lib/sqlite-jdbc-3.45.3.0.jar WebContent/WEB-INF/lib/sqlite-jdbc-3.43.0.0.jar renamed to WebContent/WEB-INF/lib/sqlite-jdbc-3.45.3.0.jar

@@ -54,6 +54,30 @@ export class RemoteTM {
             this.resize();
         });
 
+        document.documentElement.addEventListener("dragover", (event: DragEvent) => {
+            event.preventDefault();
+            if (event.dataTransfer) {
+                event.dataTransfer.dropEffect = "move";
+            }
+        });
+
+        document.documentElement.addEventListener("drop", (event: DragEvent) => {
+            event.preventDefault();
+            if (event.dataTransfer) {
+                let id: string = event.dataTransfer.getData("id");
+                if (id) {
+                    let element: HTMLElement | null = document.getElementById(id);
+                    if (element && element.classList.contains('dialog')) {
+                        const offset: any = JSON.parse(event.dataTransfer.getData("offset"));
+                        const xPos: number = event.clientX - parseInt(offset.x);
+                        const yPos: number = event.clientY - parseInt(offset.y);
+                        element.style.left = xPos + 'px';
+                        element.style.top = yPos + 'px';
+                    }
+                }
+            }
+        });
+
         if (code) {
             this.showReset(code);
             return;