Réarrangement du code; correction css; écriture uniquement du nouveau message
This commit is contained in:
@ -1,4 +1,4 @@
|
||||
import AbstractView from "./AbstractView.js";
|
||||
import AbstractView from "./abstracts/AbstractView.js";
|
||||
import {client} from "../index.js";
|
||||
import {Message} from "../api/chat/message.js"
|
||||
|
||||
@ -81,13 +81,6 @@ export default class extends AbstractView {
|
||||
|
||||
new_user.appendChild(document.createTextNode(" "));
|
||||
|
||||
let block = document.createElement("a");
|
||||
block.addEventListener("click", async () => {
|
||||
if (client.me.user_id != user.user_id) {
|
||||
}
|
||||
});
|
||||
block.appendChild(document.createTextNode("Block"));
|
||||
new_user.appendChild(block);
|
||||
}
|
||||
|
||||
// break line
|
||||
@ -108,11 +101,11 @@ export default class extends AbstractView {
|
||||
async chat() {
|
||||
|
||||
let logged = await client.isAuthentificate();
|
||||
let reload = document.getElementById("messages");
|
||||
/*let reload = document.getElementById("messages");
|
||||
if (reload != null)
|
||||
reload.remove();
|
||||
reload.remove();*/
|
||||
|
||||
reload = document.getElementById("members");
|
||||
let reload = document.getElementById("members");
|
||||
if (reload != null)
|
||||
reload.remove();
|
||||
|
||||
@ -127,13 +120,33 @@ export default class extends AbstractView {
|
||||
chats.appendChild(chat);
|
||||
}
|
||||
|
||||
|
||||
// div des messages
|
||||
let messages = document.createElement("div");
|
||||
messages.id = "messages";
|
||||
if (document.getElementById("input_chat") == null)
|
||||
chat.appendChild(messages);
|
||||
else
|
||||
document.getElementById("input_chat").before(messages);
|
||||
let messages = document.getElementById("messages");
|
||||
if (messages == null) {
|
||||
messages = document.createElement("div");
|
||||
messages.id = "messages";
|
||||
if (document.getElementById("input_chat") == null)
|
||||
chat.appendChild(messages);
|
||||
else
|
||||
document.getElementById("input_chat").before(messages);
|
||||
}
|
||||
|
||||
// les messages, réecriture seulement du dernier
|
||||
let i = 0;
|
||||
client.channel.messages.forEach((message) => {
|
||||
if (messages[i] == null || message != messages.children[i].innerText) {
|
||||
let text = document.createElement("p");
|
||||
text.appendChild(document.createTextNode(message.content));
|
||||
if (message.author_id == client.me.user_id)
|
||||
text.id = "you";
|
||||
else
|
||||
text.id = "other";
|
||||
|
||||
messages.appendChild(text);
|
||||
}
|
||||
i++;
|
||||
});
|
||||
|
||||
// Input pour rentrer un message
|
||||
if (document.getElementById("input_chat") == null) {
|
||||
@ -173,17 +186,6 @@ export default class extends AbstractView {
|
||||
members.appendChild(document.createTextNode(usernames));
|
||||
messages.before(members);
|
||||
|
||||
// les messages
|
||||
client.channel.messages.forEach((message) => {
|
||||
let text = document.createElement("p");
|
||||
text.appendChild(document.createTextNode(message.content));
|
||||
if (message.author_id == client.me.user_id)
|
||||
text.id = "you";
|
||||
else
|
||||
text.id = "other";
|
||||
|
||||
messages.appendChild(text);
|
||||
});
|
||||
|
||||
// Scroll to the bottom of messages
|
||||
messages.scrollTop = messages.scrollHeight;
|
||||
|
Reference in New Issue
Block a user