load_all_members_css_KO
This commit is contained in:
parent
93208f135d
commit
e584f41aca
@ -365,9 +365,43 @@ class ChatElement extends HTMLElement {
|
|||||||
}
|
}
|
||||||
|
|
||||||
private async loadAllMembers() {
|
private async loadAllMembers() {
|
||||||
|
console.log('🎯 Loading all members');
|
||||||
|
const groupList = this.shadowRoot?.querySelector('#group-list');
|
||||||
|
if (!groupList) return;
|
||||||
|
|
||||||
const service = await Services.getInstance();
|
const service = await Services.getInstance();
|
||||||
const members = service.getAllMembers();
|
const members = await service.getAllMembers();
|
||||||
console.log('🎯 Members:', members);
|
|
||||||
|
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[]) {
|
private async loadMemberChat(member: string[]) {
|
||||||
@ -593,7 +627,7 @@ class ChatElement extends HTMLElement {
|
|||||||
console.log('🎭 Selected role:', this.selectedRole);
|
console.log('🎭 Selected role:', this.selectedRole);
|
||||||
|
|
||||||
try {
|
try {
|
||||||
await this.loadMemberChat(member.sp_addresses);
|
await this.loadMemberChat([member.sp_addresses]);
|
||||||
} catch (error) {
|
} catch (error) {
|
||||||
console.error('❌ Error handling member click:', error);
|
console.error('❌ Error handling member click:', error);
|
||||||
}
|
}
|
||||||
@ -1173,8 +1207,6 @@ class ChatElement extends HTMLElement {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
customElements.define('chat-element', ChatElement);
|
customElements.define('chat-element', ChatElement);
|
||||||
|
Loading…
x
Reference in New Issue
Block a user