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

roles_ok_css_KO

Browse Source
This commit is contained in:
Pascal 2025-01-07 18:44:16 +01:00
parent 3adc858ae7
commit f5c4d3e17d
1 changed files with 41 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -30,6 +30,12 @@ interface LocalNotification {
time: string; time: string;
} }
interface Process {
encrypted_pcd: {
roles: Record<string, any>;
};
}
export function initChat() { export function initChat() {
const chatElement = document.createElement('chat-element'); const chatElement = document.createElement('chat-element');
const container = document.querySelector('.container'); const container = document.querySelector('.container');
@ -409,15 +415,38 @@ class ChatElement extends HTMLElement {
} }
private loadGroupList(processId: string): void { private async loadGroupList(processId: string): Promise<void> {
console.log('🔍 Loading group list with processId:', processId); console.log('🔍 Loading group list with processId:', processId);
const groupList = this.shadowRoot?.querySelector('#group-list'); const groupList = this.shadowRoot?.querySelector('#group-list');
if (!groupList) { if (!groupList) return;
console.error('❌ Group list element not found');
groupList.innerHTML = '';
const dbRequest = window.indexedDB.open('4nk');
const db = await new Promise<IDBDatabase>((resolve, reject) => {
dbRequest.onsuccess = () => resolve(dbRequest.result);
dbRequest.onerror = () => reject(dbRequest.error);
});
const transaction = db.transaction(['processes'], 'readonly');
const processStore = transaction.objectStore('processes');
const processRequest = processStore.get(processId);
const process = await new Promise<any>((resolve, reject) => {
processRequest.onsuccess = () => {
console.log('🔍 Process found:', processRequest.result);
resolve(processRequest.result);
};
processRequest.onerror = () => reject(processRequest.error);
});
if (!process?.states?.[0]?.encrypted_pcd?.roles) {
console.error('❌ Process structure invalid:', process);
return; return;
} }
groupList.innerHTML = ''; const roles = process.states[0].encrypted_pcd.roles;
console.log('🔑 Roles found:', roles);
const li = document.createElement('li'); const li = document.createElement('li');
li.className = 'group-list-item'; li.className = 'group-list-item';
@ -426,66 +455,33 @@ class ChatElement extends HTMLElement {
const container = document.createElement('div'); const container = document.createElement('div');
container.className = 'group-item-container'; container.className = 'group-item-container';
const emojiSpan = document.createElement('span');
emojiSpan.className = 'process-emoji';
const nameSpan = document.createElement('span'); const nameSpan = document.createElement('span');
nameSpan.textContent = ` Process : `; nameSpan.textContent = ` Process : `;
nameSpan.className = 'process-name'; nameSpan.className = 'process-name';
// Ajouter les emojis de l'adresse await addressToEmoji(processId).then(emojis => {
addressToEmoji(processId).then(emojis => { const emojiSpan = document.createElement('span');
emojiSpan.className = 'process-emoji';
emojiSpan.textContent = emojis; emojiSpan.textContent = emojis;
}); container.appendChild(emojiSpan);
// Ajouter l'événement de clic pour afficher/masquer les rôles
container.addEventListener('click', (event) => {
event.stopPropagation();
const roleList = li.querySelector('.role-list') as HTMLElement;
if (roleList) {
roleList.style.display = roleList.style.display === 'none' ? 'block' : 'none';
}
}); });
container.appendChild(nameSpan); container.appendChild(nameSpan);
container.appendChild(emojiSpan);
li.appendChild(container); li.appendChild(container);
// Créer et ajouter la liste des rôles
const roleList = document.createElement('ul'); const roleList = document.createElement('ul');
roleList.className = 'role-list'; roleList.className = 'role-list';
roleList.style.display = 'none';
const defaultRoles = ['Owner', 'Member', 'Validator']; Object.keys(roles).forEach(roleName => {
defaultRoles.forEach(roleName => {
const roleItem = document.createElement('li'); const roleItem = document.createElement('li');
roleItem.className = 'role-item'; 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;
//const folderIcon = document.createElement('span');
//folderIcon.className = 'folder-icon';
roleContainer.appendChild(roleNameSpan);
//roleContainer.appendChild(folderIcon);
roleItem.appendChild(roleContainer);
roleItem.addEventListener('click', (event) => {
event.stopPropagation();
this.toggleMembers({ members: [] }, roleItem);
});
roleList.appendChild(roleItem); roleList.appendChild(roleItem);
}); });
li.appendChild(roleList); li.appendChild(roleList);
groupList.appendChild(li); groupList.appendChild(li);
console.log('✅ Group list item added for process:', processId);
} }