cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

only show create/import on search when not loading

Browse Source
This commit is contained in:
vabene1111
2022-02-19 09:37:57 +01:00
parent b19ff3dca4
commit c1605454dd
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
vue/src/apps/RecipeSearchView/RecipeSearchView.vue
View File

@ -845,7 +845,7 @@
</div> </div>
<div class="col-md-2 d-none d-md-block"></div> <div class="col-md-2 d-none d-md-block"></div>
</div> </div>
<div v-else> <div v-if="recipes.length < 1 && !recipes_loading">
<div class="row mt-5"> <div class="row mt-5">
<div class="col col-md-12 text-center"> <div class="col col-md-12 text-center">
<h4 class="text-muted"><i class="far fa-eye"></i> {{ $t('search_no_recipes') }}</h4> <h4 class="text-muted"><i class="far fa-eye"></i> {{ $t('search_no_recipes') }}</h4>
@ -918,6 +918,7 @@ export default {
return { return {
// this.Models and this.Actions inherited from ApiMixin // this.Models and this.Actions inherited from ApiMixin
recipes: [], recipes: [],
recipes_loading: true,
facets: {Books: [], Foods: [], Keywords: []}, facets: {Books: [], Foods: [], Keywords: []},
meal_plans: [], meal_plans: [],
last_viewed_recipes: [], last_viewed_recipes: [],
@ -1200,6 +1201,7 @@ export default {
methods: { methods: {
// this.genericAPI inherited from ApiMixin // this.genericAPI inherited from ApiMixin
refreshData: _debounce(function (random) { refreshData: _debounce(function (random) {
this.recipes_loading = true
let params = this.buildParams(random) let params = this.buildParams(random)
this.genericAPI(this.Models.RECIPE, this.Actions.LIST, params) this.genericAPI(this.Models.RECIPE, this.Actions.LIST, params)
.then((result) => { .then((result) => {
@ -1214,6 +1216,7 @@ export default {
this.meal_plans.forEach((x) => mealPlans.push(x.recipe.id)) this.meal_plans.forEach((x) => mealPlans.push(x.recipe.id))
this.recipes = this.recipes.filter((recipe) => !mealPlans.includes(recipe.id)) this.recipes = this.recipes.filter((recipe) => !mealPlans.includes(recipe.id))
} }
this.recipes_loading = false
}) })
.then(() => { .then(() => {
this.$nextTick(function () { this.$nextTick(function () {