From bb8aa9634f088d1eff474a6c213a97723e278881 Mon Sep 17 00:00:00 2001
From: KhatamNugraha <nuganugraha2019@gmail.com>
Date: Mon, 22 Apr 2024 09:32:18 +0700
Subject: [PATCH] fixing checkbox export pdf

---
 Resources/views/pages/index.blade.php | 91 ++++++++++++---------------
 1 file changed, 39 insertions(+), 52 deletions(-)

diff --git a/Resources/views/pages/index.blade.php b/Resources/views/pages/index.blade.php
index cdf404a..f67e502 100644
--- a/Resources/views/pages/index.blade.php
+++ b/Resources/views/pages/index.blade.php
@@ -397,7 +397,7 @@
                                     // '</td><td>' + items[i]['PRODUCT'] +
                                     '</td><td style="text-align:center">' + items[i]['CURRENCY'] + '</td>'+
                                     '<td class="tes">'+
-                                        '<div style="padding-left:22px" class="form-check form-check-custom form-check-solid me-10">'+'<input class=" form-check-input h-20px w-20px acc_no" type="checkbox" name="account_number" value="' + items[i]['ACCOUNT_NUMBER'] + '"></div>'+
+                                        '<div style="padding-left:22px" class="form-check form-check-custom form-check-solid me-10">'+'<input class=" form-check-input h-20px w-20px checkbox-item" type="checkbox" name="account_number" value="' + items[i]['ACCOUNT_NUMBER'] + '"></div>'+
                                     '</td>'+
                                     '</tr>'
                                 );
@@ -438,61 +438,19 @@
                     });
                 }
 
-
-                var selectedValues = [];
-                $('#table4 tbody').on('change', 'tr td.tes input[type=checkbox]', function() {
-                     $('.exportPdf').show();
-
-                    var value = $(this).val();
-
-                    // alert($(this).index());
-
-                    if ($(this).is(':checked')) {
-                        // Checkbox is checked, add value to the array
-                        selectedValues.push(value);
-                    } else {
-                        var value = $(this).val();
-                        var allvall = $("input[name=acc_no]").val();
-                        var arrVal  = allvall.split(',');
-
-                        $.each(arrVal, function(index, val){
-                            if (val != value) {
-                                  arrVal.splice(index, 1);
-                            }
-                            selectedValues.push(arrVal);
-                           // let index = array.indexOf(elementToRemove);
-
-
-
-                        });
-
-
-
-                        // Checkbox is unchecked, remove value from the array
-
-
-                    }
-
-
-
-                    // Display the selected values (just for demonstration)
-                     $('input[name=acc_no]').val(selectedValues);
-
-                });
-
-                var arr = [];
-                $("#selectAll").on('click', function() {
+                 var accNumbers = [];
+                 $('#selectAll').change(function() {
                     $('.exportPdf').show();
-
+                    $('.checkbox-item').prop('checked', $(this).prop('checked'));
+                      //Get Value Account Number
                     if ( $(this).prop('checked')) {
-                        arr.splice(0, arr.length);
-                        $("input[type=checkbox]").prop('checked', $(this).prop('checked'));
-                        $.each($("input[name='account_number']:checked"), function() {
-                            arr.push($(this).val());
-                            $("input[name=acc_no]").val(arr)
+                        accNumbers.splice(0, accNumbers.length);
+                        $.each($(".checkbox-item:checked"), function() {
+                            accNumbers.push($(this).val());
+                            $("input[name=acc_no]").val(accNumbers)
                         });
                     } else {
-                         arr.splice(0, arr.length);
+                        accNumbers.splice(0, accNumbers.length);
                         $("input[type=checkbox]").prop('checked', false);
                         $.each($("input[name='account_number']"), function() {
                            // arr.push($(this).val());
@@ -502,6 +460,34 @@
 
                 });
 
+               // var selectedValues = [];
+                $('#table4 tbody').on('change', 'tr td.tes input[type=checkbox]', function() {
+                     $('.exportPdf').show();
+
+                    if (!$(this).prop('checked')) {
+                         accNumbers.splice(0, accNumbers.length);
+                        $('#selectAll').prop('checked', false);
+                        //$(this).val('');
+
+                        $.each($(".checkbox-item:checked"), function() {
+                            accNumbers.push($(this).val());
+                            $("input[name=acc_no]").val(accNumbers)
+                        });
+
+                    } else {
+                         accNumbers.splice(0, accNumbers.length);
+                         $.each($(".checkbox-item:checked"), function() {
+                            accNumbers.push($(this).val());
+                            $("input[name=acc_no]").val(accNumbers)
+                        });
+                        // Periksa apakah semua checkbox item sudah di-check, jika ya, centang checkbox all
+                        if ($('.checkbox-item:checked').length === $('.checkbox-item').length) {
+                            $('#selectAll').prop('checked', true);
+
+                        }
+                    }
+                });
+
 
                 // Open the modal when the button is clicked
                 $("#openModalBtn").click(function() {
@@ -551,6 +537,7 @@
                     var nama_tujuan = $('input[name="nama_tujuan"]').val();
                     var alamat =  $.trim($("#alamat").val());
                     var signer = $("#signer-select").find('option:selected').val();
+
                     $("#signerModal").modal('hide');
                  //   $('.modalSpiner').modal('show');
                     var dt = new Date();