fix : search user

src/components/modal/ticket/NewMessage.vue

@@ -1,20 +1,20 @@
 <template>
   <div>
     <v-container>
-            <material-card class color="black" title="New Message" text>
+      <material-card class color="black" text title="New Message">
-                <v-layout wrap class="px-4 mb-3">
+        <v-layout class="px-4 mb-3" wrap>
-                    <v-flex xs12 sm12 md12>
+          <v-flex md12 sm12 xs12>
             <v-autocomplete
+                v-model="user_id"
                 :items="items"
                 :loading="loading"
                 :search-input.sync="search"
-                            v-model="user_id"
+                color="black"
                 item-text="name"
                 item-value="id"
                 label="Search"
                 persistent-hint
                 prepend-icon="fas fa-search"
-                            color="black"
             >
               <template v-slot:no-data>
                 <v-list-tile>
@@ -25,17 +25,34 @@
                   </v-list-tile-content>
                 </v-list-tile>
               </template>
+              <template v-slot:chip="{ item }">
+                {{ item.name }}
+                <span class="px-1" v-if="item.roles && item.roles.length"> -
+                    <span v-for="(role, key) in item.roles" :key="key">
+                    {{ role.name === 'Admin' ? 'Suport' : role.name }}
+                  </span>
+                </span>
+              </template>
+
+              <template v-slot:item="{ item }">
+                {{ item.name }}
+                <span class="px-1" v-if="item.roles && item.roles.length"> -
+                    <span v-for="(role, key) in item.roles" :key="key">
+                    {{ role.name === 'Admin' ? 'Suport' : role.name }}
+                  </span>
+                </span>
+              </template>
             </v-autocomplete>
           </v-flex>
         </v-layout>
-                <ticket-send-message :user-id="user_id" />
+        <ticket-send-message :user-id="user_id"/>
       </material-card>
     </v-container>
   </div>
 </template>
 <script>
-import { ApiService } from "@/services";
+import {ApiService} from "@/services";
-import { urls } from "@/config/urls";
+import {urls} from "@/config/urls";
 
 export default {
   data() {