webcit-ng/static/js/main.js

   1 // Copyright (c) 2016-2022 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 do_biff = async() => {
   8         response = await fetch("/ctdl/a/biff");
   9         if (response.ok) {
  10                 biff_result = await(response.text());
  11                 try {
  12                         new_mail += parseInt(biff_result);
  13                 }
  14                 catch {
  15                 }
  16         }
  17
  18         if (new_mail > 0) {
  19                 console.log("YOU'VE GOT MAIL!  new_mail = " + new_mail);
  20                 new_mail_sound.play();                  // FIXME do a visual notification as well
  21                 new_mail = 0;
  22         }
  23 }
  24
  25
  26 // This is called at the very beginning of the main page load.
  27 ctdl_startup = async() => {
  28         response = await fetch("/ctdl/c/info");
  29
  30         if (response.ok) {
  31                 serv_info = await(response.json());
  32                 if (serv_info.serv_rev_level < 905) {
  33                         alert(_("Citadel server is too old, some functions may not work"));
  34                 }
  35
  36                 update_banner();
  37
  38                 // What do we do upon landing?
  39
  40                 if ( (serv_info.serv_supports_guest) || (logged_in) ) {                 // If the Lobby is visible,
  41                         gotonext(1);                                                    // go there.
  42                 }
  43                 else {                                                                  // Otherwise,
  44                         display_login_screen("");                                       // display the login modal.
  45                 }
  46
  47                 var biff_interval;
  48                 try {                                                                   // if this was already set up,
  49                         clearInterval(biff_interval);                                   // clear the old one so there's only one.
  50                 }
  51                 catch {
  52                 }
  53                 do_biff();
  54                 biff_interval = setInterval(do_biff, 10000);
  55         }
  56         else {
  57                 document.getElementById("ctdl-main").innerHTML =
  58                         "<div class=\"w3-panel w3-red\"><p>"
  59                         + _("This program was unable to connect or stay connected to the Citadel server.  Please report this problem to your system administrator.")
  60                         + "</div>";
  61         }
  62 }
  63
  64
  65 // Display a room list in the main div.
  66
  67 // Update the "banner" div with all relevant info.
  68 function update_banner() {
  69         detect_logged_in();
  70         if (current_room) {
  71                 document.getElementById("ctdl_banner_title").innerHTML = current_room;
  72                 if (is_room_aide) {
  73                         document.getElementById("ctdl_banner_title").innerHTML += "&nbsp;<i class=\"fa fa-user-cog\"></i>";
  74                 }
  75                 document.title = current_room;
  76         }
  77         else {
  78                 document.getElementById("ctdl_banner_title").innerHTML = serv_info.serv_humannode;
  79         }
  80
  81         document.getElementById("current_user_avatar").innerHTML = render_userpic(current_user);
  82         document.getElementById("current_user").innerHTML = current_user ;
  83
  84         if (logged_in) {
  85                 document.getElementById("lilo").innerHTML = "<a href=\"/ctdl/a/logout\"><i class=\"fa fa-right-from-bracket\"></i>" + _("Log off") + "</a>" ;
  86         }
  87         else {
  88                 document.getElementById("lilo").innerHTML = "<a href=\"javascript:display_login_screen('')\"><i class=\"fa fa-right-to-bracket\"></i>" + _("Log in") + "</a>" ;
  89         }
  90 }
  91
  92
  93 // goto room
  94 function gotoroom(roomname) {
  95
  96         fetch_room = async() => {
  97                 response = await fetch("/ctdl/r/" + escapeHTMLURI(roomname) + "/");
  98                 if (response.ok) {
  99                         data = await(response.json());
 100                         current_room = data.name;
 101                         new_messages = data.new_messages;
 102                         total_messages = data.total_messages;
 103                         current_view = data.current_view;
 104                         default_view = data.default_view;
 105                         last_seen = data.last_seen;
 106                         is_room_aide = data.is_room_aide;
 107                         room_mtime = data.room_mtime;
 108                         can_delete_messages = data.can_delete_messages;
 109                         update_banner();
 110                         render_room_view();
 111                 }
 112         }
 113         fetch_room();
 114 }
 115
 116
 117 // Goto next room with unread messages
 118 // which_oper is 0=ungoto, 1=skip, 2=goto
 119 function gotonext(which_oper) {
 120         if (which_oper == 2) {                                  // Goto needs to mark messages as seen
 121
 122                 set_last_read_pointer = async() => {
 123                         response = await fetch("/ctdl/r/" + escapeHTMLURI(current_room) + "/slrp?last=" + last_seen);
 124                 }
 125                 set_last_read_pointer();
 126         }
 127
 128         if ((which_oper == 1) || (which_oper == 2)) {           // Skip or Goto both take us to the "next" room
 129                 if (march_list.length == 0) {
 130                         load_new_march_list(which_oper);        // we will recurse back here
 131                 }
 132                 else {
 133                         next_room = march_list[0].name;
 134                         march_list.splice(0, 1);
 135                         gotoroom(next_room);
 136                 }
 137         }
 138
 139         // FIXME implement mode 0 (ungoto)
 140
 141 }
 142
 143
 144 // Called by gotonext() when the march list is empty.
 145 function load_new_march_list(which_oper) {
 146         fetchm = async() => {
 147                 response = await fetch("/ctdl/r/");
 148                 march_list = await(response.json());
 149                 if (response.ok) {
 150                         march_list = march_list.filter(function(room) {
 151                                 return(room.hasnewmsgs && room.default_view == views.VIEW_BBS);
 152                         });
 153                         march_list = march_list.sort(function(a,b) {
 154                                 if (a.floor != b.floor) {
 155                                         return(a.floor - b.floor);
 156                                 }
 157                                 if (a.rorder != b.rorder) {
 158                                         return(a.rorder - b.rorder);
 159                                 }
 160                                 return(a.name < b.name);
 161                         });
 162
 163                         // If there are still no rooms with new messages, go to the Lobby.
 164                         if (march_list.length == 0) {
 165                                 march_list.push({name:"_BASEROOM_",known:true,hasnewmsgs:true,floor:0});
 166                         }
 167
 168                         gotonext(which_oper);
 169                 }
 170         }
 171         fetchm();
 172 }
 173
 174
 175 // Activate the "Loading..." modal
 176 function activate_loading_modal() {
 177         document.getElementById("ctdl_big_modal").innerHTML =
 178                   "<div class=\"w3-modal-content\">"
 179                 + "  <div class=\"w3-container\">"
 180
 181                 + "<i class=\"fas fa-spinner fa-spin\"></i>&nbsp;&nbsp;"
 182                 + _("Loading messages from server, please wait")
 183
 184                 + "  </div>"
 185                 + "</div>";
 186         document.getElementById("ctdl_big_modal").style.display = "block";
 187 }
 188
 189
 190 // Disappear the "Loading..." modal
 191 function deactivate_loading_modal() {
 192         document.getElementById("ctdl_big_modal").style.display = "none";
 193 }