FromChat/web
1
0
Fork 0
mirror of https://github.com/fromchat-messenger/web.git synced 2026-09-22 19:15:08 +03:00
Code Issues Packages Projects Releases Wiki Activity

Improve syntax

Browse Source
This commit is contained in:
denis0001-dev
2025-08-18 14:43:00 +03:00
Unverified
parent 3ec591a5e3
commit 59fc5f76c2
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/main.ts
+11 -7
View File
@@ -19,15 +19,20 @@ function formatTime(dateString: string) {
export function addMessage(message: Message, isAuthor: boolean) { export function addMessage(message: Message, isAuthor: boolean) {
const messagesContainer = document.querySelector('.chat-messages') as HTMLElement; const messagesContainer = document.querySelector('.chat-messages') as HTMLElement;
const messageDiv = document.createElement('div'); const messageDiv = document.createElement('div');
messageDiv.className = `message ${isAuthor ? 'sent' : 'received'}`; messageDiv.classList.add("message");
if (isAuthor) {
messageDiv.classList.add("sent");
} else {
messageDiv.classList.add("receive");
}
messageDiv.dataset.id = `${message.id}`; messageDiv.dataset.id = `${message.id}`;
const messageInner = document.createElement('div'); const messageInner = document.createElement('div');
messageInner.className = 'message-inner'; messageInner.classList.add('message-inner');
if (!isAuthor) { if (!isAuthor) {
const usernameDiv = document.createElement('div'); const usernameDiv = document.createElement('div');
usernameDiv.className = 'message-username'; usernameDiv.classList.add('message-username');
usernameDiv.textContent = message.username; usernameDiv.textContent = message.username;
messageInner.appendChild(usernameDiv); messageInner.appendChild(usernameDiv);
} }
@@ -37,13 +42,12 @@ export function addMessage(message: Message, isAuthor: boolean) {
messageInner.appendChild(contentDiv); messageInner.appendChild(contentDiv);
const timeDiv = document.createElement('div'); const timeDiv = document.createElement('div');
timeDiv.className = 'message-time'; timeDiv.classList.add('message-time');
timeDiv.textContent = formatTime(message.timestamp); timeDiv.textContent = formatTime(message.timestamp);
if (isAuthor && message.is_read) { if (isAuthor && message.is_read) {
const checkIcon = document.createElement('i'); const checkIcon = document.createElement('span');
checkIcon.className = 'fas fa-check-double'; checkIcon.classList.add("material-symbols", "outlined");
checkIcon.style = 'margin-left: 5px; color: #48BB78;';
timeDiv.appendChild(checkIcon); timeDiv.appendChild(checkIcon);
} }