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

sort by menu

Browse Source
This commit is contained in:
Chris Scoggins
2022-01-23 14:40:27 -06:00
parent a72fc46d40
commit ebb0b3a5ea
1 changed files with 21 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -416,8 +416,22 @@
</div> </div>
</div> </div>
<div class="row"> <div class="row align-content-center">
<div class="col col-md-12 text-right" style="margin-top: 2vh"> <div class="col col-md-6" style="margin-top: 2vh">
<b-dropdown split :text="$t('sort_by')" variant="link" class="m-0 p-0">
<div v-for="o in sortOptions" :key="o.id">
<b-dropdown-item
v-on:click="
search.sort_order = [o]
refreshData(false)
"
>
{{ o.text }}
</b-dropdown-item>
</div>
</b-dropdown>
</div>
<div class="col col-md-6 text-right" style="margin-top: 2vh">
<span class="text-muted"> <span class="text-muted">
{{ $t("Page") }} {{ search.pagination_page }}/{{ Math.ceil(pagination_count / ui.page_size) }} {{ $t("Page") }} {{ search.pagination_page }}/{{ Math.ceil(pagination_count / ui.page_size) }}
<a href="#" @click="resetSearch"><i class="fas fa-times-circle"></i> {{ $t("Reset") }}</a> <a href="#" @click="resetSearch"><i class="fas fa-times-circle"></i> {{ $t("Reset") }}</a>
@ -482,6 +496,7 @@ export default {
facets: {}, facets: {},
meal_plans: [], meal_plans: [],
last_viewed_recipes: [], last_viewed_recipes: [],
sortMenu: false,
search: { search: {
advanced_search_visible: false, advanced_search_visible: false,
@ -896,21 +911,14 @@ export default {
return return
}, },
buildParams: function (random) { buildParams: function (random) {
let params = { options: { query: {} } }
// if (this.search.search_filter) {
// params = {
// ...params,
// ...JSON.parse(this.search.search_filter.search),
// }
// }
this.random_search = random this.random_search = random
let rating = this.search.search_rating let rating = this.search.search_rating
if (rating !== undefined && !this.search.search_rating_gte) { if (rating !== undefined && !this.search.search_rating_gte) {
rating = rating * -1 rating = rating * -1
} }
// when a filter is selected - added search params will be added to the filter // when a filter is selected - added search params will be added to the filter
params = { let params = {
...params, options: { query: {} },
...this.addFields("keywords"), ...this.addFields("keywords"),
...this.addFields("foods"), ...this.addFields("foods"),
...this.addFields("books"), ...this.addFields("books"),
@ -928,6 +936,7 @@ export default {
if (!this.searchFiltered()) { if (!this.searchFiltered()) {
params.options.query.last_viewed = this.ui.recently_viewed params.options.query.last_viewed = this.ui.recently_viewed
} }
console.log(params)
return params return params
}, },
searchFiltered: function (ignore_string = false) { searchFiltered: function (ignore_string = false) {
@ -938,7 +947,7 @@ export default {
this.search?.search_units?.length !== 0 || this.search?.search_units?.length !== 0 ||
this.random_search || this.random_search ||
this.search?.search_filter || this.search?.search_filter ||
this.search.sort_order || this.search.sort_order.length !== 0 ||
this.search?.search_rating !== undefined this.search?.search_rating !== undefined
if (ignore_string) { if (ignore_string) {