Got it! Temporarily working with the server-side C renderer

[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 7e10e3668b5d3b79a2499d9e79a826c20adacfe5..171fdf93576dc4b3fe54d5c336db5249ef0b6121 100644 (file)
--- a/webcit-ng/static/js/views.js
+++ b/webcit-ng/static/js/views.js
@@ -52,6 +52,7 @@ function render_room_view(gt_msg, lt_msg)
 //
 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 = 
                "<i class=\"fas fa-spinner fa-spin\"></i>&nbsp;&nbsp;"
                + _("Loading messages from server, please wait") ;
@@ -130,8 +131,7 @@ function forum_readmessages(target_div, gt_msg, lt_msg)
                        }
                        else
                        {
-                               document.getElementById(target_div).innerHTML = "error put it back";
-                               alert("ERROR " + this.status + " retrieving messages from server");
+                               document.getElementById(target_div).innerHTML = original_text;          // this will make the link reappear so the user can try again
                        }
                }
        };
@@ -144,9 +144,33 @@ function forum_readmessages(target_div, gt_msg, lt_msg)
 //
 function render_messages(msgs, prefix, view)
 {
-       for (var i in msgs)
+       for (i=0; i<msgs.length; ++i)
        {
-               document.getElementById(prefix + msgs[i]).innerHTML = "<b>Message " + msgs[i] + " got rendered!!!</b>";
+               render_one(prefix+msgs[i], msgs[i], view);
        }
+}
+
 
+// We have to put each XHR for render_messages() into its own stack frame, otherwise it jumbles them together.  I don't know why.
+function render_one(div, msgnum, view)
+{
+       var request = new XMLHttpRequest();
+       request.open("GET", "/ctdl/r/" + escapeHTMLURI(current_room) + "/" + msgs[i] + "/html", true);
+       request.onreadystatechange = function()
+       {
+               if (this.readyState === 4)
+               {
+                       if ((this.status / 100) == 2)
+                       {
+                               document.getElementById(div).innerHTML = this.responseText;     // FIXME don't let the C server render it.  do JSON now.
+                       }
+                       else
+                       {
+                               document.getElementById(div).innerHTML = "ERROR";
+                       }
+               }
+       };
+       request.send();
+       request = null;
 }
+