Add a warning banner to explain why it looks weird for users who don't typically parse

This commit is contained in:
Michael Genson 2025-07-11 20:06:13 +00:00
commit 41945654fb
2 changed files with 9 additions and 3 deletions

View file

@ -1,9 +1,14 @@
<!-- eslint-disable vue/no-mutating-props --> <!-- eslint-disable vue/no-mutating-props -->
<template> <template>
<div> <div>
<div class="mb-4">
<h2 class="mb-4 text-h5 font-weight-medium opacity-80"> <h2 class="mb-4 text-h5 font-weight-medium opacity-80">
{{ $t("recipe.ingredients") }} {{ $t("recipe.ingredients") }}
</h2> </h2>
<BannerWarning v-if="!hasFoodOrUnit">
{{ $t("recipe.ingredients-not-parsed-description", { parse: $t('recipe.parse') }) }}
</BannerWarning>
</div>
<VueDraggable <VueDraggable
v-if="recipe.recipeIngredient.length > 0" v-if="recipe.recipeIngredient.length > 0"
v-model="recipe.recipeIngredient" v-model="recipe.recipeIngredient"

View file

@ -582,6 +582,7 @@
"api-extras-description": "Recipes extras are a key feature of the Mealie API. They allow you to create custom JSON key/value pairs within a recipe, to reference from 3rd party applications. You can use these keys to provide information, for example to trigger automations or custom messages to relay to your desired device.", "api-extras-description": "Recipes extras are a key feature of the Mealie API. They allow you to create custom JSON key/value pairs within a recipe, to reference from 3rd party applications. You can use these keys to provide information, for example to trigger automations or custom messages to relay to your desired device.",
"message-key": "Message Key", "message-key": "Message Key",
"parse": "Parse", "parse": "Parse",
"ingredients-not-parsed-description": "It looks like your ingredients aren't parsed yet. Click the \"{parse}\" button below to parse your ingredients into structured foods.",
"attach-images-hint": "Attach images by dragging & dropping them into the editor", "attach-images-hint": "Attach images by dragging & dropping them into the editor",
"drop-image": "Drop image", "drop-image": "Drop image",
"enable-ingredient-amounts-to-use-this-feature": "Enable ingredient amounts to use this feature", "enable-ingredient-amounts-to-use-this-feature": "Enable ingredient amounts to use this feature",