From: Art Cancro <ajc@citadel.org>
Date: Sat, 14 Jan 2023 20:00:43 +0000 (-0500)
Subject: Initial hack at mail folder list
X-Git-Tag: v973~42
X-Git-Url: https://code.citadel.org/?a=commitdiff_plain;h=7bbecca4c0511f0bf4befc22aaa507c690098365;p=citadel.git

Initial hack at mail folder list
---

diff --git a/webcit-ng/static/index.html b/webcit-ng/static/index.html
index 057aabdb1..801ad9003 100644
--- a/webcit-ng/static/index.html
+++ b/webcit-ng/static/index.html
@@ -69,6 +69,7 @@
 <script type="text/javascript" src="js/views.js"></script>
 <script type="text/javascript" src="js/view_forum.js"></script>
 <script type="text/javascript" src="js/view_mail.js"></script>
+<script type="text/javascript" src="js/mail_folder_list.js"></script>
 <script type="text/javascript" src="js/roomlist.js"></script>
 <script type="text/javascript" src="js/user_profile.js"></script>
 <script>
diff --git a/webcit-ng/static/js/mail_folder_list.js b/webcit-ng/static/js/mail_folder_list.js
new file mode 100644
index 000000000..9f408f1a7
--- /dev/null
+++ b/webcit-ng/static/js/mail_folder_list.js
@@ -0,0 +1,43 @@
+// Display the mail folder list
+//
+// Copyright (c) 2016-2022 by the citadel.org team
+//
+// This program is open source software.  Use, duplication, or
+// disclosure are 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()";
+
+		// load the room list from the Citadel Server
+		response = await fetch("/ctdl/r/", { method: "GET" } );
+		if (response.ok) {
+			roomlist = await response.json();
+			rendered_list = render_mail_folder_list(roomlist);
+		}
+		else {
+			rendered_list = "&#10060; " + response.status;
+		}
+
+		document.getElementById(target_div).innerHTML = rendered_list;
+	}
+
+	document.getElementById(target_div).innerHTML = "<img src=\"/ctdl/s/images/throbber.gif\" />";	// show throbber
+	document.getElementById(target_div).style.display = "block";
+	display_mail_folder_list_async(target_div);
+}
+
+
+// Given a JSON object containing the output of the `/ctdl/r` API call, return a rendered mail folder list.
+function render_mail_folder_list(roomlist_json) {
+	let rendered_list = "";
+
+	for (let i=0; i<roomlist_json.length; ++i) {
+		rendered_list += roomlist_json[i].name + "<br>";
+	}
+
+	return rendered_list;
+}
diff --git a/webcit-ng/static/js/views.js b/webcit-ng/static/js/views.js
index e3896dd30..49323ee16 100644
--- a/webcit-ng/static/js/views.js
+++ b/webcit-ng/static/js/views.js
@@ -40,7 +40,7 @@ function render_room_view() {
 		case views.VIEW_MAILBOX:
 		case views.VIEW_DRAFTS:
 			document.getElementById("ctdl-sidebar-button-mail").classList.add("ctdl-sidebar-button-selected");
-			document.getElementById("ctdl_mail_folder_list").style.display = "block";	// show folder list
+			display_mail_folder_list("ctdl_mail_folder_list");
 			view_render_mail();
 			break;