Fix: callback response viewpoint of search stuff

.gitignore

@@ -50,6 +50,7 @@ buildreports
 coverage
 
 /storage
+/vendor
 
 # ignore packages
 node_modules

app/controllers/api/v1/accounts/contacts_controller.rb

@@ -36,7 +36,7 @@ def update
   def search
     render json: { error: 'Specify search string with parameter q' }, status: :unprocessable_entity if params[:q].blank? && return
 
-    @contacts = Current.account.contacts.where('name LIKE :search OR email LIKE :search', search: "%#{params[:q]}%")
+    @contacts = Current.account.contacts.where('name LIKE :search OR email LIKE :search OR phone_number LIKE :search', search: "%#{params[:q]}%")
   end
 
   private

app/javascript/dashboard/api/contactsSearch.js

@@ -0,0 +1,14 @@
+/* global axios */
+import ApiClient from './ApiClient';
+
+class ContactSearchAPI extends ApiClient {
+  constructor() {
+    super('contacts', { accountScoped: true });
+  }
+
+  getContacts(keyWords) {
+    return axios.get(`${this.url}/search?q=${keyWords}`);
+  }
+}
+
+export default new ContactSearchAPI();

app/javascript/dashboard/components/ChatList.vue

@@ -7,6 +7,20 @@
       </h1>
       <chat-filter @statusFilterChange="updateStatusType" />
     </div>
+
+    <!-- <search-box
+      v-on:searchToList='generateChats'
+    /> -->
+    <div class="search">
+      <i class="icon ion-ios-search-strong" />
+      <input 
+        class="input" 
+        type="text" 
+        :placeholder="$t('CHAT_LIST.SEARCH.CONTACT')"
+        v-model.trim="searchKey"
+        @keyup="search()"
+      >
+    </div>
 
     <chat-type-tabs
       :items="assigneeTabItems"
@@ -87,6 +101,8 @@ export default {
     return {
       activeAssigneeTab: wootConstants.ASSIGNEE_TYPE.ME,
       activeStatus: wootConstants.STATUS_TYPE.OPEN,
+      contactsSearched: null,
+      searchKey: '',
     };
   },
   computed: {
@@ -99,6 +115,7 @@ export default {
       currentUserID: 'getCurrentUserID',
       activeInbox: 'getSelectedInbox',
       conversationStats: 'conversationStats/getStats',
+      currentContacts: 'contacts/getContacts',
     }),
     assigneeTabItems() {
       return this.$t('CHAT_LIST.ASSIGNEE_TYPE_TABS').map(item => {
@@ -143,13 +160,21 @@ export default {
     },
     conversationList() {
       let conversationList = [];
+      
       if (this.activeAssigneeTab === 'me') {
         conversationList = this.mineChatsList.slice();
       } else if (this.activeAssigneeTab === 'unassigned') {
         conversationList = this.unAssignedChatsList.slice();
       } else {
         conversationList = this.allChatList.slice();
       }
+      
+      // Return filtered array with searched contacts
+      if (this.contactsSearched) {
+        const conversations = conversationList.filter(conversation => 
+          this.contactsSearched.some(contact => contact.id == conversation.meta.sender.id));
+        return conversations;
+      }
 
       if (!this.label) {
         return conversationList;
@@ -202,6 +227,26 @@ export default {
         this.resetAndFetchData();
       }
     },
+    generateChats(contacts) {
+      this.contactsSearched = contacts;
+    },
+    search() {
+      if (this.searchKey.length < 1) this.contactsSearched = this.currentContacts;
+      else {
+        this.contactsSearched = this.currentContacts.filter(contact => {
+          if (contact.name) {
+            if (contact.name.includes(this.searchKey)) return contact;
+          }
+          if (contact.phone_number) {
+            if (contact.phone_number.includes(this.searchKey)) return contact;
+          }
+          if (contact.email) {
+            if (contact.email.includes(this.searchKey)) return contact;
+          }
+        });
+      }
+      
+    },
   },
 };
 </script>

app/javascript/dashboard/components/widgets/SearchBox.vue

@@ -8,4 +8,4 @@
 export default {
 
 };
-</script>
+</script>

app/javascript/dashboard/i18n/locale/en/chatlist.json

@@ -8,7 +8,8 @@
     },
     "TAB_HEADING": "Conversations",
     "SEARCH": {
-      "INPUT": "Search for People, Chats, Saved Replies .."
+      "INPUT": "Search for People, Chats, Saved Replies ..",
+      "CONTACT": "Search for contact name, email, phone..."
     },
     "STATUS_TABS": [
       {

app/javascript/dashboard/store/modules/contacts.js

@@ -1,6 +1,7 @@
 import { DuplicateContactException } from 'shared/helpers/CustomErrors';
 import * as types from '../mutation-types';
 import ContactAPI from '../../api/contacts';
+import ContactSearchAPI from '../../api/contactsSearch';
 import Vue from 'vue';
 
 const state = {
@@ -71,6 +72,15 @@ export const actions = {
   setContact({ commit }, data) {
     commit(types.default.SET_CONTACT_ITEM, data);
   },
+
+  async searchContact({ commit }, {keyWords}) {
+    try {
+      const response = await ContactSearchAPI.getContacts(keyWords);
+      return response.data.payload;
+    } catch (error) {
+      // Ignore error
+    }
+  }
 };
 
 export const mutations = {