Live search

skolehjem/app/Http/Controllers/ContactController.php

@@ -5,6 +5,7 @@ namespace App\Http\Controllers;
 use Illuminate\Http\Request;
 use Illuminate\Http\Response;
 use App\Contact;
+use Illuminate\Support\Facades\DB;
 use phpDocumentor\Reflection\Types\Context;
 
 class ContactController extends Controller
@@ -132,4 +133,33 @@ class ContactController extends Controller
         $contact->delete();
         return redirect()->route("contacts.index");
     }
+
+
+
+    public function search(Request $request){
+        if($request->ajax()){
+            $output = "";
+            $users = DB::table('users')->where('name_first', 'LIKE','%'.$request->search.'%')
+                ->orWhere('name_last','LIKE', '%'. $request->search.'%')
+                ->orWhere('phone','LIKE', '%' . $request->search.'%')
+                ->orWhere('mail','LIKE','%'.$request->serach. '%')->get();
+
+            if($users){
+                foreach ($users as $key => $user){
+                    $output.='<tr>'.
+                        '<td>' . $user->name_first . '</td>'.
+                        '<td>' . $user->name_last . '</td>'.
+                        '<td>' . $user->mail . '</td>'.
+                        '<td>' . $user->phone .'</td>'.
+                        '</tr>';
+                }
+                return Response($output);
+            }
+        }
+    }
+
+
+
+
+
 }

skolehjem/app/Http/Controllers/UserController.php

@@ -7,6 +7,7 @@ use Illuminate\Http\Request;
 use Illuminate\Http\Response;
 use App\User;
 use Illuminate\Support\Facades\Auth;
+use Illuminate\Support\Facades\DB;
 use Illuminate\Support\Facades\Log;
 use Spatie\Permission\Models\Role;
 
@@ -254,19 +255,5 @@ class UserController extends Controller
         return Response::detect("users.editpass");
     }
 
-    public function liveSearch(Request $request){
-        if($request->ajax()){
-            $output="";
-            $results=DB::table('users')->where('name_first','LIKE','%'.$request->search."%")->get();
-
-            if(!$results){
-                echo "idk kev";
-            }else{
-                return Response($output);
-            }
-        }
-    }
-
-
 
 }

skolehjem/package-lock.json

@@ -5070,6 +5070,12 @@
                 }
             }
         },
+        "jquery": {
+            "version": "3.5.1",
+            "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz",
+            "integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg==",
+            "dev": true
+        },
         "js-tokens": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",

skolehjem/package.json

@@ -12,6 +12,7 @@
     "devDependencies": {
         "axios": "^0.19",
         "cross-env": "^7.0",
+        "jquery": "^3.5.1",
         "laravel-mix": "^5.0.1",
         "lodash": "^4.17.13",
         "resolve-url-loader": "^2.3.1",

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

@@ -10,8 +10,16 @@
 @endsection
 
 @section("content")
+    <script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
     <div class="row align-items-center">
         <a class="btn btn-inline btn-sde-blue mb-0" href="{{ route('contacts.create') }}"><img src="{{ asset('/images/icons/plus.svg') }}" alt="Create">Opret Kontakt</a>
+
+        <form method="post" action="{{ route("users.store") }}">
+            @csrf
+            <input type="text" class="form-controller" id="search" name="search" placeholder="Søg på navn,email,telefon"></input>
+        </form>
+
+
     </div>
     <table class="tbl mt-2">
         <tr>
@@ -39,4 +47,23 @@
             </tr>
         @endforeach
     </table>
+
+    <script>
+        $('#search').on('keyup', function () {
+            //alert('Test');
+            $value = $(this).val();
+            $.ajax({
+                type: 'get',
+                url: '{{URL::to('contacts')}}',
+                data: {'search':$value},
+                success:function (data) {
+                    $('tbody').html(data);
+                    console.log(data);
+                }
+            });
+        })
+    </script>
+
+
+
 @endsection

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

@@ -10,19 +10,11 @@
 @endsection
 
 @section("content")
-    <div class="row align-items-center">
+        <div class="row align-items-center">
+
+
         <a class="btn btn-inline btn-sde-blue mb-0" href="{{ route('users.create') }}"><img src="{{ asset('/images/icons/plus.svg') }}" alt="Create">Opret Bruger</a>
 
-
-        <form method="post" action="{{ route("users.store") }}">
-            @csrf
-            <input type="text" class="form-controller" id="search" name="search"></input>
-            <input type="submit" class="btn btn-dark text-white" value="Søg">
-        </form>
-
-
-
-
     </div>
     <table class="tbl mt-2">
         <tr>
@@ -41,6 +33,7 @@
                 <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}},
@@ -60,6 +53,5 @@
             </tr>
         @endforeach
     </table>
-
     {{ $users->links() }}
 @endsection