From 6093f0f22d28a910d4d729d112c68b631545a3b3 Mon Sep 17 00:00:00 2001
From: "Siwat T." <keen@keendev.net>
Date: Sun, 1 Sep 2024 23:17:48 +0700
Subject: [PATCH] feat: add toggle all button to closure approval form

---
 resources/js/Pages/ProjectApproval.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/resources/js/Pages/ProjectApproval.vue b/resources/js/Pages/ProjectApproval.vue
index d92489d..cda6a79 100644
--- a/resources/js/Pages/ProjectApproval.vue
+++ b/resources/js/Pages/ProjectApproval.vue
@@ -148,7 +148,7 @@
                                 <th scope="col" class="px-2 pb-1 text-left text-xs font-medium text-gray-500 tracking-wider">
                                     รับรอง/ไม่รับรองรายชื่อ
                                 </th>
-                                <th v-if="showCheckbox"
+                                <th v-if="showCheckbox" @click="toggleAll" :class="{ 'cursor-pointer': item.closure_status < 10 }"
                                     scope="col" class="px-2 pb-1 text-left text-xs font-medium text-gray-500 tracking-wider">
                                     อนุมัติ
                                 </th>
@@ -360,6 +360,13 @@ const selectParticipant = (id) => {
         selectedParticipants.value.push(id);
     }
 };
+const toggleAll = () => {
+    if (selectedParticipants.value.length > 0) {
+        selectedParticipants.value = [];
+    } else {
+        selectedParticipants.value = props.item.participants.map(e => e.id);
+    }
+};
 const submit = () => {
     form.approve_participants = selectedParticipants.value;
     form.post(route('projects.approvalSubmit', {project: props.item.id}));