Changes

- Added disabled delay on select checkboxes.
- Added disabled on bulk row button clicks.

Author: rappasoft

CHANGELOG.md

@@ -7,6 +7,8 @@ All notable changes to `laravel-livewire-tables` will be documented in this file
 ### Added
 
 - Added Unselect All button on bulk row when selecting page.
+- Added disabled delay on select checkboxes.
+- Added disabled on bulk row button clicks.
 
 ### Changed
 

resources/views/bootstrap-4/includes/bulk-select-row.blade.php

@@ -11,6 +11,7 @@
 
                     <button
                         wire:click="resetBulk"
+                        wire:loading.attr="disabled"
                         type="button"
                         class="btn btn-primary btn-sm"
                     >
@@ -27,6 +28,7 @@ class="btn btn-primary btn-sm"
 
                     <button
                         wire:click="resetBulk"
+                        wire:loading.attr="disabled"
                         type="button"
                         class="btn btn-primary btn-sm"
                     >
@@ -44,6 +46,7 @@ class="btn btn-primary btn-sm"
 
                         <button
                             wire:click="resetBulk"
+                            wire:loading.attr="disabled"
                             type="button"
                             class="btn btn-primary btn-sm"
                         >
@@ -61,6 +64,7 @@ class="btn btn-primary btn-sm"
 
                         <button
                             wire:click="selectAll"
+                            wire:loading.attr="disabled"
                             type="button"
                             class="btn btn-primary btn-sm"
                         >
@@ -69,6 +73,7 @@ class="btn btn-primary btn-sm"
 
                         <button
                             wire:click="resetBulk"
+                            wire:loading.attr="disabled"
                             type="button"
                             class="btn btn-primary btn-sm"
                         >

resources/views/bootstrap-4/includes/table.blade.php

@@ -39,6 +39,7 @@
                     <x-livewire-tables::bs4.table.cell>
                         <input
                             wire:model="selected"
+                            wire:loading.attr.delay="disabled"
                             value="{{ $row->{$primaryKey} }}"
                             onclick="event.stopPropagation();return true;"
                             type="checkbox"

resources/views/bootstrap-5/includes/bulk-select-row.blade.php

@@ -11,6 +11,7 @@
 
                     <button
                         wire:click="resetBulk"
+                        wire:loading.attr="disabled"
                         type="button"
                         class="btn btn-primary btn-sm"
                     >
@@ -27,6 +28,7 @@ class="btn btn-primary btn-sm"
 
                     <button
                         wire:click="resetBulk"
+                        wire:loading.attr="disabled"
                         type="button"
                         class="btn btn-primary btn-sm"
                     >
@@ -44,6 +46,7 @@ class="btn btn-primary btn-sm"
 
                         <button
                             wire:click="resetBulk"
+                            wire:loading.attr="disabled"
                             type="button"
                             class="btn btn-primary btn-sm"
                         >
@@ -61,6 +64,7 @@ class="btn btn-primary btn-sm"
 
                         <button
                             wire:click="selectAll"
+                            wire:loading.attr="disabled"
                             type="button"
                             class="btn btn-primary btn-sm"
                         >
@@ -69,6 +73,7 @@ class="btn btn-primary btn-sm"
 
                         <button
                             wire:click="resetBulk"
+                            wire:loading.attr="disabled"
                             type="button"
                             class="btn btn-primary btn-sm"
                         >

resources/views/bootstrap-5/includes/table.blade.php

@@ -40,6 +40,7 @@ class="form-check-input"
                     <x-livewire-tables::bs5.table.cell class="align-middle">
                         <input
                             wire:model="selected"
+                            wire:loading.attr.delay="disabled"
                             value="{{ $row->{$primaryKey} }}"
                             onclick="event.stopPropagation();return true;"
                             class="form-check-input"

resources/views/tailwind/includes/bulk-select-row.blade.php

@@ -11,6 +11,7 @@
 
                     <button
                         wire:click="resetBulk"
+                        wire:loading.attr="disabled"
                         type="button"
                         class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium focus:outline-none focus:text-gray-800 focus:underline transition duration-150 ease-in-out"
                     >
@@ -27,6 +28,7 @@ class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium
 
                     <button
                         wire:click="resetBulk"
+                        wire:loading.attr="disabled"
                         type="button"
                         class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium focus:outline-none focus:text-gray-800 focus:underline transition duration-150 ease-in-out"
                     >
@@ -44,6 +46,7 @@ class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium
 
                         <button
                             wire:click="resetBulk"
+                            wire:loading.attr="disabled"
                             type="button"
                             class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium focus:outline-none focus:text-gray-800 focus:underline transition duration-150 ease-in-out"
                         >
@@ -61,6 +64,7 @@ class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium
 
                         <button
                             wire:click="selectAll"
+                            wire:loading.attr="disabled"
                             type="button"
                             class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium focus:outline-none focus:text-gray-800 focus:underline transition duration-150 ease-in-out"
                         >
@@ -69,6 +73,7 @@ class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium
 
                         <button
                             wire:click="resetBulk"
+                            wire:loading.attr="disabled"
                             type="button"
                             class="ml-1 text-blue-600 underline text-gray-700 text-sm leading-5 font-medium focus:outline-none focus:text-gray-800 focus:underline transition duration-150 ease-in-out"
                         >

resources/views/tailwind/includes/table.blade.php

@@ -44,6 +44,7 @@ class="rounded-md shadow-sm border-gray-300 block transition duration-150 ease-i
                         <div class="flex rounded-md shadow-sm">
                             <input
                                 wire:model="selected"
+                                wire:loading.attr.delay="disabled"
                                 value="{{ $row->{$primaryKey} }}"
                                 onclick="event.stopPropagation();return true;"
                                 type="checkbox"