v1.5.3 - Added Swal on all index pages

skolehjem/resources/views/admin/users/index.blade.php

@@ -72,13 +72,12 @@
         </thead>
         <tbody>
             @foreach($users as $user)
-                <tr>
+                <tr id="row_{{ $user->id }}">
                     <td>{{ $user->name_first }}</td>
                     <td>{{ $user->name_last }}</td>
                     <td>{{ $user->email }}</td>
                     <td>{{ $user->phone }}</td>
                     <td>
-
                         @for($i = 0; $i < count($user->roles); $i++)
                             @if(count($user->roles)-1 != $i)
                                 {{$user->roles[$i]->name}},
@@ -96,12 +95,9 @@
                         <td><a href="{{ route("users.edit", [ "user" => $user->id ]) }}"><img class="w-100" src="{{ asset('/images/icons/pencil-dark.svg') }}" alt="Update"></a></td>
                     @endif
                     @if(auth()->user()->can('user.delete'))
-                        <td><form method="post" action="{{ route("users.destroy", [ "user" => $user ]) }}" class="w-100 nostyle">
-                                @csrf
-                                @method("delete")
-
-                                <button class="w-100 nostyle" onclick="return confirm('Are you sure you want to delete?');" type="submit"><img class="w-100 cursor-pointer" src="{{ asset('/images/icons/trashcan-dark.svg') }}" alt="Delete"></button>
-                            </form>
+                        <td>
+                            @csrf
+                            <a class="w-100 nostyle" onclick="delete_user({{ $user->id }})"><img class="w-100 cursor-pointer" src="{{ asset('/images/icons/trashcan-dark.svg') }}" alt="Delete"></a>
                         </td>
                     @endif
                 </tr>
@@ -119,5 +115,48 @@
                 ]
             });
         });
+
+        function delete_user(id) {
+            var token = $("input[name='_token']").val();
+
+            Swal.fire({
+                title: 'Er du sikker?',
+                text: "Dette kan ikke blive ændret tilbage!",
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonColor: '#3085d6',
+                cancelButtonColor: '#d33',
+                confirmButtonText: 'Slet Bruger',
+                cancelButtonText: 'Annuller'
+            }).then((result) => {
+                if (result.isConfirmed) {
+                    $.ajax({
+                        type: "POST",
+                        url: "users/"+id,
+                        data:{'_token':token, _method: 'DELETE'},
+                        success: function () {
+                            if (id == 1) {
+                                Swal.fire(
+                                    'Administrator brugeren kan ikke slettes',
+                                    '',
+                                    'warning'
+                                )
+                            } else {
+                                $('#table_id').DataTable().row($('#row_'+id)[0]).remove().draw();
+
+                                Swal.fire(
+                                    'Brugeren er slettet!',
+                                    '',
+                                    'success'
+                                )
+                            }
+                        },
+                        error:function (data) {
+                            console.log(data);
+                        }
+                    });
+                }
+            })
+        }
     </script>
 @endsection