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

process_to_emoji_ok

Browse Source
This commit is contained in:
Pascal 2025-01-07 17:57:31 +01:00
parent a4259dead1
commit 0d4dcd4bf7
1 changed files with 27 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -18,6 +18,8 @@ import { Member } from '../../interface/memberInterface';
import { Group } from '../../interface/groupInterface'; import { Group } from '../../interface/groupInterface';
import { getCorrectDOM } from '../../utils/document.utils'; import { getCorrectDOM } from '../../utils/document.utils';
import chatStyle from '../../../public/style/chat.css?inline'; import chatStyle from '../../../public/style/chat.css?inline';
import { addressToEmoji } from '../../utils/sp-address.utils';
let currentUser: Member = membersMock[0]; let currentUser: Member = membersMock[0];
@ -415,10 +417,9 @@ class ChatElement extends HTMLElement {
return; return;
} }
// Vider la liste existante
groupList.innerHTML = ''; groupList.innerHTML = '';
// Créer l'élément pour le processus de messaging
const li = document.createElement('li'); const li = document.createElement('li');
li.className = 'group-list-item'; li.className = 'group-list-item';
li.setAttribute('data-process-id', processId); li.setAttribute('data-process-id', processId);
@ -426,11 +427,22 @@ class ChatElement extends HTMLElement {
const container = document.createElement('div'); const container = document.createElement('div');
container.className = 'group-item-container'; container.className = 'group-item-container';
// Créer un span pour les emojis
const emojiSpan = document.createElement('span');
emojiSpan.className = 'process-emoji';
// Créer un span pour le nom du processus
const nameSpan = document.createElement('span'); const nameSpan = document.createElement('span');
nameSpan.textContent = `Messaging Process ${processId}`; nameSpan.textContent = `Process : `;
nameSpan.className = 'process-name'; nameSpan.className = 'process-name';
// Ajouter les emojis de l'adresse
addressToEmoji(processId).then(emojis => {
emojiSpan.textContent = emojis;
});
container.appendChild(nameSpan); container.appendChild(nameSpan);
container.appendChild(emojiSpan);
li.appendChild(container); li.appendChild(container);
groupList.appendChild(li); groupList.appendChild(li);
@ -590,15 +602,24 @@ class ChatElement extends HTMLElement {
const container = document.createElement('div'); const container = document.createElement('div');
container.className = 'group-item-container'; container.className = 'group-item-container';
// Span pour le nom du processus // Créer un span pour les emojis
const emojiSpan = document.createElement('span');
emojiSpan.className = 'process-emoji';
// Créer un span pour le nom du processus
const nameSpan = document.createElement('span'); const nameSpan = document.createElement('span');
nameSpan.textContent = processName; nameSpan.textContent = processName;
nameSpan.className = 'process-name'; nameSpan.className = 'process-name';
// Assembler les éléments // Ajouter les emojis de l'adresse
addressToEmoji(processId).then(emojis => {
emojiSpan.textContent = emojis;
});
container.appendChild(emojiSpan);
container.appendChild(nameSpan); container.appendChild(nameSpan);
li.appendChild(container); li.appendChild(container);
// Créer la liste des rôles // Créer la liste des rôles
const roleList = document.createElement('ul'); const roleList = document.createElement('ul');
roleList.className = 'role-list'; roleList.className = 'role-list';