From ec1bdd61cca97b139b5c68715e15b56e59d63c63 Mon Sep 17 00:00:00 2001
From: Pascal <pascal@debian.pascallim>
Date: Wed, 29 Jan 2025 16:38:58 +0100
Subject: [PATCH] generate_members_to_sign_ok

---
 src/pages/chat/chat.ts | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/pages/chat/chat.ts b/src/pages/chat/chat.ts
index 3463ae1..13f27b3 100755
--- a/src/pages/chat/chat.ts
+++ b/src/pages/chat/chat.ts
@@ -1003,7 +1003,6 @@ class ChatElement extends HTMLElement {
                                 this.switchTab(tabType, tabs);
                             }
                         });
-                    });
 
                     //trier les processus : ceux de l'utilisateur en premier
                     processResult.sort((a, b) => {
@@ -1140,15 +1139,14 @@ class ChatElement extends HTMLElement {
     }
 
     private async newRequest(processId: string) {
-        console.log("CLICKED ON NEW REQUEST:", processId);
         const emoji = await addressToEmoji(processId);
         const members = await this.getMembersFromProcess(processId);
-        console.log("Je suis les membres :", members);
         const newRequestButton = this.shadowRoot?.querySelector('#request-document-button');
         if (newRequestButton) {
             newRequestButton.replaceWith(newRequestButton.cloneNode(true));
             const freshButton = this.shadowRoot?.querySelector('#request-document-button');
-            freshButton?.addEventListener('click', () => {
+            freshButton?.addEventListener('click', async () => {
+                const membersList = await this.generateMembersList(members);
 
                 const modal = document.createElement('div');
                 modal.className = 'request-modal';
@@ -1157,8 +1155,8 @@ class ChatElement extends HTMLElement {
                         <h2>New Request for ${emoji}</h2>
                         <button class="close-modal">&times;</button>
                         <h2>To:</h2>
-                        <ul>
-                            <li>${members}</li>
+                        <ul class="members-list-modal">
+                            ${membersList}
                         </ul>
                         <div class="modal-body">
                             <textarea id="message-input" placeholder="Write your message here..."></textarea>
@@ -1179,6 +1177,16 @@ class ChatElement extends HTMLElement {
         }
     }
 
+    private async generateMembersList(members: string[]) {
+        let html = '';
+        for (const member of members) {
+            console.log("Je suis le membre :", member);
+            const emoji = await addressToEmoji(member);
+            html += `<li>${emoji}</li>`;
+        }
+        return html;
+    }
+
 
     //Send a set of members from a process
     private async getMembersFromProcess(processId: string) {