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

easy_expand

Browse Source
This commit is contained in:
Pascal 2025-01-28 14:58:49 +01:00
parent d64d1430c4
commit 4a92d64e7e
1 changed files with 5 additions and 34 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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';
});
}