6c235fcdec530871dc93a42d059af2d23579a630
[citadel.git] / webcit-ng / static / js / views.js
1 // Copyright (c) 2016-2023 by the citadel.org team
2 //
3 // This program is open source software.  Use, duplication, or
4 // disclosure are subject to the GNU General Public License v3.
5
6
7 // Clear the sidebar buttons of any style indicating that one is selected
8 function clear_sidebar_selection() {
9         var items = document.getElementById("ctdl-sidebar").getElementsByTagName("*");
10         for (var i = items.length; i--;) {
11                 if (items[i].id.includes("ctdl-sidebar-button-")) {
12                         items[i].classList.remove("ctdl-sidebar-button-selected");
13                 }
14         }
15         document.getElementById("ctdl_mail_folder_list").style.display = "none";
16 }
17
18
19 // Clear any drop handlers that might have been set by the previous view
20 function clear_drop_handlers() {
21 }
22
23
24 // Clear the top bar navigation buttons.  The view renderer will set its own buttons.
25 function clear_navigation_buttons() {
26         for (const d of ["ctdl-newmsg-button", "ctdl-ungoto-button", "ctdl-skip-button", "ctdl-goto-button", "ctdl-delete-button"]) {
27                 document.getElementById(d).style.display = "none";
28         }
29 }
30
31
32 // This function is the dispatcher that determines the correct view for a room, and calls the correct renderer.
33 function render_room_view() {
34
35         clear_navigation_buttons();
36         clear_sidebar_selection();
37         clear_drop_handlers();
38
39         document.getElementById("ctdl-main").innerHTML = 
40                 "<div class=\"ctdl-middle\">"
41                 + _("Loading messages from server, please wait")
42                 + "</div>";
43
44         switch(current_view) {
45
46                 // The "forum" module displays rooms with the "VIEW_BBS" view as classic style web forums.
47                 case views.VIEW_BBS:
48                         document.getElementById("ctdl-sidebar-button-forums").classList.add("ctdl-sidebar-button-selected");
49                         view_render_forums();
50                         break;
51
52                 // The "mail" module displays rooms with the VIEW_MAILBOX view as a webmail program.
53                 case views.VIEW_MAILBOX:
54                 case views.VIEW_DRAFTS:
55                         document.getElementById("ctdl-sidebar-button-mail").classList.add("ctdl-sidebar-button-selected");
56                         display_mail_folder_list("ctdl_mail_folder_list");
57                         view_render_mail();
58                         break;
59
60                 // The "contacts" module displays rooms with the VIEW_ADDRESSBOOK view as a contacts manager.
61                 case views.VIEW_ADDRESSBOOK:
62                         view_render_contacts();
63                         break;
64
65                 case views.VIEW_CALENDAR:
66                 case views.VIEW_CALBRIEF:
67                         view_render_calendar();
68                         break;
69
70                 case views.VIEW_TASKS:
71                         document.getElementById("ctdl-main").innerHTML =
72                                 `<div class="ctdl-middle">'${current_room}' is a task list but there is no renderer.</div>`;
73                         break;
74
75                 case views.VIEW_NOTES:
76                         document.getElementById("ctdl-main").innerHTML =
77                                 `<div class="ctdl-middle">'${current_room}' is a notes list but there is no renderer.</div>`;
78                         break;
79
80                 case views.VIEW_WIKI:
81                         document.getElementById("ctdl-main").innerHTML =
82                                 `<div class="ctdl-middle">'${current_room}' is a wiki but there is no renderer.</div>`;
83                         break;
84
85                 case views.VIEW_JOURNAL:
86                         document.getElementById("ctdl-main").innerHTML =
87                                 `<div class="ctdl-middle">'${current_room}' is a journal but there is no renderer.</div>`;
88                         break;
89
90                 case views.VIEW_BLOG:
91                         document.getElementById("ctdl-main").innerHTML =
92                                 `<div class="ctdl-middle">'${current_room}' is a blog but there is no renderer.</div>`;
93                         break;
94
95                 case views.VIEW_QUEUE:
96                         document.getElementById("ctdl-main").innerHTML =
97                                 `<div class="ctdl-middle">'${current_room}' is the mail queue but there is no renderer.</div>`;
98                         break;
99
100                 default:
101                         document.getElementById("ctdl-main").innerHTML =
102                                 `<div class="ctdl-middle">The view for '${current_room}' is ${current_view} but there is no renderer.</div>`;
103                         break;
104         }
105
106 }
107
108
109 // This gets called when the user clicks the "enter message" or "post message" or "add item" button etc.
110 function entmsg_dispatcher() {
111         switch(current_view) {
112                 case views.VIEW_BBS:
113                         forum_entmsg();
114                         break;
115                 case views.VIEW_MAILBOX:
116                         mail_compose("", 0, [], [], "");
117                         break;
118                 default:
119                         break;
120         }
121 }
122
123
124 // This gets called when the user clicks the "delete" button etc.
125 function delete_dispatcher() {
126         switch(current_view) {
127                 case views.VIEW_MAILBOX:
128                         mail_delete_selected();
129                         break;
130                 default:
131                         break;
132         }
133 }
134
135