From 4a92d64e7eccb54e3a96463a0b0ac1dd7495eb25 Mon Sep 17 00:00:00 2001 From: Pascal Date: Tue, 28 Jan 2025 14:58:49 +0100 Subject: [PATCH] easy_expand --- src/pages/chat/chat.ts | 39 +++++---------------------------------- 1 file changed, 5 insertions(+), 34 deletions(-) diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts index f145f2e..90d051f 100755 --- a/src/pages/chat/chat.ts +++ b/src/pages/chat/chat.ts @@ -1110,28 +1110,11 @@ class ChatElement extends HTMLElement { li.appendChild(roleList); groupList.appendChild(li); - - // Ajouter un écouteur d'événements pour gérer le clic sur le container container.addEventListener('click', (event) => { event.stopPropagation(); container.classList.toggle('expanded'); - const roleList = container.parentElement?.querySelector('.role-list'); - const dm = container.parentElement?.querySelector('.dm'); - - if (roleList) { - // Si le container est expanded, on montre la liste des rôles - if (container.classList.contains('expanded')) { - (roleList as HTMLElement).style.display = 'block'; - if (dm) (dm as HTMLElement).style.display = 'block'; - } else { - // Sinon on cache la liste des rôles - (roleList as HTMLElement).style.display = 'none'; - if (dm) (dm as HTMLElement).style.display = 'none'; - } - } + roleList.style.display = container.classList.contains('expanded') ? 'block' : 'none'; }); - - } resolve(processResult); @@ -1317,9 +1300,10 @@ class ChatElement extends HTMLElement { members: Array.from(uniqueMembers.values()) }; - roleContainer.addEventListener('click', (event) => { + roleContainer.addEventListener('click', async (event) => { + console.log("CLICKED ON ROLE:", roleName); event.stopPropagation(); - this.toggleMembers(filteredRoleData, roleItem); + await this.toggleMembers(filteredRoleData, roleItem); }); roleContainer.appendChild(roleNameSpan); @@ -1333,20 +1317,7 @@ class ChatElement extends HTMLElement { container.addEventListener('click', (event) => { event.stopPropagation(); container.classList.toggle('expanded'); - const roleList = container.parentElement?.querySelector('.role-list'); - const dm = container.parentElement?.querySelector('.dm'); - - if (roleList) { - // Si le container est expanded, on montre la liste des rôles - if (container.classList.contains('expanded')) { - (roleList as HTMLElement).style.display = 'block'; - if (dm) (dm as HTMLElement).style.display = 'block'; - } else { - // Sinon on cache la liste des rôles - (roleList as HTMLElement).style.display = 'none'; - if (dm) (dm as HTMLElement).style.display = 'none'; - } - } + roleList.style.display = container.classList.contains('expanded') ? 'block' : 'none'; }); }