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 ba8a74f56dd26cef4bff340d2f02387c48e31659..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
@@ -46,17 +46,16 @@ function render_mail_folder_list(roomlist_json) {
        });
 
        // Turn it into displayable markup
-       let rendered_list = "";
-       rendered_list += "<ul class=\"ctdl_mail_folders\">\n";
+       let rendered_list = "<ul class=\"ctdl_mail_folders\" id=\"ctdl_mail_folders\">\n";
        for (let i=0; i<roomlist_json.length; ++i) {
                if (roomlist_json[i].current_view == views.VIEW_MAILBOX) {
                        rendered_list += "<li "
                                        + "id=\"" + randomString() + "\" "
-                                       + "onDragEnter=\"return mail_dragenter_handler(event)\" "
-                                       + "onDragOver=\"return mail_dragover_handler(event)\" "
-                                       + "onDragLeave=\"return mail_dragleave_handler(event)\" "
-                                       + "onDrop=\"return mail_drop_handler(event, '" + escapeJS(roomlist_json[i].name) + "')\" "
-                                       + "onClick=\"gotoroom('" + roomlist_json[i].name + "');\">"
+                                       + "onclick=\"gotoroom('" + roomlist_json[i].name + "')\" "
+                                       + "ondragover=\"mail_folder_dragover(event)\" "
+                                       + "ondragleave=\"mail_folder_dragleave(event)\" "
+                                       + "ondrop=\"mail_folder_drop(event, '" + escapeJS(roomlist_json[i].name) + "')\" "
+                                       + ">"
                                        + ((roomlist_json[i].name == "Mail") ? _("INBOX") : escapeHTML(roomlist_json[i].name))
                                        + "</li>\n"
                        ;
@@ -67,28 +66,55 @@ function render_mail_folder_list(roomlist_json) {
 }
 
 
-function mail_dragenter_handler(event) {
+// 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();
-       return false;
+       event.target.classList.toggle("ctdl_mail_folder_droppable", true);
 }
 
 
-function mail_dragover_handler(event) {
+// The user is no longer hovering over this folder.
+function mail_folder_dragleave(event) {
        event.preventDefault();
-       return false;
+       event.target.classList.toggle("ctdl_mail_folder_droppable", false);
 }
 
 
-function mail_dragleave_handler(event) {
+// Something has been dropped onto a folder.
+function mail_folder_drop(event, destination_room) {
        event.preventDefault();
-       return false;
+       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);
+       }
 }
 
 
-function mail_drop_handler(event, to_room) {
-       console.log("Drop! " + event.currentTarget.id + " to room '" + to_room + "'");
-       event.preventDefault();
-       return false;
-}
-
+// 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);
+                       }
+               }
+       }
+}