handle_Button_request_ok

src/pages/chat/chat.ts

@@ -1180,6 +1180,7 @@ class ChatElement extends HTMLElement {
 
                 this.shadowRoot?.appendChild(modal);
                 this.handleFileUpload(modal);
+                this.handleRequestButton(modal);
                 const closeButton = modal.querySelector('.close-modal');
                 closeButton?.addEventListener('click', () => {
                     modal.remove();
@@ -1188,6 +1189,48 @@ class ChatElement extends HTMLElement {
         }
     }
 
+    //request button in the modal
+    private handleRequestButton(modal: HTMLElement) {
+        const requestButton = modal.querySelector('#send-request-button');
+        requestButton?.addEventListener('click', () => {
+            console.log("REQUEST SENT");
+            if (modal) {
+                //vérifier qu'au moins un membre est coché
+                const membersList = modal.querySelector('.members-list-modal');
+                if (membersList) {
+                    const members = membersList.querySelectorAll('.member-checkbox:checked');
+                    if (members.length === 0) {
+                        alert('Please select at least one member');
+                        return;
+                    }
+                }
+                //vérifier que la date est valide
+                const dateInput = modal.querySelector('#date-input') as HTMLInputElement;
+                if (dateInput) {
+                    const date = new Date(dateInput.value);
+                    if (isNaN(date.getTime())) {
+                        alert('Please select a valid date');
+                        return;
+                    }
+                }
+
+                //verifier qu'un fichier a été load
+                const fileList = modal.querySelector('#file-list');
+                if (fileList && fileList.children.length === 0) {
+                    alert('Please upload at least one file');
+                    return;
+                }
+
+                //récupérer le message
+                const messageInput = modal.querySelector('#message-input') as HTMLTextAreaElement;
+                if (messageInput) {
+                    const message = messageInput.value;
+                }
+                //modal.remove();
+            }
+        });
+    }
+
     private handleFileUpload(modal: HTMLElement) {
         const fileInput = modal.querySelector('#file-input') as HTMLInputElement;
         const fileList = modal.querySelector('#file-list');