feat: add toggle all button to closure approval form

docchula · Sep 1, 2024 · 6093f0f · 6093f0f
1 parent cd91a07
commit 6093f0f
Showing 1 changed file with 8 additions and 1 deletion.
diff --git 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}));