views.js: convert strings to template literals

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

diff --git a/webcit-ng/static/js/views.js b/webcit-ng/static/js/views.js
index f3cb58e030dd52569fa64f1439b23cb09d089f1f..b266dbe9997c9d77add6300b48803f390652ee9a 100644 (file)
--- a/webcit-ng/static/js/views.js
+++ b/webcit-ng/static/js/views.js
@@ -1,10 +1,9 @@
-// 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.
 
 
-
 // Clear the sidebar buttons of any style indicating that one is selected
 function clear_sidebar_selection() {
        var items = document.getElementById("ctdl-sidebar").getElementsByTagName("*");
@@ -17,16 +16,30 @@ function clear_sidebar_selection() {
 }
 
 
-// This function is the dispatcher that determines the correct view for a room, and calls the correct renderer.
-function render_room_view() {
+// Clear any drop handlers that might have been set by the previous view
+function clear_drop_handlers() {
+}
+
 
-       // The view renderer will set its own room navigation buttons
-       for (const d of ["ctdl-newmsg-button", "ctdl-ungoto-button", "ctdl-skip-button", "ctdl-goto-button"]) {
+// Clear the top bar navigation buttons.  The view renderer will set its own buttons.
+function clear_navigation_buttons() {
+       for (const d of ["ctdl-newmsg-button", "ctdl-ungoto-button", "ctdl-skip-button", "ctdl-goto-button", "ctdl-delete-button"]) {
                document.getElementById(d).style.display = "none";
        }
+}
 
+
+// This function is the dispatcher that determines the correct view for a room, and calls the correct renderer.
+function render_room_view() {
+
+       clear_navigation_buttons();
        clear_sidebar_selection();
-       document.getElementById("ctdl-main").innerHTML = _("Loading messages from server, please wait");
+       clear_drop_handlers();
+
+       document.getElementById("ctdl-main").innerHTML = 
+               "<div class=\"ctdl-middle\">"
+               + _("Loading messages from server, please wait")
+               + "</div>";
 
        switch(current_view) {
 
@@ -40,55 +53,55 @@ 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;
 
                // The "contacts" module displays rooms with the VIEW_ADDRESSBOOK view as a contacts manager.
                case views.VIEW_ADDRESSBOOK:
                        document.getElementById("ctdl-main").innerHTML =
-                               "<center>'" + current_room + "' is an address book but there is no renderer.</center>";
+                               `<div class="ctdl-middle">'${current_room}' is an address book but there is no renderer.</div>`;
                        break;
 
                case views.VIEW_CALENDAR:
                case views.VIEW_CALBRIEF:
                        document.getElementById("ctdl-main").innerHTML =
-                               "<center>'" + current_room + "' is a calendar but there is no renderer.</center>";
+                               `<div class="ctdl-middle">'${current_room}' is a calendar but there is no renderer.</div>`;
                        break;
 
                case views.VIEW_TASKS:
                        document.getElementById("ctdl-main").innerHTML =
-                               "<center>'" + current_room + "' is a task list but there is no renderer.</center>";
+                               `<div class="ctdl-middle">'${current_room}' is a task list but there is no renderer.</div>`;
                        break;
 
                case views.VIEW_NOTES:
                        document.getElementById("ctdl-main").innerHTML =
-                               "<center>'" + current_room + "' is a notes list but there is no renderer.</center>";
+                               `<div class="ctdl-middle">'${current_room}' is a notes list but there is no renderer.</div>`;
                        break;
 
                case views.VIEW_WIKI:
                        document.getElementById("ctdl-main").innerHTML =
-                               "<center>'" + current_room + "' is a wiki but there is no renderer.</center>";
+                               `<div class="ctdl-middle">'${current_room}' is a wiki but there is no renderer.</div>`;
                        break;
 
                case views.VIEW_JOURNAL:
                        document.getElementById("ctdl-main").innerHTML =
-                               "<center>'" + current_room + "' is a journal but there is no renderer.</center>";
+                               `<div class="ctdl-middle">'${current_room}' is a journal but there is no renderer.</div>`;
                        break;
 
                case views.VIEW_BLOG:
                        document.getElementById("ctdl-main").innerHTML =
-                               "<center>'" + current_room + "' is a blog but there is no renderer.</center>";
+                               `<div class="ctdl-middle">'${current_room}' is a blog but there is no renderer.</div>`;
                        break;
 
                case views.VIEW_QUEUE:
                        document.getElementById("ctdl-main").innerHTML =
-                               "<center>We ought to be displaying the email queue here.</center>";
+                               `<div class="ctdl-middle">'${current_room}' is the mail queue but there is no renderer.</div>`;
                        break;
 
                default:
                        document.getElementById("ctdl-main").innerHTML =
-                               "<center>The view for " + current_room + " is " + current_view + " but there is no renderer.</center>";
+                               `<div class="ctdl-middle">The view for '${current_room}' is ${current_view} but there is no renderer.</div>`;
                        break;
        }
 
@@ -102,10 +115,23 @@ function entmsg_dispatcher() {
                        forum_entmsg();
                        break;
                case views.VIEW_MAILBOX:
-                       mail_compose(false, "", 0, "", "", "");
+                       mail_compose("", 0, [], [], "");
                        break;
                default:
                        break;
        }
 }
 
+
+// This gets called when the user clicks the "delete" button etc.
+function delete_dispatcher() {
+       switch(current_view) {
+               case views.VIEW_MAILBOX:
+                       mail_delete_selected();
+                       break;
+               default:
+                       break;
+       }
+}
+
+