Fix checkbox issues

It wasn't possible to check the checkbox by clicking on it, due to incorrect Alpine.js usage.
CESNET · Feb 19, 2024 · 3f136ca · 3f136ca
1 parent 3585571
commit 3f136ca
Show file tree

Hide file tree

Showing 7 changed files with 18 additions and 10 deletions.
diff --git a/resources/views/categories/import.blade.php b/resources/views/categories/import.blade.php
@@ -32,7 +32,8 @@ class="dark:bg-gray-700 px-6 py-3 text-xs tracking-widest text-left uppercase bg
                         <tr x-data class="hover:bg-blue-50 dark:hover:bg-gray-700"
                             @click="checkbox = $el.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked">
                             <td class="px-6 py-3 text-sm">
-                                <input class="rounded" type="checkbox" name="categories[]" value="{{ $category }}">
+                                <input @click.stop class="rounded" type="checkbox" name="categories[]"
+                                    value="{{ $category }}">
                             </td>
                             <td class="px-6 py-3 text-sm">
                                 <code class="text-sm text-pink-500">

diff --git a/resources/views/entities/federations.blade.php b/resources/views/entities/federations.blade.php
@@ -29,7 +29,7 @@
                                     <tr x-data class="bg-white" role="button"
                                         @click="checkbox = $el.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked">
                                         <td class="px-6 py-3 text-sm">
-                                            <input class="rounded" type="checkbox" name="federations[]"
+                                            <input @click.stop class="rounded" type="checkbox" name="federations[]"
                                                 value="{{ $federation->id }}">
                                         </td>
                                         <td class="px-6 py-3 text-sm">

diff --git a/resources/views/entities/operators.blade.php b/resources/views/entities/operators.blade.php
@@ -36,7 +36,8 @@ class="dark:bg-gray-700 px-6 py-3 text-xs tracking-widest text-left uppercase bg
                                 <tr x-data class="bg-white" role="button"
                                     @click="checkbox = $el.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked">
                                     <td class="px-6 py-3 text-sm">
-                                        <input class="rounded" type="checkbox" name="operators[]" value="{{ $operator->id }}">
+                                        <input @click.stop class="rounded" type="checkbox" name="operators[]"
+                                            value="{{ $operator->id }}">
                                     </td>
                                     <td class="whitespace-nowrap px-6 py-3 text-sm">
                                         {{ $operator->name }}
@@ -108,7 +109,8 @@ class="dark:bg-gray-700 px-6 py-3 text-xs tracking-widest text-left uppercase bg
                                 <tr x-data class="bg-white" role="button"
                                     @click="checkbox = $el.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked">
                                     <td class="px-6 py-3 text-sm">
-                                        <input class="rounded" type="checkbox" name="operators[]" value="{{ $user->id }}">
+                                        <input @click.stop class="rounded" type="checkbox" name="operators[]"
+                                            value="{{ $user->id }}">
                                     </td>
                                     <td class="whitespace-nowrap px-6 py-3 text-sm">
                                         {{ $user->name }}

diff --git a/resources/views/federations/entities.blade.php b/resources/views/federations/entities.blade.php
@@ -35,7 +35,8 @@
                                 <tr x-data class="hover:bg-blue-50" role="button"
                                     @click="checkbox = $el.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked">
                                     <td class="px-6 py-3 text-sm">
-                                        <input class="rounded" type="checkbox" name="entities[]" value="{{ $entity->id }}">
+                                        <input @click.stop class="rounded" type="checkbox" name="entities[]"
+                                            value="{{ $entity->id }}">
                                     </td>
                                     <td class="whitespace-nowrap px-6 py-3 text-sm">
                                         {{ $entity->{"name_$locale"} }}
@@ -109,7 +110,8 @@
                                 <tr x-data class="hover:bg-blue-50" role="button"
                                     @click="checkbox = $el.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked">
                                     <td class="px-6 py-3 text-sm">
-                                        <input class="rounded" type="checkbox" name="entities[]" value="{{ $entity->id }}">
+                                        <input @click.stop class="rounded" type="checkbox" name="entities[]"
+                                            value="{{ $entity->id }}">
                                     </td>
                                     <td class="whitespace-nowrap px-6 py-3 text-sm">
                                         {{ $entity->{"name_$locale"} }}

diff --git a/resources/views/federations/import.blade.php b/resources/views/federations/import.blade.php
@@ -40,7 +40,7 @@ class="dark:bg-gray-700 px-6 py-3 text-xs tracking-widest text-left uppercase bg
                         <tr x-data class="hover:bg-blue-50 dark:hover:bg-gray-700" role="button"
                             @click="checkbox = $el.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked">
                             <td class="px-6 py-3 text-sm">
-                                <input class="rounded" type="checkbox" name="federations[]"
+                                <input @click.stop class="rounded" type="checkbox" name="federations[]"
                                     value="{{ $federation['cfgfile'] }}">
                             </td>
                             <td class="px-6 py-3 text-sm">

diff --git a/resources/views/federations/operators.blade.php b/resources/views/federations/operators.blade.php
@@ -37,7 +37,8 @@ class="dark:bg-gray-700 px-6 py-3 text-xs tracking-widest text-left uppercase bg
                                 <tr x-data class="bg-white" role="button"
                                     @click="checkbox = $el.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked">
                                     <td class="px-6 py-3 text-sm">
-                                        <input class="rounded" type="checkbox" name="operators[]" value="{{ $operator->id }}">
+                                        <input @click.stop class="rounded" type="checkbox" name="operators[]"
+                                            value="{{ $operator->id }}">
                                     </td>
                                     <td class="whitespace-nowrap px-6 py-3 text-sm">
                                         {{ $operator->name }}
@@ -108,7 +109,8 @@ class="dark:bg-gray-700 px-6 py-3 text-xs tracking-widest text-left uppercase bg
                                 <tr x-data class="bg-white" role="button"
                                     @click="checkbox = $el.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked">
                                     <td class="px-6 py-3 text-sm">
-                                        <input class="rounded" type="checkbox" name="operators[]" value="{{ $user->id }}">
+                                        <input @click.stop class="rounded" type="checkbox" name="operators[]"
+                                            value="{{ $user->id }}">
                                     </td>
                                     <td class="whitespace-nowrap px-6 py-3 text-sm">
                                         {{ $user->name }}

diff --git a/resources/views/groups/import.blade.php b/resources/views/groups/import.blade.php
@@ -32,7 +32,8 @@ class="dark:bg-gray-700 px-6 py-3 text-xs tracking-widest text-left uppercase bg
                         <tr x-data class="hover:bg-blue-50 dark:hover:bg-gray-700"
                             @click="checkbox = $el.querySelector('input[type=checkbox]'); checkbox.checked = !checkbox.checked">
                             <td class="px-6 py-3 text-sm">
-                                <input class="rounded" type="checkbox" name="groups[]" value="{{ $group }}">
+                                <input @click.stop class="rounded" type="checkbox" name="groups[]"
+                                    value="{{ $group }}">
                             </td>
                             <td class="px-6 py-3 text-sm">
                                 <code class="text-sm text-pink-500">