Cutlery/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-09 03:04:54 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add shopping list items using the enter key (#3118)

Browse Source 
* Enables shopping list items being saved upon enter key press in notes field

Related to: https://github.com/mealie-recipes/mealie/discussions/3114
* Enter key press is caught in note field in ShoppingListItemEditor
* The create editor now stays open after saving a food item to a shopping list,
   to allow keyboard-only interaction with the shopping list

* Prevent empty shopping list items from being added

Related to: https://github.com/mealie-recipes/mealie/discussions/3114
An item is considered empty when the foodId is not set, and no note is set.
This is only handled frontend, the backend still accepts empty items.

---------

Signed-off-by: Jurriaan Den Toonder <1493561+Fastjur@users.noreply.github.com>
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
This commit is contained in:
Jurriaan Den Toonder 2024-02-19 17:29:45 +01:00 committed by GitHub
parent 7e194887f5
commit 4d2363ea22
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/components/Domain/ShoppingList/ShoppingListItemEditor.vue
View File

@ -25,6 +25,7 @@
:label="$t('shopping-list.note')" :label="$t('shopping-list.note')"
rows="1" rows="1"
auto-grow auto-grow
@keypress="handleNoteKeyPress"
></v-textarea> ></v-textarea>
</div> </div>
<div class="d-flex align-end" style="gap: 20px"> <div class="d-flex align-end" style="gap: 20px">
@ -142,5 +143,14 @@ export default defineComponent({
listItem, listItem,
}; };
}, },
methods: {
handleNoteKeyPress(event) {
// Save on Enter
if (!event.shiftKey && event.key === "Enter") {
event.preventDefault();
this.$emit("save");
}
},
}
}); });
</script> </script>

6
frontend/pages/shopping-lists/_id.vue
View File

@ -665,6 +665,11 @@ export default defineComponent({
return; return;
} }
if (!createListItemData.value.foodId && !createListItemData.value.note) {
// don't create an empty item
return;
}
loadingCounter.value += 1; loadingCounter.value += 1;
// make sure it's inserted into the end of the list, which may have been updated // make sure it's inserted into the end of the list, which may have been updated
@ -676,7 +681,6 @@ export default defineComponent({
if (data) { if (data) {
createListItemData.value = listItemFactory(createListItemData.value.isFood || false); createListItemData.value = listItemFactory(createListItemData.value.isFood || false);
createEditorOpen.value = false;
refresh(); refresh();
} }
} }