Работает поиск по пользователям (но тоже только локально :())

This commit is contained in:
FEARmeR 2023-05-18 12:04:05 +01:00
parent cc6fa5b21a
commit 91cae103f1

View File

@ -59,6 +59,7 @@ export default {
projects: [], projects: [],
searchQuery: '', searchQuery: '',
searchResult: [], searchResult: [],
searchResultUsers: [],
}; };
}, },
async created() { async created() {
@ -74,6 +75,8 @@ export default {
try { try {
const response = await axios.get(`http://somebodyhire.me/api/search/projects/?search_query=${this.searchQuery}`); const response = await axios.get(`http://somebodyhire.me/api/search/projects/?search_query=${this.searchQuery}`);
this.searchResult = response.data; this.searchResult = response.data;
const responseUsers = await axios.get(`http://somebodyhire.me/api/search/profiles/?search_query=${this.searchQuery}`);
this.searchResultUsers = responseUsers.data;
} catch (error) { } catch (error) {
console.error('There was an error performing the search', error); console.error('There was an error performing the search', error);
} }
@ -118,17 +121,52 @@ export default {
<input type="text" v-model="searchQuery" placeholder="Поиск по проектам и людям" /> <input type="text" v-model="searchQuery" placeholder="Поиск по проектам и людям" />
<button type="submit" @click="search">Go</button> <button type="submit" @click="search">Go</button>
<!-- Результаты поиска по проектам-->
<div v-if="searchResult.length > 0"> <!-- <div v-if="searchResult.length > 0">
<h2>Найдено в проектах: {{ searchResult.length }}</h2> <h2>Найдено в проектах: {{ searchResult.length }}</h2>
<div v-for="project in searchResult" :key="project.id"> <div v-for="project in searchResult" :key="project.id">
<h2>{{ project.title }}</h2> <h2>{{ project.title }}</h2>
<p>{{ project.description }}</p> <p>{{ project.description }}</p>
</div> </div>
</div> </div>
<div v-else> <div v-if="searchResultUsers.length > 0">
<h1>No results found</h1> <h2>Найдено пользователей: {{ searchResultUsers.length }}</h2>
</div> <div v-for="user in searchResultUsers" :key="user.id">
<h2>{{ user.username }}</h2>
<p>{{ user.email }}</p>
</div>
</div> -->
<div>
<h2>Найдено в проектах: {{ searchResult.length }}</h2>
<div v-if="searchResult.length > 0">
<div v-for="project in searchResult" :key="project.id">
<h2>{{ project.title }}</h2>
<p>{{ project.description }}</p>
</div>
</div>
<div v-else>
<p>Не найдено проектов</p>
</div>
</div>
<div>
<h2>Найдено пользователей: {{ searchResultUsers.length }}</h2>
<div v-if="searchResultUsers.length > 0">
<div v-for="user in searchResultUsers" :key="user.id">
<h2>{{ user.username }}</h2>
<p>{{ user.email }}</p>
</div>
</div>
<div v-else>
<p>Не найдено пользователей</p>
</div>
</div>
</div> </div>
<div class="container"> <div class="container">