4nk/ihm_client
5
0
Fork 0
Code Issues 6 Pull Requests Actions Packages Projects Releases Wiki Activity

css_not_ok

Browse Source
This commit is contained in:
Pascal 2025-01-08 18:06:42 +01:00
parent 869c5edd93
commit 755a0d5a6f
1 changed files with 71 additions and 40 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

53
src/pages/chat/chat.ts
View File

@ -349,6 +349,29 @@ class ChatElement extends HTMLElement {
throw new Error('No paired member found');
}
// Formater la date pour n'avoir que l'heure et la date
const now = new Date();
const formattedTime = now.toLocaleString('fr-FR', {
day: '2-digit',
month: '2-digit',
year: 'numeric',
hour: '2-digit',
minute: '2-digit'
});
// Créer le message au format attendu par messageStore
const newMessage = {
id: Date.now(),
sender: myAddresses[0],
text: messageText,
time: formattedTime,
type: 'text' as const
};
messageStore.addMessage(this.selectedMemberId!, newMessage);
this.messagesMock = messageStore.getMessages();
// Récupérer le process_id du parent (conversation)
const groupItem = this.shadowRoot?.querySelector('[data-process-id]');
const parentProcessId = groupItem?.getAttribute('data-process-id');
@ -357,8 +380,6 @@ class ChatElement extends HTMLElement {
throw new Error('Parent process ID not found');
}
const currentTimestamp = new Date().toISOString();
const messageTemplate = {
process_id: parentProcessId,
parent_id: null,
@ -369,8 +390,8 @@ class ChatElement extends HTMLElement {
type: 'text',
content: messageText,
metadata: {
created_at: currentTimestamp,
last_updated: currentTimestamp,
created_at: formattedTime,
last_updated: formattedTime,
sender: myAddresses[0],
recipient: this.selectedMemberId
}
@ -409,7 +430,7 @@ class ChatElement extends HTMLElement {
};
console.log('Message template:', {
timestamp: currentTimestamp,
timestamp: formattedTime,
template: messageTemplate
});
@ -443,6 +464,12 @@ class ChatElement extends HTMLElement {
// Load the list of members
private async loadMemberChat(memberId: string | number) {
const myAddresses = await this.getMemberFromDevice();
if (!myAddresses) {
console.error('No paired member found');
return;
}
this.selectedMemberId = String(memberId);
const memberMessages = this.messagesMock.find(m => String(m.memberId) === String(memberId));
@ -464,18 +491,22 @@ class ChatElement extends HTMLElement {
const messageContent = document.createElement('div');
messageContent.className = 'message';
// Ajouter la classe 'user' si c'est votre message
if (message.sender === myAddresses[0]) {
messageContent.classList.add('user');
}
if (message.type === 'file') {
messageContent.innerHTML = `<a href="${message.fileData}" download="${message.fileName}" target="_blank">${message.fileName}</a>`;
messageContent.classList.add('user');
} else {
const senderDisplay = message.sender === "4NK"
const senderDisplay = message.sender === myAddresses[0]
? "Me"
: await addressToEmoji(memberAddress);
messageContent.innerHTML = `<strong>${senderDisplay}</strong>: ${message.text} <span style="float: right;">${message.time}</span>`;
if (message.sender === "4NK") {
messageContent.classList.add('user');
}
messageContent.innerHTML = `
<strong>${senderDisplay}</strong>: ${message.text}
<span style="float: right;">${message.time}</span>
`;
}
messageElement.appendChild(messageContent);