Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-08-10 16:05:24 +02:00
Code Issues Releases Activity

Merge branch 'master' of https://github.com/hay-kot/mealie

Browse source
This commit is contained in:
hay-kot 2021-02-08 18:52:35 -09:00
commit 50a5b39836
10 changed files with 447 additions and 296 deletions
Download patch file Download diff file Expand all files Collapse all files

28
frontend/src/components/Recipe/RecipeViewer.vue
View file

@ -4,7 +4,7 @@
{{ name }}
</v-card-title>
<v-card-text>
{{ description }}
<vue-markdown :source="description"> </vue-markdown>
<div class="my-2"></div>
<v-row dense disabled>
<v-col>
@ -32,7 +32,7 @@
</v-row>
<v-row>
<v-col cols="12" sm="12" md="4" lg="4">
<h2 class="mb-4">{{$t('recipe.ingredients')}}</h2>
<h2 class="mb-4">{{ $t("recipe.ingredients") }}</h2>
<div
v-for="(ingredient, index) in ingredients"
:key="generateKey('ingredient', index)"
@ -47,7 +47,7 @@
</div>
<div v-if="categories[0]">
<h2 class="mt-4">{{$t('recipe.categories')}}</h2>
<h2 class="mt-4">{{ $t("recipe.categories") }}</h2>
<v-chip
class="ma-1"
color="accent"
@ -60,7 +60,7 @@
</div>
<div v-if="tags[0]">
<h2 class="mt-4">{{$t('recipe.tags')}}</h2>
<h2 class="mt-4">{{ $t("recipe.tags") }}</h2>
<v-chip
class="ma-1"
color="accent"
@ -72,7 +72,7 @@
</v-chip>
</div>
<h2 v-if="notes[0]" class="my-4">{{$t('recipe.notes')}}</h2>
<h2 v-if="notes[0]" class="my-4">{{ $t("recipe.notes") }}</h2>
<v-card
class="mt-1"
v-for="(note, index) in notes"
@ -87,7 +87,7 @@
<v-divider class="my-divider" :vertical="true"></v-divider>
<v-col cols="12" sm="12" md="8" lg="8">
<h2 class="mb-4">{{$t('recipe.instructions')}}</h2>
<h2 class="mb-4">{{ $t("recipe.instructions") }}</h2>
<v-hover
v-for="(step, index) in instructions"
:key="generateKey('step', index)"
@ -99,8 +99,14 @@
:elevation="hover ? 12 : 2"
@click="toggleDisabled(index)"
>
<v-card-title>{{ $t('recipe.step-index', {step: index + 1}) }}</v-card-title>
<v-card-text>{{ step.text }}</v-card-text>
<v-card-title>{{
$t("recipe.step-index", { step: index + 1 })
}}</v-card-title>
<v-card-text>
<vue-markdown>
{{ step.text }}
</vue-markdown>
</v-card-text>
</v-card>
</v-hover>
</v-col>
@ -121,7 +127,7 @@
target="_blank"
class="rounded-sm mr-4"
>
{{$t('recipe.original-url')}}
{{ $t("recipe.original-url") }}
</v-btn>
</v-row>
</v-card-text>
@ -129,8 +135,12 @@
</template>
<script>
import VueMarkdown from "@adapttive/vue-markdown";
import utils from "../../utils";
export default {
components: {
VueMarkdown,
},
props: {
name: String,
description: String,