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

improved SearchPage random behavior

Browse Source
This commit is contained in:
vabene1111
2025-06-11 21:13:46 +02:00
parent 22923b8e7e
commit 68399acb8f
1 changed files with 18 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
vue3/src/pages/SearchPage.vue
View File

@@ -116,10 +116,12 @@
</template> </template>
<v-row> <v-row>
<v-col cols="12" md="6" offset-md="3"> <v-col cols="12" md="6" offset-md="3" class="text-center">
<v-pagination v-model="page" :length="Math.ceil(tableItemCount/pageSize)" <v-pagination v-model="page" :length="Math.ceil(tableItemCount/pageSize)"
@update:modelValue="searchRecipes({page: page})" class="ms-2 me-2" size="small" @update:modelValue="searchRecipes({page: page})" class="ms-2 me-2" size="small"
v-if="filters['sortOrder'].modelValue != 'random'"
></v-pagination> ></v-pagination>
<v-btn size="x-large" rounded="xl" prepend-icon="fa-solid fa-dice" variant="tonal" v-if="filters['sortOrder'].modelValue == 'random'" @click="searchRecipes()">{{$t('Random Recipes')}}</v-btn>
</v-col> </v-col>
</v-row> </v-row>
@@ -223,7 +225,11 @@ watch(() => query.value, () => {
onMounted(() => { onMounted(() => {
// load filters that were previously enabled // load filters that were previously enabled
useUserPreferenceStore().deviceSettings.search_visibleFilters.forEach(f => { useUserPreferenceStore().deviceSettings.search_visibleFilters.forEach(f => {
filters.value[f].enabled = true if(f in filters.value){
filters.value[f].enabled = true
} else {
useUserPreferenceStore().deviceSettings.search_visibleFilters.splice(useUserPreferenceStore().deviceSettings.search_visibleFilters.indexOf(f), 1)
}
}) })
enableFiltersWithValues() enableFiltersWithValues()
@@ -699,16 +705,16 @@ const filters = ref({
items: [{value: "true", title: 'Yes'}, {value: "false", title: 'No'}], items: [{value: "true", title: 'Yes'}, {value: "false", title: 'No'}],
modelValue: useRouteQuery('internal', "false") modelValue: useRouteQuery('internal', "false")
}, },
random: { // random: {
id: 'random', // id: 'random',
label: t('RandomOrder'), // label: t('RandomOrder'),
hint: t('searchFilterRandomHelp'), // hint: t('searchFilterRandomHelp'),
enabled: false, // enabled: false,
default: "false", // default: "false",
is: VSelect, // is: VSelect,
items: [{value: "true", title: 'Yes'}, {value: "false", title: 'No'}], // items: [{value: "true", title: 'Yes'}, {value: "false", title: 'No'}],
modelValue: useRouteQuery('random', "false") // modelValue: useRouteQuery('random', "false")
}, // },
rating: { rating: {
id: 'rating', id: 'rating',
label: `${t('Rating')} (${t('exact')})`, label: `${t('Rating')} (${t('exact')})`,