From bad292a3164cf5248adf8698fde30ec7a2b6ce98 Mon Sep 17 00:00:00 2001
From: matthieu <matthieu@yuno.malio.fr>
Date: Wed, 20 May 2026 00:50:31 +0200
Subject: [PATCH] =?UTF-8?q?feat(mail)=20:=20pages/mail.vue=20=E2=80=94=20b?=
 =?UTF-8?q?ranche=20handlers=20Phase=206=20(MailCreateTaskModal=20+=20Mail?=
 =?UTF-8?q?LinkTaskModal)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/pages/mail.vue | 41 ++++++++++++++++++++++++++++++++++++++---
 1 file changed, 38 insertions(+), 3 deletions(-)

diff --git a/frontend/pages/mail.vue b/frontend/pages/mail.vue
index b3bc125..bc3ddf6 100644
--- a/frontend/pages/mail.vue
+++ b/frontend/pages/mail.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import type { Task } from '~/services/dto/task'
 import { useMailStore } from '~/stores/mail'
 import { useAuthStore } from '~/stores/auth'
 
@@ -85,13 +86,30 @@ function handleLoadMore(): void {
     store.fetchMessages(true)
 }
 
-// Phase 6 : ces handlers seront branchés sur les modals MailCreateTaskModal / MailLinkTaskModal
+// ─── Modals Phase 6 ────────────────────────────────────────────────────────
+
+const showCreateTaskModal = ref(false)
+const showLinkTaskModal = ref(false)
+const activeMailIdForModal = ref<number | null>(null)
+
 function handleCreateTask(mailId: number): void {
-    console.warn('[mail] handleCreateTask mailId=', mailId, '— modal à implémenter en Phase 6')
+    activeMailIdForModal.value = mailId
+    showCreateTaskModal.value = true
 }
 
 function handleLinkTask(mailId: number): void {
-    console.warn('[mail] handleLinkTask mailId=', mailId, '— modal à implémenter en Phase 6')
+    activeMailIdForModal.value = mailId
+    showLinkTaskModal.value = true
+}
+
+function handleTaskCreated(_task: Task): void {
+    showCreateTaskModal.value = false
+    // La tâche est créée et liée côté backend — toast géré par useMailService.createTaskFromMail
+}
+
+function handleTaskLinked(_taskId: number): void {
+    showLinkTaskModal.value = false
+    // Toast géré par useMailService.linkTask
 }
 </script>
 
@@ -143,5 +161,22 @@ function handleLinkTask(mailId: number): void {
                 />
             </div>
         </div>
+
+        <!-- Modal créer tâche depuis mail -->
+        <MailCreateTaskModal
+            v-if="activeMailIdForModal !== null"
+            v-model="showCreateTaskModal"
+            :message-id="activeMailIdForModal"
+            :message-detail="selectedMessageDetail"
+            @created="handleTaskCreated"
+        />
+
+        <!-- Modal lier mail à tâche -->
+        <MailLinkTaskModal
+            v-if="activeMailIdForModal !== null"
+            v-model="showLinkTaskModal"
+            :message-id="activeMailIdForModal"
+            @linked="handleTaskLinked"
+        />
     </div>
 </template>