From 49799891c82e15ea700c882bed47a524df948343 Mon Sep 17 00:00:00 2001 From: Julian Leucker <leuckerj@gmail.com> Date: Wed, 19 Oct 2022 19:01:06 +0200 Subject: [PATCH] Display search text of results --- .../core/assets/components/SidenavSearch.vue | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/aleksis/core/assets/components/SidenavSearch.vue b/aleksis/core/assets/components/SidenavSearch.vue index 477c8a060..78aea5487 100644 --- a/aleksis/core/assets/components/SidenavSearch.vue +++ b/aleksis/core/assets/components/SidenavSearch.vue @@ -25,25 +25,26 @@ export default { absoluteUrl icon } + text } } `" :variables="{ q }" + :skip="!q" > - <template v-slot="{ result: { loading, error, data, query } }"> + <template v-slot="{ result: { error, data }, isLoading, query }"> <form method="get" ref="form" :action="action" id="search-form"> <v-autocomplete - :prepend-icon="'mdi-magnify'" + :prepend-inner-icon="'mdi-magnify'" append-icon="" - @click:prepend="submit" + @click:prepend-inner="submit" single-line clearable - :loading="loading" + :loading="!!isLoading" id="search" - name="q" type="search" enterkeyhint="search" :label="placeholder" @@ -53,15 +54,17 @@ export default { cache-items hide-no-data hide-details - :items="data.searchSnippets" - item-text="obj.name" + :items="data ? data.searchSnippets : undefined" > <template v-slot:item="{ item }"> <v-list-item :href="item.obj.absoluteUrl"> <v-list-item-icon v-if="item.obj.icon"> <v-icon v-text="'mdi-' + item.obj.icon"></v-icon> </v-list-item-icon> - {{ item.obj.name }} + <v-list-item-content> + <v-list-item-title> {{ item.obj.name }}</v-list-item-title> + <v-list-item-subtitle>{{ item.text }}</v-list-item-subtitle> + </v-list-item-content> </v-list-item> </template> </v-autocomplete> -- GitLab