load_all_members_css_KO

This commit is contained in:
Pascal 2025-01-20 16:30:36 +01:00
parent 93208f135d
commit e584f41aca

View File

@ -365,9 +365,43 @@ class ChatElement extends HTMLElement {
}
private async loadAllMembers() {
console.log('🎯 Loading all members');
const groupList = this.shadowRoot?.querySelector('#group-list');
if (!groupList) return;
const service = await Services.getInstance();
const members = service.getAllMembers();
console.log('🎯 Members:', members);
const members = await service.getAllMembers();
const memberList = document.createElement('div');
memberList.className = 'member-list active';
for (const memberAddress of members) {
const memberItem = document.createElement('div');
memberItem.className = 'member-item';
const memberContainer = document.createElement('div');
memberContainer.className = 'member-container';
const emojiSpan = document.createElement('span');
emojiSpan.className = 'member-emoji';
const emojis = await addressToEmoji(memberAddress);
emojiSpan.textContent = `Member : ${emojis}`;
memberContainer.appendChild(emojiSpan);
memberItem.appendChild(memberContainer);
memberList.appendChild(memberItem);
memberItem.addEventListener('click', async () => {
try {
await this.loadMemberChat([memberAddress]);
} catch (error) {
console.error('Error loading member chat:', error);
}
});
}
groupList.appendChild(memberList);
}
private async loadMemberChat(member: string[]) {
@ -593,7 +627,7 @@ class ChatElement extends HTMLElement {
console.log('🎭 Selected role:', this.selectedRole);
try {
await this.loadMemberChat(member.sp_addresses);
await this.loadMemberChat([member.sp_addresses]);
} catch (error) {
console.error('❌ Error handling member click:', error);
}
@ -1173,8 +1207,6 @@ class ChatElement extends HTMLElement {
}
}
}
customElements.define('chat-element', ChatElement);