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 ce11fbacd64aa7ee48dc42437c8ac3a78dc81289..fff055d749385c43b58541680d291b40130d4232 100644 (file)
--- a/webcit-ng/static/js/mail_folder_list.js
+++ b/webcit-ng/static/js/mail_folder_list.js
@@ -1,16 +1,16 @@
 // Display the mail folder list
 //
-// Copyright (c) 2016-2022 by the citadel.org team
+// 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
 function display_mail_folder_list(target_div) {
 
        display_mail_folder_list_async = async(target_div) => {
-               let rendered_list = "hi from display_mail_folder_list_async()";
+               let rendered_list = "";
 
                // load the room list from the Citadel Server
                response = await fetch("/ctdl/r/", { method: "GET" } );
@@ -38,21 +38,83 @@ function render_mail_folder_list(roomlist_json) {
        roomlist_json.sort(function(a, b) {
                if (a.floor > b.floor) return 1;
                if (a.floor < b.floor) return -1;
+               if (a.name == "Mail") return -1;
+               if (b.name == "Mail") return 1;
                if (a.rorder > b.rorder) return 1;
                if (a.rorder < b.rorder) return -1;
                return 0;
        });
 
        // Turn it into displayable markup
-       let rendered_list = "";
-       rendered_list += "<ul>";
+       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>";
-                       rendered_list += ( (roomlist_json[i].name == "Mail") ? _("INBOX") : escapeHTML(roomlist_json[i].name));
+                       rendered_list += "<li "
+                                       + "id=\"" + randomString() + "\" "
+                                       + "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"
+                       ;
                }
        }
        rendered_list += "</ul>";
-
        return rendered_list;
 }
+
+
+// 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();
+       event.target.classList.toggle("ctdl_mail_folder_droppable", true);
+}
+
+
+// The user is no longer hovering over this folder.
+function mail_folder_dragleave(event) {
+       event.preventDefault();
+       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();
+       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);
+                       }
+               }
+       }
+}