Beginnings of mailbox view

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

diff --git a/webcit-ng/static/js/view_mail.js b/webcit-ng/static/js/view_mail.js
index 415d5c267289345f723ccbbfa2237b69480eb278..38245621b462b6078ff46fd24abf68247e48e550 100644 (file)
--- a/webcit-ng/static/js/view_mail.js
+++ b/webcit-ng/static/js/view_mail.js
@@ -7,5 +7,38 @@
 // Set up the mailbox view
 function mail_display() {
        target_div = document.getElementById("ctdl-main");
-       target_div.innerHTML = "haah h0h00 wowowozers";
+       target_div.innerHTML = "<div id=\"ctdl-mailbox-pane\">mailbox pane</div><div id=\"ctdl-reading-pane\">reading pane</div>";
+       mailbox_pane = document.getElementById("ctdl-mailbox-pane");
+       reading_pane = document.getElementById("ctdl-reading-pane");
+
+       activate_loading_modal();
+       url = "/ctdl/r/" + escapeHTMLURI(current_room) + "/mailbox";
+       fetch_mailbox = async() => {
+               response = await fetch(url);
+               msgs = await(response.json());
+               if (response.ok) {
+
+                       box =   "<table border=1 width=100%><tr>"
+                               + "<th>" + _("Subject") + "</th>"
+                               + "<th>" + _("Sender") + "</th>"
+                               + "<th>" + _("Date") + "</th>"
+                               + "<th>#</th>"
+                               + "</tr>";
+
+
+                       for (var i=0; i<msgs.length; ++i) {
+                               box +=  "<tr id=\"ctdl-msgsum-" + msgs[i]["msgnum"] + "\">"
+                                       + "<td>" + msgs[i]["subject"] + "</td>"
+                                       + "<td>" + msgs[i]["author"] + " &lt;" + msgs[i]["addr"] + "&gt;</td>"
+                                       + "<td>" + convertTimestamp(msgs[i]["time"]) + "</td>"
+                                       + "<td>" + msgs[i]["msgnum"] + "</td>"
+                                       + "</tr>";
+                       }
+
+                       box +=  "</table>";
+                       mailbox_pane.innerHTML = box;
+               }
+       }
+       fetch_mailbox();
+       deactivate_loading_modal();
 }