mirrors/recipes
1
0
Fork 0
mirror of https://github.com/TandoorRecipes/recipes.git synced 2026-01-01 04:10:06 -05:00
Code Issues Packages Projects Releases Wiki Activity

fixed global search dialog manual select

Browse Source
This commit is contained in:
vabene1111
2024-12-23 14:43:34 +01:00
parent 0c6637406a
commit 65034e523f
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
vue3/src/components/inputs/GlobalSearchDialog.vue
View File

@@ -28,7 +28,7 @@
<!-- search results --> <!-- search results -->
<v-card-text> <v-card-text>
<v-card :variant="cardVariant(index)" v-for="(item, index) in searchResults" hover class="mt-1" @click="selectedResult = index" :key="index"> <v-card :variant="cardVariant(index)" v-for="(item, index) in searchResults" hover class="mt-1" @click="selectedResult = index" :key="index">
<v-card-title @click="goToSelectedRecipe()"> <v-card-title @click="goToSelectedRecipe(index)">
<v-avatar v-if="item.image" :image="item.image"></v-avatar> <v-avatar v-if="item.image" :image="item.image"></v-avatar>
<v-avatar v-else-if="item.recipe_id !== undefined" color="tandoor">{{ item.name.charAt(0) }}</v-avatar> <v-avatar v-else-if="item.recipe_id !== undefined" color="tandoor">{{ item.name.charAt(0) }}</v-avatar>
<v-icon :icon="item.icon" v-if="item.icon"></v-icon> <v-icon :icon="item.icon" v-if="item.icon"></v-icon>
@@ -134,7 +134,7 @@ onMounted(() => {
selectedResult.value = Math.min(searchResults.value.length, selectedResult.value + 1) selectedResult.value = Math.min(searchResults.value.length, selectedResult.value + 1)
} }
if (e.key == 'Enter') { if (e.key == 'Enter') {
goToSelectedRecipe() goToSelectedRecipe(selectedResult.value)
} }
} else { } else {
if (e.key == 'k' && e.ctrlKey) { if (e.key == 'k' && e.ctrlKey) {
@@ -165,9 +165,9 @@ function cardVariant(index: number) {
/** /**
* open selected recipe * open selected recipe
*/ */
function goToSelectedRecipe() { function goToSelectedRecipe(index: number) {
dialog.value = false dialog.value = false
let searchResult = searchResults.value[selectedResult.value] let searchResult = searchResults.value[index]
console.log('going to', searchResult.recipe_id) console.log('going to', searchResult.recipe_id)
if (searchResult.recipe_id != null) { if (searchResult.recipe_id != null) {
router.push({name: 'view_recipe', params: {'id': searchResult.recipe_id}}) router.push({name: 'view_recipe', params: {'id': searchResult.recipe_id}})