diff --git a/files/assets/js/comments_v.js b/files/assets/js/comments_v.js index afeede7a5..dc0b2f0f9 100644 --- a/files/assets/js/comments_v.js +++ b/files/assets/js/comments_v.js @@ -240,12 +240,24 @@ function post_comment(fullname){ try {data = JSON.parse(xhr.response)} catch(e) {console.log(e)} if (data && data["comment"]) { - commentForm=document.getElementById('comment-form-space-'+fullname); - commentForm.innerHTML = data["comment"].replace(/data-src/g, 'src').replace(/data-cfsrc/g, 'src').replace(/style="display:none;visibility:hidden;"/g, ''); + let id = fullname.split('_')[1]; + let name = 'comment-form-space-' + fullname; + commentForm = document.getElementById(name); + + // dynamically insert comment into the comments section of the current comment/post + let comments = document.getElementById('replies-of-' + id); + let comment = data["comment"].replace(/data-src/g, 'src').replace(/data-cfsrc/g, 'src').replace(/style="display:none;visibility:hidden;"/g, ''); + + comments.innerHTML = comment + comments.innerHTML; + bs_trigger(commentForm); + // remove the placeholder if it exists let placeholder = document.getElementById("placeholder-comment"); if(placeholder){ + // clear out the text-center classes etc. + comments.classList.remove('text-center'); + comments.classList.remove('py-7'); placeholder.parentNode.removeChild(placeholder); } } diff --git a/files/templates/comments.html b/files/templates/comments.html index f1228ea72..0682d11be 100644 --- a/files/templates/comments.html +++ b/files/templates/comments.html @@ -603,6 +603,8 @@ {% endif %} + {% else %} +
{% endif %} diff --git a/files/templates/submission.html b/files/templates/submission.html index 86573c79b..9b473cbb8 100644 --- a/files/templates/submission.html +++ b/files/templates/submission.html @@ -516,7 +516,7 @@ {% endif %} {% if p.replies %} -