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

ui: Improve parser ui text display (#1437)

Browse Source 
move text display when open to be below the ingredient portion
This commit is contained in:
Miroito 2022-06-26 21:20:38 +02:00 committed by GitHub
parent 7dbb0858bd
commit 151e20489a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/pages/recipe/_slug/ingredient-parser.vue
View File

@ -50,7 +50,11 @@
<v-expansion-panels v-model="panels" multiple> <v-expansion-panels v-model="panels" multiple>
<v-expansion-panel v-for="(ing, index) in parsedIng" :key="index"> <v-expansion-panel v-for="(ing, index) in parsedIng" :key="index">
<v-expansion-panel-header class="my-0 py-0" disable-icon-rotate> <v-expansion-panel-header class="my-0 py-0" disable-icon-rotate>
{{ ing.input }} <template #default="{ open }">
<v-fade-transition>
<span v-if="!open" key="0"> {{ ing.input }} </span>
</v-fade-transition>
</template>
<template #actions> <template #actions>
<v-icon left :color="isError(ing) ? 'error' : 'success'"> <v-icon left :color="isError(ing) ? 'error' : 'success'">
{{ isError(ing) ? $globals.icons.alert : $globals.icons.check }} {{ isError(ing) ? $globals.icons.alert : $globals.icons.check }}
@ -62,6 +66,7 @@
</v-expansion-panel-header> </v-expansion-panel-header>
<v-expansion-panel-content class="pb-0 mb-0"> <v-expansion-panel-content class="pb-0 mb-0">
<RecipeIngredientEditor v-model="parsedIng[index].ingredient" /> <RecipeIngredientEditor v-model="parsedIng[index].ingredient" />
{{ ing.input }}
<v-card-actions> <v-card-actions>
<v-spacer></v-spacer> <v-spacer></v-spacer>
<BaseButton <BaseButton
@ -147,7 +152,7 @@ export default defineComponent({
data[i].ingredient.title = recipe.value.recipeIngredient[i].title; data[i].ingredient.title = recipe.value.recipeIngredient[i].title;
} }
} catch (TypeError) { } catch (TypeError) {
console.error("Index Mismatch Error during recipe ingredient parsing; did the number of ingredients change?") console.error("Index Mismatch Error during recipe ingredient parsing; did the number of ingredients change?");
} }
parsedIng.value = data; parsedIng.value = data;