Grammar change in the license declaration.

[citadel.git] / webcit-ng / static / js / mail_folder_list.js

diff --git a/webcit-ng/static/js/mail_folder_list.js b/webcit-ng/static/js/mail_folder_list.js
index 237962b7b4f8035b84670924d89395df9f852ffd..fff055d749385c43b58541680d291b40130d4232 100644 (file)
--- a/webcit-ng/static/js/mail_folder_list.js
+++ b/webcit-ng/static/js/mail_folder_list.js
@@ -3,7 +3,7 @@
 // Copyright (c) 2016-2023 by the citadel.org team
 //
 // This program is open source software.  Use, duplication, or
-// disclosure are subject to the GNU General Public License v3.
+// disclosure is subject to the GNU General Public License v3.
 
 
 // Display the mail folder list in the specified div
@@ -52,7 +52,6 @@ function render_mail_folder_list(roomlist_json) {
                        rendered_list += "<li "
                                        + "id=\"" + randomString() + "\" "
                                        + "onclick=\"gotoroom('" + roomlist_json[i].name + "')\" "
-                                       //+ "ondragstart=\"mail_folder_dragstart(event)\" "
                                        + "ondragover=\"mail_folder_dragover(event)\" "
                                        + "ondragleave=\"mail_folder_dragleave(event)\" "
                                        + "ondrop=\"mail_folder_drop(event, '" + escapeJS(roomlist_json[i].name) + "')\" "
@@ -67,17 +66,10 @@ function render_mail_folder_list(roomlist_json) {
 }
 
 
-// The user has begun hovering over this folder while dragging one or more messages.
-//function mail_folder_dragstart(event) {
-       //event.preventDefault();
-       //console.log("mail_folder_dragstart()");
-//}
-
-
 // There MUST be a dragover handler, otherwise drop doesn't work.
+// This also seems to be more reliable than a dragStart handler.
 function mail_folder_dragover(event) {
        event.preventDefault();
-       console.log("mail_folder_dragover() " + event.target.id);
        event.target.classList.toggle("ctdl_mail_folder_droppable", true);
 }
 
@@ -85,13 +77,44 @@ function mail_folder_dragover(event) {
 // The user is no longer hovering over this folder.
 function mail_folder_dragleave(event) {
        event.preventDefault();
-       console.log("mail_folder_dragleave()");
        event.target.classList.toggle("ctdl_mail_folder_droppable", false);
 }
 
 
+// Something has been dropped onto a folder.
 function mail_folder_drop(event, destination_room) {
        event.preventDefault();
-       console.log("mail_folder_drop(" + destination_room + ")");
        event.target.classList.toggle("ctdl_mail_folder_droppable", false);
+       var msgs = event.dataTransfer.getData("text").split(",");
+       for (var i=0; i<msgs.length; ++i) {
+               mail_move(msgs[i], destination_room);
+       }
+}
+
+
+// mail_folder_drop() calls this function for each message being moved
+mail_move = async(msgdivid, destination_room) => {
+       let msgdiv = document.getElementById(msgdivid);
+       let m = parseInt(msgdivid.substring(12));                               // derive msgnum from row id
+       let source = "/ctdl/r/" + escapeHTMLURI(current_room) + "/" + m;
+       let destination = "/ctdl/r/" + escapeHTMLURI(destination_room);
+
+       let response = await fetch(
+               source, {
+                       method: "MOVE",
+                       headers: {
+                               "Destination" : destination
+                       }
+               }
+       );
+
+       // If the server accepted the MOVE operation, delete the row from our screen.
+       if (response.ok) {
+               var table = document.getElementById("ctdl-onscreen-mailbox");
+               for (var i = 0, row; row = table.rows[i]; i++) {
+                       if (row.id == msgdivid) {
+                               table.deleteRow(i);
+                       }
+               }
+       }
 }