send_message_ok

src/pages/signature/signature.ts

@@ -281,8 +281,29 @@ class SignatureElement extends HTMLElement {
                 this.notificationBoard.style.display = 'none';
             }
         });
+        this.initMessageEvents();
     }
 
+    private initMessageEvents() {
+        // Pour le bouton Send
+        const sendButton = document.getElementById('send-button');
+        if (sendButton) {
+            sendButton.addEventListener('click', () => this.sendMessage());
+        }
+
+        // Pour la touche Entrée
+        const messageInput = document.getElementById('message-input');
+        if (messageInput) {
+            messageInput.addEventListener('keypress', (event: KeyboardEvent) => {
+                if (event.key === 'Enter' && !event.shiftKey) {
+                    event.preventDefault();
+                    this.sendMessage();
+                }
+            });
+        }
+    }
+
+
     private calculateDuration(startDate: string | null | undefined, endDate: string | null | undefined): number {
         const start = new Date(startDate || '');
         const end = new Date(endDate || '');
@@ -405,7 +426,6 @@ class SignatureElement extends HTMLElement {
         time: new Date().toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }),
         type: 'text' as const
     };
-
     // Add and display the message immediately
     messageStore.addMessage(this.selectedMemberId, newMessage);
     this.messagesMock = messageStore.getMessages();
@@ -426,6 +446,7 @@ class SignatureElement extends HTMLElement {
     }, 2000);
 }
 
+
     private showProcessDetails(group: Group, groupId: number) {
         console.log('Showing details for group:', groupId);
         
@@ -1756,9 +1777,8 @@ class SignatureElement extends HTMLElement {
 
         const messageInput = this.shadowRoot?.querySelector('#message-input');
         if (messageInput) {
-            messageInput.addEventListener('keydown', (event: Event) => {
+            messageInput.addEventListener('keypress', (event: Event) => {
-                const keyEvent = event as KeyboardEvent;
+                if ((event as KeyboardEvent).key === 'Enter') {
-                if (keyEvent.key === 'Enter') {
                     event.preventDefault();
                     this.sendMessage();
                 }