cgiacofei/TandoorRecipes
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

display of external recipes

Browse Source
This commit is contained in:
vabene1111
2021-01-13 02:16:16 +01:00
parent 1bb412e007
commit bb43ed203a
9 changed files with 76 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
vue/src/apps/RecipeView/RecipeView.vue
View File

@ -59,15 +59,17 @@
<div class="col-12 order-1 col-sm-12 order-sm-1 col-md-6 order-md-2" style="text-align: center">
<img class="img img-fluid rounded" :src="recipe.image" style="max-height: 30vh;"
:alt="_( 'Recipe Image')">
<div>
</div>
:alt="_( 'Recipe Image')" v-if="recipe.image !== null">
</div>
</div>
<div v-if="recipe.file_path.includes('.pdf')">
<PdfViewer :recipe="recipe"></PdfViewer>
</div>
<div v-if="recipe.file_path.includes('.png') || recipe.file_path.includes('.jpg') || recipe.file_path.includes('.jpeg')">
<ImageViewer :recipe="recipe"></ImageViewer>
</div>
<!--TODO timers -->
<div v-for="(s, index) in recipe.steps" v-bind:key="s.id" style="margin-top: 1vh">
<Step v-bind:step="s" v-bind:servings="servings" v-bind:index="index"></Step>
@ -93,6 +95,8 @@ import {GettextMixin, ToastMixin} from "@/utils/utils";
import Ingredient from "@/components/Ingredient";
import ScalableNumber from "@/components/ScalableNumber";
import PdfViewer from "@/components/PdfViewer";
import ImageViewer from "@/components/ImageViewer";
Vue.use(BootstrapVue)
@ -103,6 +107,8 @@ export default {
ToastMixin,
],
components: {
PdfViewer,
ImageViewer,
Ingredient,
Step,
RecipeContextMenu,