X-Git-Url: https://code.citadel.org/?a=blobdiff_plain;f=webcit-ng%2Fstatic%2Fjs%2Fviews.js;h=35fdbef5bc7f38abce720bd46d93d0824ef9379b;hb=439dbc67ce2cb6923a35efbd4c172ea3f5f83bf4;hp=3df8843153a9944bb78130de89f6bcd6e72e96b0;hpb=a2e2b0eab5e29c1bd61ec21737d28d3cb70ee364;p=citadel.git diff --git a/webcit-ng/static/js/views.js b/webcit-ng/static/js/views.js index 3df884315..35fdbef5b 100644 --- a/webcit-ng/static/js/views.js +++ b/webcit-ng/static/js/views.js @@ -1,5 +1,5 @@ // -// Copyright (c) 2016-2017 by the citadel.org team +// Copyright (c) 2016-2019 by the citadel.org team // // This program is open source software; you can redistribute it and/or modify // it under the terms of the GNU General Public License version 3. @@ -30,43 +30,174 @@ var views = { // This function is the dispatcher that determines the correct view for a room, -// and calls the correct renderer. +// and calls the correct renderer. Greater/Less than bounds are accepted. // -function render_room_view() { - +function render_room_view(gt_msg, lt_msg) +{ switch(current_view) { case views.VIEW_MAILBOX: // FIXME view mail rooms as forums for now case views.VIEW_BBS: - forum_readmessages("flat"); + forum_readmessages("ctdl-main", gt_msg, lt_msg); break; default: - document.getElementById("main").innerHTML = "The view for " + current_room + " is " + current_view + " but there is no renderer." ; + document.getElementById("ctdl-main").innerHTML = + "The view for " + current_room + " is " + current_view + " but there is no renderer." ; break; } } -// Forum view -- flat or threaded -// The inner div exists so that if the user clicks away early, the main div doesn't get clobbered when the load completes. -// The parameter can be set to "flat" or "threads" which is passed directly to the API +// Forum view (flat) -- let's have another go at this with the rendering done client-side +// +function forum_readmessages(target_div, gt_msg, lt_msg) +{ + original_text = document.getElementById(target_div).innerHTML; // in case we need to replace it after an error + document.getElementById(target_div).innerHTML = + " " + + _("Loading messages from server, please wait") ; + + var request = new XMLHttpRequest(); + if (lt_msg < 9999999999) { + request.open("GET", "/ctdl/r/" + escapeHTMLURI(current_room) + "/msgs.lt|" + lt_msg, true); + } + else { + request.open("GET", "/ctdl/r/" + escapeHTMLURI(current_room) + "/msgs.gt|" + gt_msg, true); + } + request.onreadystatechange = function() { + if (this.readyState === 4) { + if ((this.status / 100) == 2) { + msgs = JSON.parse(this.responseText); + document.getElementById(target_div).innerHTML = "" ; + + // If we were given an explicit starting point, by all means start there. + // Note that we don't have to remove them from the array because we did a 'msgs gt|xxx' command to Citadel. + if (gt_msg > 0) { + msgs = msgs.slice(0, messages_per_page); + } + + // Otherwise, show us the last 20 messages + else { + if (msgs.length > messages_per_page) { + msgs = msgs.slice(msgs.length - messages_per_page); + } + new_old_div_name = randomString(5); + if (msgs.length < 1) { + newlt = lt_msg; + } + else { + newlt = msgs[0]; + } + document.getElementById(target_div).innerHTML += + "