Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-03 20:45:23 +02:00
Code Issues Releases Activity

fix: Cocktail Builder Enhancements (#4672)

Browse source
This commit is contained in:
Michael Genson 2024-12-03 11:47:05 -06:00 • committed by GitHub
parent 4e0cf985bc
commit 393a1e4c1a
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 17 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

24
frontend/pages/g/_groupSlug/recipes/finder/index.vue
View file

@ -220,7 +220,7 @@
</v-row> </v-row>
</v-container> </v-container>
</v-col> </v-col>
<v-col :cols="useMobile ? 12 : 9"> <v-col :cols="useMobile ? 12 : 9" :style="useMobile ? '' : 'max-height: 70vh; overflow-y: auto'">
<v-container <v-container
v-if="recipeSuggestions.readyToMake.length || recipeSuggestions.missingItems.length" v-if="recipeSuggestions.readyToMake.length || recipeSuggestions.missingItems.length"
class="ma-0 pa-0" class="ma-0 pa-0"
@ -369,7 +369,7 @@ export default defineComponent({
includeFoodsOnHand: preferences.value.includeFoodsOnHand, includeFoodsOnHand: preferences.value.includeFoodsOnHand,
includeToolsOnHand: preferences.value.includeToolsOnHand, includeToolsOnHand: preferences.value.includeToolsOnHand,
queryFilter: preferences.value.queryFilter, queryFilter: preferences.value.queryFilter,
limit: 10, limit: 20,
}, },
}); });
@ -417,31 +417,41 @@ export default defineComponent({
const selectedFoods = ref<IngredientFood[]>([]); const selectedFoods = ref<IngredientFood[]>([]);
function addFood(food: IngredientFood) { function addFood(food: IngredientFood) {
selectedFoods.value.push(food); selectedFoods.value.push(food);
handleFoodUpdates();
} }
function removeFood(food: IngredientFood) { function removeFood(food: IngredientFood) {
selectedFoods.value = selectedFoods.value.filter((f) => f.id !== food.id); selectedFoods.value = selectedFoods.value.filter((f) => f.id !== food.id);
handleFoodUpdates();
}
function handleFoodUpdates() {
selectedFoods.value.sort((a, b) => (a.pluralName || a.name).localeCompare(b.pluralName || b.name));
preferences.value.foodIds = selectedFoods.value.map((food) => food.id);
} }
watch( watch(
() => selectedFoods.value, () => selectedFoods.value,
() => { () => {
selectedFoods.value.sort((a, b) => (a.pluralName || a.name).localeCompare(b.pluralName || b.name)); handleFoodUpdates();
preferences.value.foodIds = selectedFoods.value.map((food) => food.id); },
}
) )
const toolStore = isOwnGroup.value ? useToolStore() : usePublicToolStore(groupSlug.value); const toolStore = isOwnGroup.value ? useToolStore() : usePublicToolStore(groupSlug.value);
const selectedTools = ref<RecipeTool[]>([]); const selectedTools = ref<RecipeTool[]>([]);
function addTool(tool: RecipeTool) { function addTool(tool: RecipeTool) {
selectedTools.value.push(tool); selectedTools.value.push(tool);
handleToolUpdates();
} }
function removeTool(tool: RecipeTool) { function removeTool(tool: RecipeTool) {
selectedTools.value = selectedTools.value.filter((t) => t.id !== tool.id); selectedTools.value = selectedTools.value.filter((t) => t.id !== tool.id);
handleToolUpdates();
}
function handleToolUpdates() {
selectedTools.value.sort((a, b) => a.name.localeCompare(b.name));
preferences.value.toolIds = selectedTools.value.map((tool) => tool.id);
} }
watch( watch(
() => selectedTools.value, () => selectedTools.value,
() => { () => {
selectedTools.value.sort((a, b) => a.name.localeCompare(b.name)); handleToolUpdates();
preferences.value.toolIds = selectedTools.value.map((tool) => tool.id);
} }
) )