- document.body.style.cursor = "wait";
- fetch_message = async() => {
- response = await fetch("/ctdl/r/" + escapeHTMLURI(current_room) + "/" + msgs[i] + "/json");
- msg = await response.json();
- if (response.ok) {
- outmsg =
- "<div class=\"ctdl-msg-wrapper\">" // begin message wrapper
- + "<div class=\"ctdl-avatar\">" // begin avatar
- + "<img src=\"/ctdl/u/" + msg.from + "/userpic\" width=\"32\" "
- + "onerror=\"this.parentNode.innerHTML='<i class="fa fa-user-circle fa-2x"></i> '\">"
- + "</div>" // end avatar
- + "<div class=\"ctdl-msg-content\">" // begin content
- + "<div class=\"ctdl-msg-header\">" // begin header
- + "<span class=\"ctdl-msg-header-info\">" // begin header info on left side
- + "<span class=\"ctdl-username\"><a href=\"#\">" // FIXME link to user profile
- + msg.from
- + "</a></span>" // end username
- + "<span class=\"ctdl-msgdate\">"
- + msg.time
- + "</span>" // end msgdate
- + "</span>" // end header info on left side
- + "<span class=\"ctdl-msg-header-buttons\">" // begin buttons on right side
-
- + "<span class=\"ctdl-msg-button\">" // Reply
- + "<a href=\"javascript:open_reply_box('"+prefix+"',"+msgnum+",false,'"+msg.wefw+"','"+msg.msgn+"');\">"
- + "<i class=\"fa fa-reply\"></i> "
- + _("Reply")
- + "</a></span>"
-
- + "<span class=\"ctdl-msg-button\">" // ReplyQuoted
- + "<a href=\"javascript:open_reply_box('"+prefix+"',"+msgnum+",true,'"+msg.wefw+"','"+msg.msgn+"');\">"
- + "<i class=\"fa fa-comment\"></i> "
- + _("ReplyQuoted")
- + "</a></span>"
-
- + "<span class=\"ctdl-msg-button\"><a href=\"#\">" // Delete , show only with permission FIXME
- + "<i class=\"fa fa-trash\"></i> "
- + _("Delete")
- + "</a></span>"
-
- + "</span>"; // end buttons on right side
- if (msg.subj) {
- outmsg +=
- "<br><span class=\"ctdl-msgsubject\">" + msg.subj + "</span>";
- }
- outmsg +=
- "</div><br>" // end header
- + "<div class=\"ctdl-msg-body\">" // begin body
- + msg.text
- + "</div>" // end body
- + "</div>" // end content
- + "</div>" // end wrapper
- ;
- document.getElementById(prefix+msgnum).innerHTML = outmsg;
- }
- else {
- document.getElementById(prefix+msgnum).innerHTML = "ERROR";
- }
- document.getElementById(prefix+msgnum).style.display = "inline";
- if (msgnum == scroll_to) {
- document.getElementById(prefix+msgnum).scrollIntoView({behavior: "smooth", block: "start", inline: "nearest"});
- document.body.style.cursor = "default";
- }
+ outmsg =
+ "<div id=\"" + mdiv + "\">" // begin message div
+ + "<div class=\"ctdl-msg-wrapper\">" // begin message wrapper
+ + "<div class=\"ctdl-avatar\">" // begin avatar
+ + "<img src=\"/ctdl/u/" + msg.from + "/userpic\" width=\"32\" "
+ + "onerror=\"this.parentNode.innerHTML='<i class="fa fa-user-circle fa-2x"></i> '\">"
+ + "</div>" // end avatar
+ + "<div class=\"ctdl-msg-content\">" // begin content
+ + "<div class=\"ctdl-msg-header\">" // begin header
+ + "<span class=\"ctdl-msg-header-info\">" // begin header info on left side
+ + "<span class=\"ctdl-username\"><a href=\"#\">" // FIXME link to user profile
+ + msg.from
+ + "</a></span>" // end username
+ + "<span class=\"ctdl-msgdate\">"
+ + msg.time
+ + "</span>" // end msgdate
+ + "</span>" // end header info on left side
+ + "<span class=\"ctdl-msg-header-buttons\">" // begin buttons on right side
+
+ + "<span class=\"ctdl-msg-button\">" // Reply
+ + "<a href=\"javascript:open_reply_box('"+mdiv+"',false,'"+msg.wefw+"','"+msg.msgn+"');\">"
+ + "<i class=\"fa fa-reply\"></i> "
+ + _("Reply")
+ + "</a></span>"
+
+ + "<span class=\"ctdl-msg-button\">" // ReplyQuoted
+ + "<a href=\"javascript:open_reply_box('"+mdiv+"',true,'"+msg.wefw+"','"+msg.msgn+"');\">"
+ + "<i class=\"fa fa-comment\"></i> "
+ + _("ReplyQuoted")
+ + "</a></span>"
+
+ + "<span class=\"ctdl-msg-button\"><a href=\"#\">" // Delete , show only with permission FIXME
+ + "<i class=\"fa fa-trash\"></i> "
+ + _("Delete")
+ + "</a></span>"
+
+ + "</span>"; // end buttons on right side
+ if (msg.subj) {
+ outmsg +=
+ "<br><span class=\"ctdl-msgsubject\">" + msg.subj + "</span>";