Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2024-11-22 20:19:21 +00:00
Code Issues Projects Releases Wiki Activity

Give new comments through WebSocket

Browse Source
This commit is contained in:
Pierre HUBERT 2020-04-01 19:06:57 +02:00
parent 589b96d8bb
commit 0344ca5ca9
3 changed files with 33 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/js/common/ws.js
View File

@ -198,6 +198,10 @@ class UserWebSocket {
SendEvent("newConvMessage", msg.data); SendEvent("newConvMessage", msg.data);
break; break;
case "new_comment":
SendEvent("new_comment", msg.data);
break;
default: default:
console.error("WS Unspported kind of message!", msg); console.error("WS Unspported kind of message!", msg);
break; break;

8
assets/js/components/comments/form.js
View File

@ -146,14 +146,6 @@ ComunicWeb.components.comments.form = {
//Reset the creation form //Reset the creation form
ComunicWeb.components.comments.form.display(postID, commentForm); ComunicWeb.components.comments.form.display(postID, commentForm);
//Load the new comment before the form element
var newCommentTarget = createElem2({
insertBefore: commentForm,
type: "div",
class: "box-comment"
});
ComunicWeb.components.comments.actions.reload(result.commentID, newCommentTarget);
}); });

31
assets/js/components/comments/ui.js
View File

@ -4,7 +4,7 @@
* @author Pierre HUBERT * @author Pierre HUBERT
*/ */
ComunicWeb.components.comments.ui = { const CommentsUI = {
/** /**
* Display a list comments * Display a list comments
@ -19,7 +19,7 @@ ComunicWeb.components.comments.ui = {
var usersID = ComunicWeb.components.comments.utils.get_users_id(infos); var usersID = ComunicWeb.components.comments.utils.get_users_id(infos);
//Get informations about the users //Get informations about the users
var usersInfo = ComunicWeb.user.userInfos.getMultipleUsersInfo(usersID, function(result){ ComunicWeb.user.userInfos.getMultipleUsersInfo(usersID, function(result){
//Check for errors //Check for errors
if(result.error){ if(result.error){
@ -44,11 +44,12 @@ ComunicWeb.components.comments.ui = {
_process_comments: function(infos, usersInfos, postID, target){ _process_comments: function(infos, usersInfos, postID, target){
//Create comments container //Create comments container
var container = createElem2({ const container = createElem2({
appendTo: target, appendTo: target,
type: "div", type: "div",
class: "box-comments post-comments" class: "box-comments post-comments"
}); });
container.setAttribute("data-for-post-id", postID);
//Process the list of comments //Process the list of comments
for(i in infos){ for(i in infos){
@ -288,3 +289,27 @@ ComunicWeb.components.comments.ui = {
}, },
} }
ComunicWeb.components.comments.ui = CommentsUI;
// Register to new comments events
document.addEventListener("new_comment", async (e) => {
const comment = e.detail;
const target = document.querySelector("[data-for-post-id='"+comment.postID+"'].post-comments");
if(target == null)
return;
// Check if there is comment form to avoid or not
const insertBefore = target.querySelector(".comment-creation-form");
const newCommentTarget = createElem2({
insertBefore: insertBefore,
appendTo: insertBefore ? null : target,
type: "div",
class: "box-comment"
});
CommentsUI._show_comment(comment, await userInfo(comment.userID), newCommentTarget)
})