Conversation search added

Author: GaneshKandu

app/Http/Controllers/KchatController.php

@@ -100,7 +100,7 @@ function kchat(Request $request){
 			->select('messages.id as mid','messages.created_at as date','messages.id as mid','messages.message', 'messages.type', 'messages.user_id', 'users.first_name', 'users.last_name', 'users.photo', 'lm.*')
 			->orderBy('messages.id')
             ->orderBy('conversations.id');
-		
+        
 		if (session()->has('chat_id')){
 			$tmp->where('messages.id','>', session()->get('chat_id'));
 		}
@@ -115,4 +115,18 @@ function kchat(Request $request){
 
 		return json_encode($data);
 	}
+    
+    function getConvo(Request $request){
+        
+        $tmp = DB::table('conversations')
+        ->select('conversations.id','conversations.conversation_name', 'conversations.photo', 'conversations.created_at')
+        ->rightJoin('participants', 'participants.conversation_id', '=', 'conversations.id')
+        ->where('participants.user_id', Auth()->user()->id)
+        ->where('conversations.conversation_name', 'like', '%'.$request->convo_like.'%')
+        ->get()
+        ->toArray();
+        
+        return json_encode($tmp);
+        
+    }
 }

public/js/kchat.msg.js

@@ -3,6 +3,7 @@ message = '';
 typing = false;
 OnLoadMsgs = true;
 previous  = false;
+conversation_like = '';
 
 $(document).ready (function(){
 
@@ -141,6 +142,7 @@ $(document).ready (function(){
 		}
 	}
 
+    LoadMessage = true;
 	// Define the function to make the AJAX call
 	function KChatAjax(){
 
@@ -167,26 +169,32 @@ $(document).ready (function(){
 
         //console.log(Data);
 
-        $.ajax({
-            type: "POST",
-            url: '/messages',
-            data: Data,
-            success: function(messages){
-                
-                messages = $.parseJSON(messages);
-                
-                UpdateConversations(messages);
-                
-                UpdateMessages(messages);
-                
-                previous = false;
-                
-                $('#loading').css('display','none');
-            },
-            error: function(result){
-                
-            }
-        });
+        if(LoadMessage){
+            LoadMessage = false;
+            $.ajax({
+                type: "POST",
+                url: '/messages',
+                data: Data,
+                success: function(messages){
+                    
+                    messages = $.parseJSON(messages);
+                    
+                    UpdateConversations(messages);
+                    
+                    UpdateMessages(messages);
+                    
+                    previous = false;
+                    
+                    $('#loading').css('display','none');
+                    
+                    LoadMessage = true;
+                },
+                error: function(result){
+                    
+                }
+            }); 
+        }
+
 
 	}
 
@@ -233,5 +241,40 @@ $(document).ready (function(){
         $(this).css('display','none');
 
 	});
+    
+    search_convo = true;
+    
+    $("#convo_like").keyup(function() {
+
+        Search = {};
+        
+        Search['_token'] = $('meta[name="csrf_token"]').attr('content');
+        Search['convo_like'] = $(this).val();
+        
+        if(search_convo){
+            search_convo = false;
+            $.ajax({
+                type: "POST",
+                url: '/getConvo',
+                data: Search,
+                success: function(results){
+                    search_convo = true;
+                    results = $.parseJSON(results);
+                    html = '';
+                    results.forEach(function(element){
+                        html += `<tr>
+                            <td><a href="/messages/?chat=${element.id}" ><img src="${element.photo}" class="rounded-circle my-n1" alt="[Photo]" width="32" height="32"></a></td>
+                            <td><a href="/messages/?chat=${element.id}" >${element.conversation_name}</a></td>
+                        </tr>`
+                    });
+                    $('#ConvoList').html(html);
+                },
+                error: function(result){
+                    
+                }
+            });
+        }
+
+	});
 
 });

resources/views/members.blade.php

@@ -40,7 +40,7 @@
                </div>
             </div>
          </div>
-         <h5 class="card-title mb-0">Clients</h5>
+         <h5 class="card-title mb-0">Member's</h5>
       </div>
       <div class="card-body">
 		<script>

resources/views/msg.blade.php

@@ -17,7 +17,7 @@
 <div class="mail-list-container col-md-3 pt-4 pb-4 border-right bg-white height10">
  <div class="border-bottom pb-3 px-3">
 	<div class="form-group">
-	   <input class="form-control w-100" type="search" placeholder="Search mail" id="Mail-rearch">
+	   <input class="form-control w-100" type="search" placeholder="Search Conversation" data-toggle="modal" data-target="#search_conversation" id="Mail-rearch">
 	</div>
  </div>
  <ul class="friend-list" id="MessageBox">
@@ -136,6 +136,27 @@
 	 </div>
 @endif
 </div>
+
+<!-- Modal -->
+<div class="modal fade" id="search_conversation" tabindex="-1" role="dialog" aria-labelledby="ModalCenterTitle" aria-hidden="true">
+  <div class="modal-dialog modal-dialog-centered" role="document">
+    <div class="modal-content">
+      <div class="modal-header">
+        <input type="text" class="form-control" id="convo_like" />
+        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+          <span aria-hidden="true">&times;</span>
+        </button>
+      </div>
+      <div class="modal-body" id="search_conversation_results" >
+          <table id="ConvoList" class="table">
+          </table>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      </div>
+    </div>
+  </div>
+</div>
 @endsection
 
 @section('script')

routes/web.php

@@ -82,5 +82,7 @@
 	Route::post('/messages', [KchatController::class, 'kchat'])->name('All Json Responses');
 
 	Route::post('/messages/update', [MessageController::class, 'UpdateConversation'])->name('Update Conversation');
+    
+	Route::post('/getConvo', [KchatController::class, 'getConvo'])->name('get Conversations list via search');
 
 });