sipo/Teren-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

search fix

Browse Source
This commit is contained in:
Simon Pocrnjič
2024-11-21 21:08:47 +01:00
parent 713bd9ffe3
commit 09fcac7cb5
11 changed files with 126 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/js/Layouts/AppLayout.vue
+55 -19
View File
@@ -40,7 +40,7 @@ const onSearchFocus = () => {
}
const onSearchBlue = () => {
setTimeout(() => querySearchList.value = true, 100)
setTimeout(() => querySearchList.value = true, 300)
}
watch(querySearch, debounce((value) => {
@@ -129,25 +129,25 @@ watch(querySearch, debounce((value) => {
</fwb-input>
<fwb-list-group ref="querySearchDiv" class="absolute" :hidden="querySearchList">
<fwb-list-group-item>
<div>
<p>Naročniki:</p>
<fwb-list-group>
<fwb-list-group-item hover v-for="client in querySearchResult.clients">
<a :href="route('client.show', {uuid: client.uuid})">{{ client.person.full_name }}</a>
</fwb-list-group-item>
</fwb-list-group>
</div>
<fwb-list-group-item class="px-0 flex flex-col">
<p>Naročniki:</p>
<fwb-list-group>
<fwb-list-group-item hover v-for="client in querySearchResult.clients">
<a :href="route('client.show', {uuid: client.client_uuid})">{{ client.full_name }}</a>
</fwb-list-group-item>
</fwb-list-group>
</fwb-list-group-item>
<fwb-list-group-item>
<div>
<p>Primeri:</p>
<fwb-list-group>
<fwb-list-group-item hover v-for="clientCase in querySearchResult.client_cases">
<a :href="route('clientCase.show', {uuid: clientCase.uuid})">{{ clientCase.person.full_name }}</a>
</fwb-list-group-item>
</fwb-list-group>
</div>
<fwb-list-group-item class="px-0 flex flex-col">
<p>Primeri:</p>
<fwb-list-group>
<fwb-list-group-item hover v-for="clientCase in querySearchResult.client_cases">
<a :href="route('clientCase.show', {uuid: clientCase.case_uuid})">{{ clientCase.full_name }}</a>
</fwb-list-group-item>
</fwb-list-group>
</fwb-list-group-item>
</fwb-list-group>
</div>
@@ -313,6 +313,42 @@ watch(querySearch, debounce((value) => {
</template>
</template>
</div>
<div class="px-2 w-full relative">
<fwb-input
v-model="querySearch"
placeholder="Iskalnik..."
size="md"
@focus="onSearchFocus"
@blur="onSearchBlue"
>
<template #prefix>
<SearchIcon />
</template>
</fwb-input>
<fwb-list-group ref="querySearchDiv" class="absolute px-2 w-full mx-auto" :hidden="querySearchList">
<fwb-list-group-item class="px-0 flex flex-col">
<p>Naročniki:</p>
<fwb-list-group class="w-full">
<fwb-list-group-item hover v-for="client in querySearchResult.clients">
<a :href="route('client.show', {uuid: client.client_uuid})">{{ client.full_name }}</a>
</fwb-list-group-item>
</fwb-list-group>
</fwb-list-group-item>
<fwb-list-group-item class="px-0 flex flex-col">
<p>Primeri:</p>
<fwb-list-group class="w-full">
<fwb-list-group-item hover v-for="clientCase in querySearchResult.client_cases">
<a :href="route('clientCase.show', {uuid: clientCase.case_uuid})">{{ clientCase.full_name }}</a>
</fwb-list-group-item>
</fwb-list-group>
</fwb-list-group-item>
</fwb-list-group>
</div>
</div>
</div>
</nav>