Added discord name colors and avatars

This commit is contained in:
lkarch 2025-05-26 02:12:16 -04:00
parent 5438a17133
commit d7e5aa3256
2 changed files with 13 additions and 4 deletions

View File

@ -181,17 +181,20 @@ function loadDiscordMessagesFromJson(jsonName, addMessageContent, addAttachments
json.messages.reverse();
for (let message = 0; message < json.messages.length; message++) {
let messageContainer = document.createElement("div");
let messageAuthorAvatar = document.createElement("img");
let messageTitle = document.createElement("p");
let messageDate = new Date(json.messages[message].timestamp);
let messageLine = document.createElement("hr");
messageContainer.className = "card";
messageContainer.id = jsonName + message;
messageContainer.style = "overflow: hidden;";
messageTitle.innerText = json.messages[message].author.nickname + " | " + messageDate.toLocaleDateString();
messageAuthorAvatar.className = "messageAuthorAvatar";
messageAuthorAvatar.src = json.messages[message].author.avatarUrl;
messageTitle.style = "margin-top: 5px;"
messageTitle.innerHTML = "<span style='color: " + json.messages[message].author.color + ";'>" + json.messages[message].author.nickname + "</span>" + " | " + messageDate.toLocaleDateString();
document.getElementById(jsonName).append(messageContainer);
document.getElementById(messageContainer.id).append(messageTitle, messageLine);
document.getElementById(messageContainer.id).append(messageAuthorAvatar, messageTitle, messageLine);
if (addMessageContent == true) {
let messageContent = document.createElement("p");
@ -208,7 +211,7 @@ function loadDiscordMessagesFromJson(jsonName, addMessageContent, addAttachments
messageAttachment.className = "messageAttachment";
messageAttachment.href = json.messages[message].attachments[attachment].url;
messageAttachment.innerText = json.messages[message].attachments[attachment].url;
messageAttachment.innerText = json.messages[message].attachments[attachment].fileName;
document.getElementById(messageContainer.id).append(messageAttachment);
} else if (attachmentLinkOrEmbed === "embed") {

View File

@ -55,6 +55,7 @@ body {
margin-bottom: 20px;
box-shadow: 2px 2px 8px rgba(0,0,0,0.1);
width: 90%;
overflow: hidden;
}
.card p {
@ -140,6 +141,11 @@ body {
width: 75%;
}
.messageAuthorAvatar {
width: 64px;
border-radius: 100%;
}
.archiveAttachment {
padding: 10px;