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

members_load_ok

Browse Source
This commit is contained in:
Pascal 2025-01-07 19:01:58 +01:00
parent 59ad5d4259
commit 0c02c30c1e
1 changed files with 56 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -324,28 +324,52 @@ class ChatElement extends HTMLElement {
this.scrollToBottom(messagesContainer);
}
private toggleMembers(role: { members: { id: string | number; name: string; }[] }, roleElement: HTMLElement) {
private async toggleMembers(roleData: any, roleElement: HTMLElement) {
let memberList = roleElement.querySelector('.member-list');
if (memberList) {
(memberList as HTMLElement).style.display = (memberList as HTMLElement).style.display === 'none' ? 'block' : 'none';
(memberList as HTMLElement).style.display =
(memberList as HTMLElement).style.display === 'none' ? 'block' : 'none';
return;
}
memberList = document.createElement('ul');
memberList.className = 'member-list';
role.members.forEach(member => {
const memberItem = document.createElement('li');
memberItem.textContent = member.name;
memberItem.onclick = (event) => {
event.stopPropagation();
this.loadMemberChat(member.id.toString());
};
memberList.appendChild(memberItem);
});
// Récupérer les membres avec leurs sp_addresses
if (roleData.members) {
for (const member of roleData.members) {
const memberItem = document.createElement('li');
memberItem.className = 'member-item';
const memberContainer = document.createElement('div');
memberContainer.className = 'member-container';
// Afficher l'adresse SP
const addressSpan = document.createElement('span');
addressSpan.className = 'member-address';
addressSpan.textContent = member.sp_addresses?.[0] || 'No address';
// Ajouter les emojis pour l'adresse
const emojiSpan = document.createElement('span');
emojiSpan.className = 'member-emoji';
if (member.sp_addresses?.[0]) {
const emojis = await addressToEmoji(member.sp_addresses[0]);
emojiSpan.textContent = emojis;
}
memberContainer.appendChild(addressSpan);
memberContainer.appendChild(emojiSpan);
memberItem.appendChild(memberContainer);
memberItem.onclick = (event) => {
event.stopPropagation();
this.loadMemberChat(member.sp_addresses[0]);
};
memberList.appendChild(memberItem);
}
}
roleElement.appendChild(memberList);
}
@ -479,7 +503,22 @@ class ChatElement extends HTMLElement {
Object.keys(roles).forEach(roleName => {
const roleItem = document.createElement('li');
roleItem.className = 'role-item';
roleItem.textContent = roleName;
const roleContainer = document.createElement('div');
roleContainer.className = 'role-item-container';
const roleNameSpan = document.createElement('span');
roleNameSpan.className = 'role-name';
roleNameSpan.textContent = roleName;
// Ajouter l'événement de clic
roleContainer.addEventListener('click', (event) => {
event.stopPropagation();
this.toggleMembers(roles[roleName], roleItem);
});
roleContainer.appendChild(roleNameSpan);
roleItem.appendChild(roleContainer);
roleList.appendChild(roleItem);
});