group and member select

Author: GaneshKandu

app/Http/Controllers/UserController.php

@@ -12,6 +12,34 @@
 class UserController extends Controller
 {
 
+    function members_ajax(Request $request){
+		
+		$users = DB::table('users');
+		
+        if(!empty($request->ms)){
+            $ms = $request->ms;
+            $users->where('email', 'like', '%'.$request->ms.'%');
+        }
+        
+        $users = $users->paginate(10);
+        
+		$keys = array_column($users->items(),'id');
+		
+		$values = array_map([$this,"SecrurePass"],$users->items());
+		
+		$jsonusers = array_combine($keys, $values);
+		
+		$pages = range(1, $users->lastPage());
+		
+        $ms = '';
+        
+        if(!empty($request->ms)){
+            $ms = $request->ms;
+        }
+        
+        return view('members_ajax',compact('users','pages','jsonusers','ms'));
+	}
+	
     function members(Request $request){
 
 		$users = DB::table('users');

public/js/kchat.js

@@ -161,6 +161,7 @@ $(document).on('keyup keydown', function(e) {
 });
 
 $('.select').on('click', function() {
+//$(document).on('click', '.select', function() {
 
   id = localStorage.getItem('selected').split(",");
 

public/js/members.js

@@ -45,17 +45,41 @@ function unblock_user(){
 	__post('/members/unblock_users',[$('#m_user').val()]);
 }
 
-$('.member').on('dblclick', function() {
-	$('.m_photo').attr('src',json[$(this).attr('id')].photo);
-	$('.m_about').text(json[$(this).attr('id')].about);
-	$('.m_name').text(json[$(this).attr('id')].first_name + " " + json[$(this).attr('id')].last_name);
-	$('.m_email').text(json[$(this).attr('id')].email);
-	$('.m_department').text(json[$(this).attr('id')].department);
-	$('.m_phone').text(json[$(this).attr('id')].phone);
-	$('.m_status').text(json[$(this).attr('id')].status);
-	$('.m_status').removeClass("bg-Active bg-Blocked bg-Inactive");
-	$('.m_status').addClass("bg-"+json[$(this).attr('id')].status);
-	$('#m_user').val($(this).attr('id'));
-	$('.m_created_at').text(getRelativeTime(json[$(this).attr('id')].created_at));
-	$('.m_updated_at').text(getRelativeTime(json[$(this).attr('id')].updated_at));
+$(document).ready(function(){
+    
+    $(document).on('dblclick', '.member', function() {
+        $('.m_photo').attr('src',json[$(this).attr('id')].photo);
+        $('.m_about').text(json[$(this).attr('id')].about);
+        $('.m_name').text(json[$(this).attr('id')].first_name + " " + json[$(this).attr('id')].last_name);
+        $('.m_email').text(json[$(this).attr('id')].email);
+        $('.m_department').text(json[$(this).attr('id')].department);
+        $('.m_phone').text(json[$(this).attr('id')].phone);
+        $('.m_status').text(json[$(this).attr('id')].status);
+        $('.m_status').removeClass("bg-Active bg-Blocked bg-Inactive");
+        $('.m_status').addClass("bg-"+json[$(this).attr('id')].status);
+        $('#m_user').val($(this).attr('id'));
+        $('.m_created_at').text(getRelativeTime(json[$(this).attr('id')].created_at));
+        $('.m_updated_at').text(getRelativeTime(json[$(this).attr('id')].updated_at));
+    });
+
+    $(document).on('keyup', '#Member-rearch', function() {
+
+        Data = {};
+        
+        Data['_token'] = $('meta[name="csrf_token"]').attr('content');
+        
+        Data['ms'] = $(this).val();
+        
+        $.ajax({
+            type: "POST",
+            url: '/ajax_members',
+            data: Data,
+            success: function(result){
+                $("#member_table").html(result);
+            },
+            error: function(result){
+                
+            }
+        });
+    });
 });

resources/views/members.blade.php

@@ -46,7 +46,7 @@
 		<script>
 			json = @json($jsonusers);
 		</script>
-         <table class="table" style="width:100%">
+         <table class="table"style="width:100%">
             <thead>
                <tr>
                     <i class="fa fa-users"></i>
@@ -68,7 +68,7 @@
                   <th>Status</th>
                </tr>
             </thead>
-            <tbody>
+            <tbody id="member_table" >
 			@foreach($users as $user)
                <tr class="select member" id="{{ $user->id }}" >
                   <td><img src="{{ $user->photo }}" width="32" height="32" class="rounded-circle my-n1" alt="[Photo]" onerror="this.onerror=null; this.src='/logo/KChat.svg';"></td>

routes/web.php

@@ -84,5 +84,7 @@
 	Route::post('/messages/update', [MessageController::class, 'UpdateConversation'])->name('Update Conversation');
 
 	Route::post('/getConvo', [KchatController::class, 'getConvo'])->name('get Conversations list via search');
+        
+	Route::post('/ajax_members', [UserController::class, 'members_ajax'])->name('Members List on Ajax call');
 
 });