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

fixed navigating with global search

Browse Source
This commit is contained in:
vabene1111
2024-12-19 20:21:00 +01:00
parent ecdb1e9fee
commit 1c9d19fc76
36 changed files with 145 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
vue3/src/components/display/RecipeActivity.vue
View File

@@ -27,7 +27,6 @@
</p>
</v-list-item>
</v-list>
</v-card-text>
</v-card>

8
vue3/src/components/display/RecipeView.vue
View File

@@ -1,4 +1,12 @@
<template>
<template v-if="props.recipe.name == undefined">
<v-skeleton-loader type="card" class="mt-md-4 rounded-0"></v-skeleton-loader>
<v-skeleton-loader type="article" class="mt-2"></v-skeleton-loader>
<v-skeleton-loader type="article" class="mt-2"></v-skeleton-loader>
<v-skeleton-loader type="list-item-avatar-three-line" class="mt-2"></v-skeleton-loader>
<v-skeleton-loader type="list-item-avatar-two-line"></v-skeleton-loader>
<v-skeleton-loader type="list-item-avatar-three-line"></v-skeleton-loader>
</template>
<template v-if="props.recipe.name != undefined">

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

@@ -2,8 +2,8 @@
<slot name="activator">
<v-btn @click="dialog = true" variant="plain" density="default">
<i class="fas fa-search mr-1"></i>
<span class="d-none d-sm-block">Search</span>
<v-chip size="x-small" variant="tonal" class="d-none d-md-flex ml-1" label>Ctrl+K</v-chip>
<span class="d-none d-sm-block">{{$t('Search')}}</span>
<v-chip size="x-small" variant="tonal" class="d-none d-md-flex ml-1" label>{{$t('Ctrl+K')}}</v-chip>
</v-btn>
</slot>
@@ -42,11 +42,11 @@
<v-card-text class="d-none d-sm-block pt-2">
<v-chip size="x-small" class="mr-1" label><i class="fas fa-arrow-up"></i></v-chip>
<v-chip size="x-small" class="mr-1" label><i class="fas fa-arrow-down"></i></v-chip>
<small class="mr-2">to navigate</small>
<small class="mr-2">{{$t('to_navigate')}}</small>
<v-chip size="x-small" class="mr-1" label><i class="fas fa-level-down-alt fa-rotate-90"></i></v-chip>
<small class="mr-2">to select</small>
<small class="mr-2">{{$t('to_select')}}</small>
<v-chip size="x-small" class="mr-1" label> esc</v-chip>
<small>to close</small>
<small>{{$t('to_close')}}</small>
</v-card-text>
@@ -166,6 +166,7 @@ function cardVariant(index: number) {
function goToSelectedRecipe() {
dialog.value = false
let searchResult = searchResults.value[selectedResult.value]
console.log('going to', searchResult.recipe_id)
if (searchResult.recipe_id != null) {
router.push({name: 'view_recipe', params: {'id': searchResult.recipe_id}})
}